편집토론문서 역사

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

(Install package: clbiwiki-site-boot-gate-verified-20260707 / js/Common.js)
(Install package: clbiwiki-portal-section-fit-20260721-008 / js/Common.js)
 
(같은 사용자의 중간 판 98개는 보이지 않습니다)
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');


/* CLBI raw MediaWiki script cache key.
/* Raw MediaWiki script cache key.
   This is not a semantic version. It only prevents stale raw JS during active editing. */
   This is not a semantic version. It only prevents stale raw JS during active editing. */
window.CLBI_RAW_LOAD_BUST = window.CLBI_RAW_LOAD_BUST || String(Date.now());
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) {
function loadClbiRawScript(title) {
     mw.loader.load('/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=text/javascript&v=' + encodeURIComponent(window.CLBI_RAW_LOAD_BUST));
     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;
}
}




/* =========================================
/* =========================================
  Site boot gate and entry loading contract
Main-page fresh assets with fallback
  =========================================
========================================= */
  This is the corrected full/half entry-loading system.


  Purpose:
/*
  - The loading screen is not decorative. It exists only to prepare real site data before
Common.css의 MainPage.css import는 안전망으로 그대로 유지한다.
    the user is allowed into the normal wiki surface.
대문에서는 새로고침마다 timestamp가 붙은 CSS/JS를 추가로 불러와
  - A "full" entry must mean that the first view of that system can appear without an
브라우저·프록시의 오래된 raw 응답을 우회한다.
    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.


  Naming rule:
이 보조 로더가 실패해도 기존 정적 import와 기존 화면은 남는다.
  - 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) {
window.MainPageFreshAssets = window.MainPageFreshAssets || (function (window, document, mw) {
     'use strict';
     'use strict';


     var MANIFEST_TITLE = 'MediaWiki:EntryManifest.json';
     var sessionToken = String(Date.now());
     var BUILD_ID = '20260707-site-entry-boot-verified-001';
     var PORTAL_FRAME_BUILD = '20260721-portal-frame-section-fit-008';
     var READY_KEY = 'boot-gate-ready-version';
     var ASSET_LOAD_TIMEOUT_MS = 5000;
     var DISMISS_PARAM = 'bootGate';
     var scriptPromises = {};
     var bootStarted = false;
     var styleNode = null;
     var bootPromise = null;
 
    var bootNode = null;
     function isMainPage() {
    var bootStatusNode = null;
        var page = '';
     var bootProgressNode = null;
        try {
    var bootDetailNode = null;
            page = String(mw && mw.config ? mw.config.get('wgPageName') || '' : '');
     var bootFillNode = null;
        } catch (err) {}
     var bootStartTime = 0;
        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);


    var defaultManifest = {
         if (styleNode && styleNode.parentNode) {
         version: '20260707-site-entry-boot-verified-001',
             return Promise.resolve(true);
        boot: {
         }
             minDisplayMs: 950,
 
            cachedMinDisplayMs: 350,
         return new Promise(function (resolve) {
            maxBlockingMs: 15000
             var link = document.createElement('link');
         },
            var settled = false;
         initial: {
            var timeout = 0;
             full: [
 
                {
            function settle(ok) {
                    id: 'decorations-registry',
                if (settled) return;
                    label: 'DECORATION REGISTRY',
                 settled = true;
                    type: 'decorations',
                 window.clearTimeout(timeout);
                    ref: 'MediaWiki:Decorations.json',
                 resolve(ok);
                    page: '국가 및 조합',
             }
                    era: '1950',
                    preparePixels: true
                },
                {
                    id: 'nations-1950-entry',
                    label: '1950 NATIONS ENTRY',
                    type: 'nations-era',
                    era: '1950',
                    level: 'full'
                 }
            ],
            half: [
                 {
                    id: 'nations-1960-half',
                    label: '1960 NATIONS HALF',
                    type: 'nations-era',
                    era: '1960',
                    level: 'half'
                 }
             ]
        }
    };


    function now() {
            link.rel = 'stylesheet';
        return Date.now ? Date.now() : new Date().getTime();
            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 toArray(value) {
     function loadScript(title) {
         return Array.prototype.slice.call(value || []);
         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);
            }


    function unique(list) {
            script.src = rawUrl(key, 'script');
        var seen = {};
            script.async = false;
        var out = [];
            script.setAttribute('data-main-page-fresh-script', key);
        (list || []).forEach(function (item) {
            script.onload = function () { settle(true); };
            item = String(item || '').trim();
            script.onerror = function () { settle(false); };
            if (!item || seen[item]) return;
            timeout = window.setTimeout(function () {
             seen[item] = true;
                if (script.parentNode) script.parentNode.removeChild(script);
             out.push(item);
                settle(false);
             }, ASSET_LOAD_TIMEOUT_MS);
             (document.head || document.documentElement).appendChild(script);
         });
         });
        return out;
    }


    function hasBootParam(value) {
         return scriptPromises[key];
        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) {
     function validatePortalFrameSet() {
         return String(value || '')
         var modules = [
             .split('#')[0]
            ['PortalFrame', window.PortalFrame],
             .replace(/_/g, ' ')
            ['CategoryNav', window.CategoryNav],
            .trim();
            ['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);


    function extractTitleFromUrl(value) {
        if (mismatches.length && window.console && typeof window.console.error === 'function') {
        var text = String(value || '');
            window.console.error(
        var match = text.match(/[?&]title=([^&]+)/i);
                '[PortalFrame] 원자적 배포 세트의 버전이 일치하지 않습니다:',
        if (match) return normalizeTitle(decodeURIComponent(match[1].replace(/\+/g, ' ')));
                mismatches.map(function (entry) { return entry[0]; }).join(', ')
         return '';
            );
        }
         return mismatches.length === 0;
     }
     }


     function normalizeRefKey(ref) {
     function ensure() {
        var text = String(ref || '').trim();
         if (!isMainPage()) return Promise.resolve(false);
        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) {
        return loadStyle()
        var text = String(ref || '').trim();
            .then(function () {
        var title;
                return loadScript('MediaWiki:CategoryNav.js');
        if (!text) return '';
            })
        if (/^(?:https?:)?\/\//i.test(text) || text.charAt(0) === '/') return text;
            .then(function () {
        title = normalizeTitle(text.indexOf(':') !== -1 ? text : ('MediaWiki:' + text));
                return loadScript('MediaWiki:CategoryPillar.js');
        if (mw && mw.util && typeof mw.util.getUrl === 'function') {
            })
            return mw.util.getUrl(title, { action: 'raw', ctype: ctype || 'application/json' });
            .then(function () {
        }
                return loadScript('MediaWiki:PortalSectionNav.js');
        return '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=' + encodeURIComponent(ctype || 'application/json');
            })
            .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 getApiEndpoint() {
     function status() {
         return (mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript('api') : '/api.php';
         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()
        };
     }
     }


     function fetchApi(params) {
     if (mw && mw.hook) {
         var body = new URLSearchParams();
         mw.hook('wikipage.content').add(function () {
        Object.keys(params || {}).forEach(function (key) {
             ensure();
            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();
         });
         });
     }
     }


     function createEntryStore() {
     window.setTimeout(ensure, 0);
         var jsonCache = {};
 
         var flagUrlCache = {};
    return {
        var rawPromiseCache = {};
         ensure: ensure,
         status: status
    };
}(window, document, window.mw));


        function fetchJsonRef(ref, options) {
            var key = normalizeRefKey(ref);
            var url;
            if (!key) return Promise.reject(new Error('empty json ref'));
            if (jsonCache[key]) return Promise.resolve(jsonCache[key].data);
            if (rawPromiseCache[key]) return rawPromiseCache[key];
            url = rawUrlForRef(ref, 'application/json');
            rawPromiseCache[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) {
                var data = text && text.trim() ? JSON.parse(text) : {};
                jsonCache[key] = { key: key, ref: ref, url: url, data: data, loadedAt: now() };
                return data;
            });
            return rawPromiseCache[key];
        }


        function getJsonSync(ref) {
/* =========================================
            var key = normalizeRefKey(ref);
  Account access page marker
            return key && jsonCache[key] ? jsonCache[key].data : null;
  =========================================
        }
  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';


        function setJsonRef(ref, data) {
    var canonical = '';
            var key = normalizeRefKey(ref);
    var pageName = '';
            if (!key) return;
    var isLoginPage = false;
            jsonCache[key] = { key: key, ref: ref, url: rawUrlForRef(ref, 'application/json'), data: data, loadedAt: now() };
        }


         function normalizeFile(value) {
    try {
            return String(value || '')
         canonical = String(window.mw && mw.config ? mw.config.get('wgCanonicalSpecialPageName') || '' : '').toLowerCase();
                .replace(/^(?:file|파일):/i, '')
        pageName = String(window.mw && mw.config ? mw.config.get('wgPageName') || '' : '').replace(/_/g, ' ').toLowerCase();
                .trim();
    } catch (err) {}
        }


        function fileKey(value) {
    isLoginPage = canonical === 'userlogin' || /^(?:special|특수):(?:userlogin|로그인)$/.test(pageName);
            return normalizeFile(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
    if (!isLoginPage) return;
        }


        function setFlagUrl(file, url) {
    document.documentElement.classList.add('account-login-page-root');
            var key = fileKey(file);
            if (!key) return;
            flagUrlCache[key] = String(url || '');
        }


        function getFlagUrl(file) {
    function isCreateAccountTarget(link) {
            var key = fileKey(file);
        var href = '';
            return key ? (flagUrlCache[key] || '') : '';
        var title = '';
         }
        var text = '';
         var sample = '';


         function resolveFlagUrls(files) {
         if (!link) return false;
            var clean = unique((files || []).map(normalizeFile).filter(Boolean));
        href = String(link.getAttribute('href') || '');
            var pending = clean.filter(function (file) {
        title = String(link.getAttribute('title') || '');
                return getFlagUrl(file) === '' && flagUrlCache[fileKey(file)] === undefined;
        text = String(link.textContent || '');
            });
        try { href = decodeURIComponent(href); } catch (err) {}
            var chunks = [];
        sample = (href + ' ' + title + ' ' + text).replace(/_/g, ' ').toLowerCase();
        return /(?:special|특수)\s*[:%]\s*(?:createaccount|계정\s*(?:만들기|생성))|createaccount|계정\s*(?:만들기|생성)/i.test(sample);
    }


             while (pending.length) chunks.push(pending.splice(0, 20));
    function suppressCreateAccountSurface(root) {
             if (!chunks.length) return Promise.resolve(flagUrlCache);
        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'
        ];


            return Promise.all(chunks.map(function (chunk) {
        fixedSelectors.forEach(function (selector) {
                var titleToKey = {};
            Array.prototype.forEach.call(scope.querySelectorAll(selector), function (node) {
                var titles = [];
                node.style.setProperty('display', 'none', 'important');
                chunk.forEach(function (file) {
                node.setAttribute('aria-hidden', 'true');
                    var key = fileKey(file);
            });
                    if (!key) return;
        });
                    titleToKey[fileKey('File:' + file)] = key;
 
                    titleToKey[fileKey('파일:' + file)] = key;
        Array.prototype.forEach.call(scope.querySelectorAll('a[href]'), function (link) {
                    titles.push('File:' + file);
            var container;
                    titles.push('파일:' + file);
            if (!isCreateAccountTarget(link)) return;
                });
                return fetchApi({
                    action: 'query',
                    format: 'json',
                    formatversion: '2',
                    redirects: '1',
                    prop: 'imageinfo',
                    iiprop: 'url',
                    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 imageinfo = page && page.imageinfo && page.imageinfo[0];
                        if (!key) return;
                        seen[key] = true;
                        flagUrlCache[key] = imageinfo && (imageinfo.thumburl || imageinfo.url) ? (imageinfo.thumburl || imageinfo.url) : '';
                    });
                    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 cacheInfo() {
            link.style.setProperty('display', 'none', 'important');
             return {
             link.setAttribute('aria-hidden', 'true');
                json: Object.keys(jsonCache).length,
            link.setAttribute('tabindex', '-1');
                jsonKeys: Object.keys(jsonCache),
                flags: Object.keys(flagUrlCache).length
            };
        }


        return {
             container = link.closest('.mw-ui-vform-field, .oo-ui-fieldLayout, .mw-userlogin-create, p, li');
             fetchJsonRef: fetchJsonRef,
             if (container && container.querySelectorAll('a').length === 1) {
            getJsonSync: getJsonSync,
                container.style.setProperty('display', 'none', 'important');
            setJsonRef: setJsonRef,
                container.setAttribute('aria-hidden', 'true');
            normalizeRefKey: normalizeRefKey,
             }
             rawUrlForRef: rawUrlForRef,
         });
            resolveFlagUrls: resolveFlagUrls,
            setFlagUrl: setFlagUrl,
            getFlagUrl: getFlagUrl,
             cacheInfo: cacheInfo
         };
     }
     }


     window.EntryStore = window.EntryStore || createEntryStore();
     function applyMarker() {
        if (!document.body) return;
        document.body.classList.add('account-login-page');
        suppressCreateAccountSurface(document);
    }


     function updateBootProgress(done, total, label) {
     if (document.readyState === 'loading') {
         var pct = total ? Math.max(0, Math.min(100, Math.round((done / total) * 100))) : 0;
         document.addEventListener('DOMContentLoaded', applyMarker, { once: true });
        if (bootProgressNode) bootProgressNode.textContent = pct + '%';
    } else {
        if (bootFillNode) bootFillNode.style.width = pct + '%';
         applyMarker();
         if (bootDetailNode && label) bootDetailNode.textContent = label;
     }
     }


     function ensureBootScreen() {
     try {
        var panel;
        if (window.mw && mw.hook) {
        var header;
            mw.hook('wikipage.content').add(function (content) {
         var meter;
                suppressCreateAccountSurface(content && content[0] ? content[0] : document);
        if (bootNode && bootNode.parentNode) return bootNode;
            });
        if (!document.body) return null;
         }
    } catch (err) {}
})(window, document);


        document.documentElement.classList.add('boot-gate-active');
/* =========================================
        document.body.classList.add('boot-gate-active');
  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.


         bootNode = document.createElement('div');
  Maintenance rule:
         bootNode.id = 'boot-gate-screen';
  - Do not move first-screen hiding into a late subsystem callback.  If the boot gate is
         bootNode.className = 'boot-gate-screen is-active';
    meant to protect the first impression, the surface must be activated before sidebars,
         bootNode.setAttribute('role', 'status');
    navbars, document wells, nations panels, or other entry surfaces can visibly fill in.
         bootNode.setAttribute('aria-live', 'polite');
  - 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 = document.createElement('div');
         panel.className = 'boot-gate-panel';
         panel.className = 'boot-gate-panel';


         header = document.createElement('div');
         title = document.createElement('div');
         header.className = 'boot-gate-title';
         title.className = 'boot-gate-title';
         header.textContent = 'ARCHIVE INITIALIZATION';
         title.textContent = 'ARCHIVE INITIALIZATION';


         bootStatusNode = document.createElement('div');
         status = document.createElement('div');
         bootStatusNode.className = 'boot-gate-status';
         status.className = 'boot-gate-status';
         bootStatusNode.textContent = 'Preparing entry systems';
         status.textContent = 'Preparing site entry systems';


         meter = document.createElement('div');
         meter = document.createElement('div');
         meter.className = 'boot-gate-meter';
         meter.className = 'boot-gate-meter';
         bootFillNode = document.createElement('div');
         fill = document.createElement('div');
         bootFillNode.className = 'boot-gate-meter-fill';
         fill.className = 'boot-gate-meter-fill';
         meter.appendChild(bootFillNode);
         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';


         bootProgressNode = document.createElement('div');
         close = document.createElement('button');
         bootProgressNode.className = 'boot-gate-progress';
         close.type = 'button';
         bootProgressNode.textContent = '0%';
        close.className = 'boot-gate-close';
        close.setAttribute('aria-label', 'Close boot preview');
         close.textContent = '×';
        close.addEventListener('click', function () { release(node); });


         bootDetailNode = document.createElement('div');
         decoLayer = document.createElement('div');
         bootDetailNode.className = 'boot-gate-detail';
         decoLayer.className = 'boot-gate-decoration-layer';
         bootDetailNode.textContent = 'loading manifest';
        decoLayer.setAttribute('data-decoration-target', 'boot-gate');
         decoLayer.setAttribute('aria-hidden', 'true');


         panel.appendChild(header);
         panel.appendChild(title);
         panel.appendChild(bootStatusNode);
         panel.appendChild(status);
         panel.appendChild(meter);
         panel.appendChild(meter);
         panel.appendChild(bootProgressNode);
         panel.appendChild(progress);
         panel.appendChild(bootDetailNode);
         panel.appendChild(detail);
         bootNode.appendChild(panel);
         node.appendChild(decoLayer);
         document.body.appendChild(bootNode);
        node.appendChild(panel);
         return bootNode;
         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 hideBootScreen() {
     function release(node) {
         var node = bootNode;
         node = node || document.getElementById(SCREEN_ID);
         if (!node) return;
         if (node) {
        node.classList.add('is-complete');
            node.classList.add('is-complete');
        node.classList.remove('is-active');
            node.classList.remove('is-active');
            window.setTimeout(function () {
                if (node.parentNode) node.parentNode.removeChild(node);
            }, 240);
        }
         window.setTimeout(function () {
         window.setTimeout(function () {
             if (node.parentNode) node.parentNode.removeChild(node);
             if (document.documentElement) document.documentElement.classList.remove('boot-gate-active');
            if (bootNode === node) bootNode = null;
            document.documentElement.classList.remove('boot-gate-active');
             if (document.body) document.body.classList.remove('boot-gate-active');
             if (document.body) document.body.classList.remove('boot-gate-active');
         }, 240);
         }, 250);
     }
     }


     function collectFlagsFromNationPayload(payload) {
     activate();
        var files = [];
    onBody(function () {
        function add(value) {
         activate();
            if (!value) return;
         makeNode();
            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) {
     window.__BootGatePrelude = {
         var files = [];
         startTime: START_TIME,
         var source = payload && payload.items ? payload.items : {};
        activate: activate,
         Object.keys(source || {}).forEach(function (key) {
        ensure: makeNode,
            var item = source[key];
         release: release,
            if (!item || typeof item !== 'object') return;
         node: function () { return document.getElementById(SCREEN_ID); },
            files.push(item.flag_file || item.flag || item.flag_title || '');
         disabled: disabled
         });
    };
        return unique(files);
})(window, document);
    }


    function prewarmImages(urls, limit) {
/* =========================================
        var list = unique(urls || []).slice(0, Math.max(0, limit || 80));
  Site boot gate and entry artifact contract
        return Promise.all(list.map(function (url) {
  =========================================
            return new Promise(function (resolve) {
  This is the initial-load full/half entry artifact system.
                var img = new Image();
                img.onload = function () { resolve(true); };
                img.onerror = function () { resolve(false); };
                img.decoding = 'async';
                img.loading = 'eager';
                img.src = url;
                if (img.decode) img.decode().then(function () { resolve(true); }).catch(function () {});
            });
        }));
    }


    function getDecorationRuntime() {
  Purpose:
        return window.Decorations || window.CLBI_DECORATIONS || 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 waitForDecorationRuntime() {
  Naming rule:
        return new Promise(function (resolve) {
  - New public APIs, globals, classes, functions, files, and components must not use a
            var tries = 0;
    project prefix. Old prefixed globals are legacy compatibility surfaces only.
            function tick() {
  - New code should use names such as BootGate, EntryLoader, EntryStore, and boot-gate-*.
                var runtime = getDecorationRuntime();
*/
                if (runtime) return resolve(runtime);
(function (window, document, mw) {
                tries += 1;
    'use strict';
                if (tries > 40) return resolve(null);
 
                 window.setTimeout(tick, 25);
    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;
             }
             }
            tick();
        } catch (err) {}
         });
        return fallback;
    }
 
    function normalizeBootPageName(value) {
         return String(value || '').split('?')[0].replace(/^\/index\.php\//, '').replace(/_/g, ' ').trim();
     }
     }


     function matchesDecorationEntry(entry, filter) {
     function isCreateAccountPage() {
         var era = String(filter && filter.era || '').trim();
         var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
         var page = String(filter && filter.page || '').trim();
         var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
        var entryPage = String(entry && entry.page || '').replace(/_/g, ' ').trim();
         return canonical === 'createaccount' || /^(?:special|특수):(?:createaccount|계정 ?(?:만들기|생성))/i.test(name);
         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) {
     function isAnonymousUser() {
         var ref = task.ref || 'MediaWiki:Decorations.json';
         var userName = readConfig('wgUserName', null);
        return window.EntryStore.fetchJsonRef(ref, { noStore: !!task.noStore }).then(function (registry) {
        var userId = Number(readConfig('wgUserId', 0) || 0);
            var list = registry && Array.isArray(registry.decorations) ? registry.decorations : [];
        return !userName && !userId;
            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) {
     function isAuthenticationPage() {
         var era = String(task.era || '1950');
         var canonical = String(readConfig('wgCanonicalSpecialPageName', '') || '').toLowerCase();
        var listRef = task.listRef || ('MediaWiki:' + era + '_Nation_List.json');
         var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '').toLowerCase();
         var linkRef = task.linkMapRef || ('MediaWiki:' + era + '_Nation_Link_Map.json');
         var allowed = {
        var listPromise = window.EntryStore.fetchJsonRef(listRef).catch(function () { return null; });
            userlogin: true,
         var linkPromise = window.EntryStore.fetchJsonRef(linkRef).catch(function () { return null; });
            passwordreset: true,
            resetpass: true,
            confirmemail: true
        };


         return Promise.all([listPromise, linkPromise]).then(function (results) {
         if (allowed[canonical]) return true;
            var files;
        return /^(?:special|특수):(?:userlogin|로그인|passwordreset|비밀번호 ?재설정|resetpass|confirmemail)/i.test(name);
            var flagUrls;
            if (level !== 'full') return results;
            files = unique(collectFlagsFromNationPayload(results[0]).concat(collectFlagsFromLinkMap(results[1])));
            return window.EntryStore.resolveFlagUrls(files).then(function () {
                flagUrls = files.map(function (file) { return window.EntryStore.getFlagUrl(file); }).filter(Boolean);
                return prewarmImages(flagUrls, task.flagLimit || 96).then(function () { return results; });
            });
        });
     }
     }


     function prepareTask(task, defaultLevel) {
     function requiresLoginGate() {
         var level = String(task && (task.level || defaultLevel) || 'half').toLowerCase();
         return isAnonymousUser() && !isAuthenticationPage();
        var type = String(task && task.type || '').toLowerCase();
        if (!task || typeof task !== 'object') return Promise.resolve(null);
        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);
        return Promise.resolve(null);
     }
     }


     function loadManifest() {
     function isBootExcludedPage() {
         return window.EntryStore.fetchJsonRef(MANIFEST_TITLE, { noStore: true })
         var ns = Number(readConfig('wgNamespaceNumber', NaN));
            .then(function (manifest) {
        var action = String(readConfig('wgAction', 'view') || 'view').toLowerCase();
                if (!manifest || typeof manifest !== 'object' || !manifest.version) return defaultManifest;
        var model = String(readConfig('wgPageContentModel', '') || '').toLowerCase();
                return manifest;
        var name = normalizeBootPageName(readConfig('wgPageName', '') || window.location.pathname || '');
             })
        var systemNamespaces = {
             .catch(function () {
             '-1': true, '4': true, '5': true, '6': true, '7': true, '8': true, '9': true,
                return defaultManifest;
             '10': true, '11': true, '12': true, '13': true, '14': true, '15': true,
            });
            '828': true, '829': true
    }
        };


    function flattenInitialTasks(manifest) {
        /*
        var initial = manifest && manifest.initial ? manifest.initial : {};
        * The public boot gate is for normal reading surfaces. Developer/system
         var full = Array.isArray(initial.full) ? initial.full : [];
        * namespaces and edit/diff/history actions already reload outside SPA, so
         var half = Array.isArray(initial.half) ? initial.half : [];
        * blocking them would turn every maintenance save into another entry boot.
         var tasks = [];
        */
         full.forEach(function (task) {
         if (hasQueryFlag('bootGatePreview', '1')) return false;
            task = Object.assign({}, task);
         if (action && action !== 'view') return true;
            task.level = task.level || 'full';
         if (systemNamespaces[String(ns)]) return true;
            task.blocking = true;
         if (model === 'css' || model === 'javascript' || model === 'json' || model === 'sanitized-css') return true;
            tasks.push(task);
        if (/\.(?:css|js|json)$/i.test(name)) return true;
        });
         if (/^(?:mediawiki|미디어위키|file|파일|project|프로젝트|template|틀|module|모듈|category|분류|special|특수):/i.test(name)) return true;
         half.forEach(function (task) {
         return false;
            task = Object.assign({}, task);
            task.level = task.level || 'half';
            task.blocking = false;
            tasks.push(task);
        });
         return tasks;
     }
     }


     function runInitialLoad(options) {
     var LOGIN_REQUIRED = requiresLoginGate();
        var done = 0;
    var BOOT_EXCLUDED_PAGE = isBootExcludedPage() && !LOGIN_REQUIRED;
        var manifestRef;
        var tasks;
        var blocking;
        var bootOptions;
        var timedOut = false;


         options = options || {};
    function injectEarlyBootStyle() {
         bootStartTime = now();
         var style;
         ensureBootScreen();
        if (earlyBootStyleInjected || !document.documentElement) return;
         updateBootProgress(0, 1, 'loading entry manifest');
        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);
    }


        manifestRef = loadManifest().then(function (manifest) {
    function activateBootSurface() {
            var cached = false;
        injectEarlyBootStyle();
            var minDisplay;
        if (document.documentElement) document.documentElement.classList.add('boot-gate-active');
            bootOptions = manifest.boot || {};
        if (document.body) document.body.classList.add('boot-gate-active');
            cached = localStorage.getItem(READY_KEY) === String(manifest.version);
    }
            minDisplay = options.minDisplayMs || (cached ? (bootOptions.cachedMinDisplayMs || 350) : (bootOptions.minDisplayMs || 950));
            tasks = flattenInitialTasks(manifest);
            blocking = tasks.filter(function (task) { return task.blocking !== false; });
            if (!tasks.length) tasks = flattenInitialTasks(defaultManifest);
            if (!blocking.length) blocking = tasks;


            if (bootStatusNode) bootStatusNode.textContent = 'Preparing entry surface';
    if (!BOOT_EXCLUDED_PAGE) activateBootSurface();
            updateBootProgress(0, tasks.length, 'starting full/half packs');
    else if (window.__BootGatePrelude && window.__BootGatePrelude.release) window.__BootGatePrelude.release();


            return new Promise(function (resolve) {
    var defaultManifest = {
                var maxBlockingMs = Number(options.maxBlockingMs || bootOptions.maxBlockingMs || 15000);
        version: '20260710-globe-vhs-restore-entry-001',
                var timeoutHandle = window.setTimeout(function () {
        boot: {
                    timedOut = true;
            minDisplayMs: 950,
                    resolve();
            cachedMinDisplayMs: 350,
                }, maxBlockingMs);
            maxBlockingMs: 15000
 
        },
                 Promise.all(tasks.map(function (task) {
        initial: {
                     var label = task.label || task.id || task.type || 'entry task';
            full: [
                     return prepareTask(task, task.level).catch(function () {
                 {
                        return null;
                     id: 'decorations-registry',
                     }).then(function () {
                     label: 'DECORATION REGISTRY',
                        done += 1;
                    type: 'decorations',
                        updateBootProgress(done, tasks.length, label);
                     ref: 'MediaWiki:Decorations.json',
                     });
                     page: '시대',
                })).then(function () {
                     era: '1950',
                     window.clearTimeout(timeoutHandle);
                     preparePixels: true
                     resolve();
                 },
                 });
                {
            }).then(function () {
                    id: 'nations-1950-entry',
                var elapsed = now() - bootStartTime;
                    label: '1950 ERA ENTRY',
                var wait = Math.max(0, minDisplay - elapsed);
                    type: 'nations-era',
                return new Promise(function (resolve) {
                    era: '1950',
                     window.setTimeout(resolve, wait);
                     level: 'full'
                 });
                 }
             }).then(function () {
             ],
                localStorage.setItem(READY_KEY, String(manifest.version));
            half: [
                if (bootStatusNode) bootStatusNode.textContent = timedOut ? 'Entry surface ready with deferred items' : 'Entry surface ready';
                {
                updateBootProgress(tasks.length || 1, tasks.length || 1, timedOut ? 'continuing deferred loading' : 'complete');
                    id: 'nations-1960-half',
                 window.setTimeout(hideBootScreen, 120);
                    label: '1960 ERA HALF',
                return manifest;
                    type: 'nations-era',
            });
                    era: '1960',
        });
                    level: 'half'
                 }
            ]
        }
    };


         return manifestRef;
    function now() {
         return Date.now ? Date.now() : new Date().getTime();
     }
     }


    function startBoot(options) {
        if (hasBootParam('0') && !(options && options.force)) return Promise.resolve(null);
        if (bootStarted && bootPromise && !(options && options.force)) return bootPromise;
        bootStarted = true;
        bootPromise = runInitialLoad(options || {});
        return bootPromise;
    }


     function resetBoot() {
     var BootPerf = window.BootPerf = window.BootPerf || (function () {
         localStorage.removeItem(READY_KEY);
         var t0 = now();
         bootStarted = false;
         var entries = [];
         bootPromise = null;
         var active = {};
    }
        var seq = 0;


    window.EntryLoader = window.EntryLoader || {
        function cloneMeta(meta) {
        loadManifest: loadManifest,
            var out = {};
        prepareTask: prepareTask,
            Object.keys(meta || {}).forEach(function (key) {
        prepareNationsEra: prepareNationsEra,
                var value = meta[key];
        prepareDecorationSet: prepareDecorationSet,
                if (value == null) return;
        runInitialLoad: runInitialLoad
                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;
        }


    window.BootGate = window.BootGate || {
        function start(name, meta) {
         version: BUILD_ID,
            var id = String(++seq);
        start: startBoot,
            active[id] = { id: id, name: String(name || 'entry'), start: now(), meta: cloneMeta(meta) };
         show: function (options) {
            return id;
             options = options || {};
        }
            options.force = true;
 
             resetBoot();
        function end(id, meta) {
             return startBoot(options);
            var item = active[id];
        },
            var ended = now();
        reset: resetBoot,
            if (!item) return null;
        hide: hideBootScreen,
            delete active[id];
         state: function () {
            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 {
             return {
                 started: bootStarted,
                 build: BUILD_ID,
                 hasNode: !!(bootNode && bootNode.parentNode),
                 startedAt: t0,
                 store: window.EntryStore && window.EntryStore.cacheInfo ? window.EntryStore.cacheInfo() : null
                totalMs: total,
                entries: list,
                 active: Object.keys(active).map(function (id) { return active[id]; })
             };
             };
         }
         }
    };


    function prime() {
        function print() {
        ensureBootScreen();
            var list = rows();
        startBoot();
            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();
        }


    if (document.readyState === 'loading') {
        return {
        document.addEventListener('DOMContentLoaded', prime);
            start: start,
    } else {
            end: end,
         window.setTimeout(prime, 0);
            mark: instant,
     }
            measure: measure,
})(window, document, window.mediaWiki || window.mw);
            rows: rows,
            summary: summary,
            print: print
         };
     }());




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


/* CLBI safety guard: adaptive reset functions must exist before shell metric callbacks run. */
        function perfNow() {
function resetLeftRecentAdaptiveState() {
            return window.performance && performance.now ? performance.now() : now();
    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) {
        function cloneMeta(meta) {
        newsBox.classList.remove('is-adaptive-constrained');
            var out = {};
        newsBox.style.removeProperty('--adaptive-news-h');
            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;
        }


    if (list) {
        function push(entry) {
        list.classList.remove('is-adaptive-faded');
            entries.push(entry);
        list.removeAttribute('data-adaptive-limit');
            if (entries.length > maxEntries) entries.splice(0, entries.length - maxEntries);
        list.style.removeProperty('--adaptive-recent-h');
            return entry;
    }
        }


    items.forEach(function (item) {
        function start(name, meta) {
        item.classList.remove('is-adaptive-hidden');
            var id = String(++seq);
    });
            active[id] = { id: id, name: String(name || 'interaction'), start: perfNow(), meta: cloneMeta(meta) };
}
            return id;
        }


function resetLeftBillboardAdaptiveState() {
        function end(id, meta) {
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');
            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);
        }


    if (!box) return;
        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) });
        }


    box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
        function measureSync(name, meta, fn) {
    box.style.removeProperty('--left-billboard-h');
            var id = start(name, meta);
    box.style.removeProperty('--left-billboard-finish-h');
            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;
            }
        }


window.resetLeftRecentAdaptiveState = resetLeftRecentAdaptiveState;
        function measureAsync(name, meta, fn) {
window.resetLeftBillboardAdaptiveState = resetLeftBillboardAdaptiveState;
            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);
            }
        }


loadClbiRawScript('MediaWiki:AnecdoteViewer.js');
        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;
        }


(function () {
        try {
    'use strict';
            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) {}


    var SYSTEM_TITLE_NAMESPACES = {
        return {
        '-1': true,
            build: BUILD,
        '4': true,
            start: start,
        '5': true,
            end: end,
        '6': true,
            mark: mark,
        '7': true,
            measureSync: measureSync,
        '8': true,
            measureAsync: measureAsync,
        '9': true,
            summary: summary,
        '10': true,
            table: table
         '11': true,
         };
        '12': true,
     }());
        '13': true,
        '14': true,
        '15': true,
        '828': true,
        '829': true
     };


     function normalizePageNameForShell(value) {
     function toArray(value) {
         return String(value || '')
         return Array.prototype.slice.call(value || []);
             .split('?')[0]
    }
             .replace(/^\/index\.php\//, '')
 
    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, ' ')
             .replace(/_/g, ' ')
             .trim();
             .trim();
     }
     }


     function readCurrentPageNameForShell() {
     function extractTitleFromUrl(value) {
         var pageName = mw.config.get('wgPageName') || '';
         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;
    }


         if (pageName) {
    function rawUrlForRef(ref, ctype) {
             return normalizePageNameForShell(pageName);
        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 normalizePageNameForShell(window.location.pathname || '');
    function getApiEndpoint() {
         return (mw && mw.util && typeof mw.util.wikiScript === 'function') ? mw.util.wikiScript('api') : '/api.php';
     }
     }


     function isAnecdoteNamespaceForShell() {
     function fetchApi(params) {
         var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
         var body = new URLSearchParams();
         var canonicalNamespace = String(mw.config.get('wgCanonicalNamespace') || '').toLowerCase();
        Object.keys(params || {}).forEach(function (key) {
         var pageName = readCurrentPageNameForShell();
            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';


         return namespaceNumber === 3000 ||
    function hasCacheStorage() {
            canonicalNamespace === 'anecdote' ||
         return !!(window.caches && typeof window.caches.open === 'function');
            /^(anecdote|에넥도트):/i.test(pageName);
     }
     }


     function isBackendOrSystemPageForShell() {
     function safeJsonParse(text, fallback) {
         var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
         try { return JSON.parse(text); } catch (err) { return 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();


         if (action && action !== 'view') {
    function readLocalJson(key, fallback) {
             return true;
         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) {}
    }


         if (pageName === '대문') {
    function normalizeManifestTitle(value) {
             return false;
        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
        };


         if (SYSTEM_TITLE_NAMESPACES[String(namespaceNumber)]) {
         function ensureIndex() {
             return true;
            if (!index || typeof index !== 'object') index = { entries: {} };
             if (!index.entries || typeof index.entries !== 'object') index.entries = {};
         }
         }


         if (contentModel === 'css' || contentModel === 'javascript' || contentModel === 'json' || contentModel === 'sanitized-css') {
         function compactIndexForLocalStorage() {
             return true;
            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;
         }
         }


         if (/\.(css|js|json)$/i.test(pageName)) {
         function ensurePacks() {
            return true;
            if (!packs || typeof packs !== 'object') packs = { packs: {} };
            if (!packs.packs || typeof packs.packs !== 'object') packs.packs = {};
         }
         }


         if (/^(mediawiki|미디어위키|special|특수):/i.test(pageName)) {
         function saveIndex() {
             return true;
            ensureIndex();
            compactIndexForLocalStorage();
             writeLocalJson(ENTRY_CACHE_INDEX_KEY, index);
         }
         }


         return false;
         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 isMediaWikiSystemAssetPageForShell() {
        function openCache() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
            if (!hasCacheStorage()) return Promise.resolve(null);
        var pageName = readCurrentPageNameForShell();
            return window.caches.open(ENTRY_CACHE_NAME).catch(function () { return null; });
        var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
        }


         return namespaceNumber === 8 &&
         function cacheEntry(key, meta) {
             (/\.(css|js)$/i.test(pageName) || contentModel === 'css' || contentModel === 'javascript' || contentModel === 'sanitized-css');
            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;
        }


    var systemDocRawFetchToken = 0;
        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 cleanupLegacySystemDocCodeMutationsForShell() {
        function getText(key) {
        document.querySelectorAll('.clbi-system-doc-codepane').forEach(function (pane) {
            return getResponse(key).then(function (res) {
            var parent;
                if (!res) return null;
                markHit(key, 'textHits');
                return res.text();
            }).catch(function () { return null; });
        }


             if (!pane || !pane.parentNode) return;
        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; });
        }


             parent = pane.parentNode;
        function getBlobUrl(key) {
             while (pane.firstChild) {
             key = String(key || '');
                 parent.insertBefore(pane.firstChild, pane);
            if (!key) return Promise.resolve('');
             if (objectUrls[key]) {
                 markHit(key, 'blobHits');
                return Promise.resolve(objectUrls[key]);
             }
             }
             parent.removeChild(pane);
             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 ''; });
        }


         document.querySelectorAll('.clbi-system-doc-codebox').forEach(function (node) {
         function fetchBlobUrl(url, key, meta, options) {
            node.classList.remove('clbi-system-doc-codebox');
            url = String(url || '').trim();
            node.removeAttribute('data-clbi-system-doc-codebox');
            key = String(key || '').trim();
            node.removeAttribute('style');
            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 getSystemDocOutputForShell() {
        function deleteKey(key) {
        return document.querySelector('.liberty-content-main .mw-parser-output');
            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 findSystemDocSourceNodeForShell() {
        function invalidateResources(resourceKeys) {
        var output = getSystemDocOutputForShell();
            var map = {};
        var children;
            var entries;
         var preferred;
            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; });
         }


         if (!output) return null;
         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; });
        }


         children = Array.prototype.slice.call(output.children || [])
         function reset() {
             .filter(function (el) {
             Object.keys(objectUrls).forEach(function (key) {
                 return el && el.nodeType === 1 &&
                 try { URL.revokeObjectURL(objectUrls[key]); } catch (err) {}
                    el.id !== 'clbi-system-doc-indicator-row' &&
                    el.id !== 'clbi-system-source-viewer' &&
                    !el.classList.contains('catlinks') &&
                    (el.textContent || '').trim().length > 200;
             });
             });
            objectUrls = {};
            index = { entries: {} };
            packs = { packs: {} };
            saveIndex();
            savePacks();
            if (!hasCacheStorage()) return Promise.resolve(false);
            return window.caches.delete(ENTRY_CACHE_NAME).catch(function () { return false; });
        }


         preferred = children.filter(function (el) {
         function packReady(key, token) {
             return el.matches && el.matches('.mw-highlight, .mw-code, pre');
            key = String(key || '');
         })[0];
            token = String(token || '');
            ensurePacks();
            if (!key || !token) return false;
             return !!(packs.packs[key] && String(packs.packs[key].token || '') === token && packs.packs[key].ready);
         }


         return preferred || children.sort(function (a, b) {
         function setPackReady(key, token, meta) {
             return (b.textContent || '').trim().length - (a.textContent || '').trim().length;
             key = String(key || '');
        })[0] || null;
            token = String(token || '');
    }
            if (!key || !token) return false;
 
            ensurePacks();
    function getSystemDocRawUrlForShell() {
            packs.packs[key] = Object.assign({}, meta || {}, {
        var title = mw.config.get('wgPageName') || readCurrentPageNameForShell();
                key: key,
 
                 token: token,
        if (window.mw && mw.util && typeof mw.util.getUrl === 'function') {
                 ready: true,
            return mw.util.getUrl(title, {
                 updatedAt: now()
                 action: 'raw',
                 ctype: 'text/plain',
                 _: String(Date.now())
             });
             });
            savePacks();
            return true;
         }
         }


         return '/index.php?title=' + encodeURIComponent(title) + '&action=raw&ctype=text/plain&_=' + Date.now();
         function packInfo() {
    }
            ensurePacks();
            return Object.assign({}, packs.packs || {});
        }


    function removeSystemDocSourceViewerForShell() {
        function info() {
        var viewer = document.getElementById('clbi-system-source-viewer');
            var lastClientPrune = 0;
 
            var entries;
        if (viewer && viewer.parentNode) {
            var byKind = {};
            viewer.parentNode.removeChild(viewer);
            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)
            };
         }
         }


         document.querySelectorAll('.clbi-system-original-source-hidden').forEach(function (node) {
         /* Trim legacy image/blob metadata rows produced by older builds. */
            node.classList.remove('clbi-system-original-source-hidden');
        try { saveIndex(); } catch (err) {}
            node.removeAttribute('data-clbi-system-source-hidden');
            node.style.removeProperty('display');
        });


         cleanupLegacySystemDocCodeMutationsForShell();
         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
        };
     }
     }


     function ensureSystemDocSourceViewerForShell() {
     window.EntryCache = window.EntryCache || createEntryCache();
        var output = getSystemDocOutputForShell();
        var source;
        var viewer;
        var fallbackText;


         if (!output || !isMediaWikiSystemAssetPageForShell()) return null;
    function createRevisionManifestService() {
         var current = null;
        var previous = readLocalJson(REVISION_MANIFEST_LOCAL_KEY, null);
        var loadPromise = null;
        var changedResources = [];


         cleanupLegacySystemDocCodeMutationsForShell();
         function unwrap(payload) {
            return payload && (payload.entryrevisionmanifest || payload.revisionManifest || payload) || null;
        }


         source = findSystemDocSourceNodeForShell();
         function resourcesOf(manifest) {
         if (!source) return null;
            return manifest && manifest.resources && typeof manifest.resources === 'object' ? manifest.resources : {};
         }


         viewer = document.getElementById('clbi-system-source-viewer');
         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 (!viewer) {
         function buildLookup(manifest) {
             viewer = document.createElement('pre');
             var lookup = {};
            viewer.id = 'clbi-system-source-viewer';
            Object.keys(resourcesOf(manifest)).forEach(function (title) {
             viewer.className = 'clbi-system-source-viewer';
                lookup[normalizeManifestTitle(title).toLowerCase()] = resourcesOf(manifest)[title];
             output.appendChild(viewer);
             });
             return lookup;
         }
         }


         fallbackText = source.textContent || '';
         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);
        }


         if (!viewer.textContent && fallbackText) {
         function load(options) {
             viewer.textContent = fallbackText;
            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;
         }
         }


         source.classList.add('clbi-system-original-source-hidden');
         function ensureLoaded() {
        source.setAttribute('data-clbi-system-source-hidden', 'true');
            return current ? Promise.resolve(current) : load();
         source.style.setProperty('display', 'none', 'important');
         }


         return viewer;
         function resourceForRef(ref) {
    }
            var title = normalizeManifestTitle(ref);
            var lookup;
            if (!title || !current) return null;
            lookup = buildLookup(current);
            return lookup[title.toLowerCase()] || null;
        }


    function renderSystemDocSourceViewerForShell() {
        function tokenForRef(ref) {
        var viewer;
            return resourceToken(resourceForRef(ref));
         var pageName;
         }
        var token;
        var currentScrollTop;


         if (!isMediaWikiSystemAssetPageForShell()) return;
         function resourceKeyForRef(ref) {
            var title = normalizeManifestTitle(ref);
            return title ? title.toLowerCase() : '';
        }


         pageName = String(mw.config.get('wgPageName') || readCurrentPageNameForShell());
         function cacheKeyForRef(ref, type) {
        viewer = document.getElementById('clbi-system-source-viewer');
            var resourceKey = resourceKeyForRef(ref);
            var token = tokenForRef(ref);
            if (!resourceKey || !token) return '';
            return String(type || 'raw') + ':' + resourceKey + '@' + token;
        }


         /*
         function manifestToken(extra) {
        시스템 문서 뷰어가 이미 만들어져 있고 raw 원문도 로드된 상태라면
             var base = current && (current.manifestVersion || current.version || current.generatedAt || '') || '';
        다시 source 탐색/숨김/스타일 재적용을 하지 않는다.
             return String(base || 'no-manifest') + (extra ? (':' + String(extra)) : '');
        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();
         function tokenFromUrl(url) {
        if (!viewer) return;
            var text = String(url || '');
            var match = text.match(/[?&](?:_entryFileRev|_entryAsset|_entryRev)=([^&]+)/);
            if (!match) return '';
            try { return decodeURIComponent(match[1]); } catch (err) { return match[1]; }
        }


         currentScrollTop = viewer.scrollTop || 0;
         function cacheKeyForUrl(url, type) {
        viewer.setAttribute('data-clbi-raw-title', pageName);
            var text = String(url || '').trim();
        token = ++systemDocRawFetchToken;
            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;
        }


         fetch(getSystemDocRawUrlForShell(), { credentials: 'same-origin' })
         function addRevisionParam(url, ref) {
             .then(function (res) {
             var token = tokenForRef(ref);
                if (!res.ok) throw new Error('raw fetch failed ' + res.status);
            var text = String(url || '').trim();
                return res.text();
             var sep;
             })
             if (!text || !token || /[?&]_entryRev=/.test(text)) return text;
             .then(function (text) {
            sep = text.indexOf('?') === -1 ? '?' : '&';
                if (token !== systemDocRawFetchToken) return;
            return text + sep + '_entryRev=' + encodeURIComponent(token);
        }


                currentScrollTop = viewer.scrollTop || currentScrollTop || 0;
        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);
            }
        }


                if (text && viewer.textContent !== text) {
        function countdown() {
                    viewer.textContent = text;
            var days = current && Number(current.pruneDays || current.clientPruneDays) || 7;
                }
            var last = 0;
 
            var next;
                viewer.setAttribute('data-clbi-raw-loaded', '1');
            var remain;
                viewer.scrollTop = currentScrollTop;
            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 };
             .catch(function () {
             next = last + days * 24 * 60 * 60 * 1000;
                viewer.setAttribute('data-clbi-raw-loaded', '0');
            remain = Math.max(0, next - now());
             });
            return {
    }
                days: days,
 
                lastClientPruneAt: last,
    function removeSystemDocIndicatorForShell() {
                nextClientPruneAt: next,
        var existing = document.getElementById('clbi-system-doc-indicator-row');
                remainingMs: remain,
 
                remainingDays: Math.ceil(remain / (24 * 60 * 60 * 1000)),
        if (document.body) {
                due: remain <= 0
             document.body.classList.remove('clbi-system-doc-page');
             };
         }
         }


         if (existing && existing.parentNode) {
         function status() {
            existing.parentNode.removeChild(existing);
            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
            };
         }
         }


         removeSystemDocSourceViewerForShell();
         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
        };
     }
     }


     function renderSystemDocIndicatorForShell() {
     window.RevisionManifest = window.RevisionManifest || createRevisionManifestService();
        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;
    function createEntryStore() {
        var jsonCache = {};
        var flagUrlCache = {};
        var fileUrlCache = {};
        var imageReadyCache = {};
        var imageObjectCache = {};
        var imageDisplayUrlCache = {};
        var imagePromiseCache = {};
        var rawPromiseCache = {};
        var textCache = {};
        var textPromiseCache = {};


         pageName = readCurrentPageNameForShell();
         function fetchJsonRef(ref, options) {
        extMatch = pageName.match(/\.(css|js)$/i);
            var key = normalizeRefKey(ref);
        ext = extMatch ? extMatch[1].toUpperCase() : 'DOC';
            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];
        }


         document.body.classList.add('clbi-system-doc-page');
         function getJsonSync(ref) {
            var key = normalizeRefKey(ref);
            return key && jsonCache[key] ? jsonCache[key].data : null;
        }


         row = document.getElementById('clbi-system-doc-indicator-row');
         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() };
        }


         if (!row) {
         function normalizeFile(value) {
             row = document.createElement('div');
             return String(value || '')
            row.id = 'clbi-system-doc-indicator-row';
                .replace(/^(?:file|파일):/i, '')
            row.className = 'clbi-system-doc-indicator-row';
                .trim();
        }


             box = document.createElement('div');
        function fileKey(value) {
            box.className = 'clbi-system-doc-indicator';
             return normalizeFile(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }


             meta = document.createElement('div');
        function setFlagUrl(file, url) {
             meta.className = 'clbi-system-doc-meta';
             var key = fileKey(file);
            if (!key) return;
             flagUrlCache[key] = String(url || '');
        }


             label = document.createElement('span');
        function getFlagUrl(file) {
             label.className = 'clbi-system-doc-label';
             var key = fileKey(file);
            label.textContent = 'SYSTEM DOCUMENT';
             return key ? (flagUrlCache[key] || '') : '';
        }


             type = document.createElement('span');
        function resolveFlagUrls(files) {
            type.className = 'clbi-system-doc-type';
             var clean = unique((files || []).map(normalizeFile).filter(Boolean));


             title = document.createElement('div');
             function cacheKeyForFile(file) {
             title.className = 'clbi-system-doc-title';
                return window.RevisionManifest && typeof window.RevisionManifest.cacheKeyForRef === 'function' ? window.RevisionManifest.cacheKeyForRef('File:' + file, 'flagurl') : '';
             }


             meta.appendChild(label);
             function resourceKeyForFile(file) {
            meta.appendChild(type);
                return window.RevisionManifest && typeof window.RevisionManifest.resourceKeyForRef === 'function' ? window.RevisionManifest.resourceKeyForRef('File:' + file) : ('file:' + fileKey(file));
            box.appendChild(meta);
             }
            box.appendChild(title);
             row.appendChild(box);


             anchor = getSystemDocOutputForShell();
             function tokenForFile(file) {
            main = document.querySelector('.liberty-content-main');
                return window.RevisionManifest && typeof window.RevisionManifest.tokenForRef === 'function' ? window.RevisionManifest.tokenForRef('File:' + file) : '';
            }


             if (anchor && anchor.parentNode) {
             function hydrateCachedFlagUrl(file) {
                 anchor.parentNode.insertBefore(row, anchor);
                var key = fileKey(file);
            } else if (main) {
                var cacheKey = cacheKeyForFile(file);
                 main.insertBefore(row, main.firstChild);
                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; });
             }
             }
        }


        type = row.querySelector('.clbi-system-doc-type');
            return Promise.all(clean.map(hydrateCachedFlagUrl)).then(function () {
        title = row.querySelector('.clbi-system-doc-title');
                var pending = clean.filter(function (file) {
                    return getFlagUrl(file) === '' && flagUrlCache[fileKey(file)] === undefined;
                });
                var chunks = [];


        if (type) type.textContent = ext;
                while (pending.length) chunks.push(pending.splice(0, 20));
        if (title) title.textContent = pageName;
                if (!chunks.length) return flagUrlCache;


        renderSystemDocSourceViewerForShell();
                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; });
            });
        }


    var PAGE_TITLE_TARGET_SELECTORS = [
        function normalizeGenericFileTitle(value) {
        '.liberty-content-header',
            var text = String(value || '').trim();
        '.liberty-content-header .title',
            var match;
        '.liberty-content-header .title h1',
            var i;
        '.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;
            if (!text) return '';
    var pageShellObserverTimer = null;
            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 setPageTitleDomHidden(hidden) {
        function isFileRef(value) {
        var nodes = document.querySelectorAll(PAGE_TITLE_TARGET_SELECTORS.join(','));
            var text = String(value || '').trim();
            return /^(?:file|파일)\s*:/i.test(text) || /(?:^|\/)(?:(?:Special|특수)\s*[:/]\s*)?(?:Redirect|넘겨주기)\s*\/\s*file\s*\//i.test(text);
        }


         nodes.forEach(function (node) {
         function fileUrlKey(value) {
             if (!node || !node.style) return;
             return normalizeGenericFileTitle(value).replace(/_/g, ' ').replace(/\s+/g, ' ').toLowerCase();
        }


             if (hidden) {
        function stableDirectImageUrl(url) {
                node.setAttribute('data-clbi-title-hidden', 'true');
            var text = String(url || '').trim();
                node.style.setProperty('display', 'none', 'important');
            var separator;
             } else if (node.getAttribute('data-clbi-title-hidden') === 'true') {
            var bust;
                 node.removeAttribute('data-clbi-title-hidden');
             if (!text) return '';
                node.style.removeProperty('display');
            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 applyPageShellClasses() {
        function preloadImageUrl(url, options) {
        var body = document.body;
            var key = String(url || '').trim();
        var isSystemPage;
            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];


        if (!body) return;
            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 ''; });
            }


        isSystemPage = isBackendOrSystemPageForShell();
            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];
        }


         body.classList.remove('page-title-hidden', 'page-title-visible', 'backend-system-page', 'anecdote-namespace-page');
         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();
            });
        }


         if (!isMediaWikiSystemAssetPageForShell()) {
         function isImageReady(url) {
             body.classList.remove('clbi-system-doc-page');
             var key = String(url || '').trim();
             removeSystemDocIndicatorForShell();
             return !!(key && imageReadyCache[key]);
         }
         }


         if (isAnecdoteNamespaceForShell()) {
         function getImageElement(url) {
             body.classList.add('anecdote-namespace-page');
             var key = String(url || '').trim();
            return key ? (imageObjectCache[key] || null) : null;
         }
         }


         if (isMediaWikiSystemAssetPageForShell()) {
         function getImageDisplayUrl(url) {
             body.classList.add('page-title-hidden', 'backend-system-page', 'clbi-system-doc-page');
             var key = String(url || '').trim();
            setPageTitleDomHidden(true);
             return key ? (imageDisplayUrlCache[key] || key) : '';
            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() {
        function normalizeUrlKey(url) {
        applyPageShellClasses();
            var text = String(url || '').trim();
        window.setTimeout(applyPageShellClasses, 0);
            var a;
        window.setTimeout(applyPageShellClasses, 80);
            if (!text) return '';
        window.setTimeout(applyPageShellClasses, 250);
            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 startPageShellObserver() {
        function fetchTextUrl(url, options) {
        var observer;
            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];
        }


         if (pageShellObserverStarted || !window.MutationObserver || !document.body) return;
         function getTextSync(url) {
            var key = normalizeUrlKey(url);
            return key && textCache[key] ? textCache[key].text : '';
        }


         pageShellObserverStarted = true;
         function setTextUrl(url, text) {
        observer = new MutationObserver(function (mutations) {
             var key = normalizeUrlKey(url);
             var i;
             if (!key) return;
             var target;
            textCache[key] = { key: key, url: url, text: String(text || ''), loadedAt: now() };
        }


            /*
        function cacheInfo() {
            시스템 CSS/JS 문서는 applyPageShellClasses()가 초기에 한 번
             return {
             인디케이터와 source viewer를 만든 뒤에는 MutationObserver가 다시
                json: Object.keys(jsonCache).length,
            같은 렌더링을 반복할 필요가 없다. 이 반복이 DevTools에서 body/요소가
                jsonKeys: Object.keys(jsonCache),
            계속 플래시되는 직접 원인이다.
                flags: Object.keys(flagUrlCache).length,
            SPA 전환 뒤의 처리는 loadPage()와 wikipage.content hook에서 따로 호출된다.
                files: Object.keys(fileUrlCache).length,
            */
                images: Object.keys(imageReadyCache).length,
            if (isMediaWikiSystemAssetPageForShell()) {
                retainedImages: Object.keys(imageObjectCache).length,
                 for (i = 0; i < mutations.length; i += 1) {
                displayImages: Object.keys(imageDisplayUrlCache).length,
                    target = mutations[i] && mutations[i].target;
                 text: Object.keys(textCache).length,
                textKeys: Object.keys(textCache)
            };
        }


                    if (
        return {
                        target &&
            fetchJsonRef: fetchJsonRef,
                        target.nodeType === 1 &&
            getJsonSync: getJsonSync,
                        (
            setJsonRef: setJsonRef,
                            target.id === 'clbi-system-source-viewer' ||
            normalizeRefKey: normalizeRefKey,
                            target.id === 'clbi-system-doc-indicator-row' ||
            rawUrlForRef: rawUrlForRef,
                            (target.closest && target.closest('#clbi-system-source-viewer, #clbi-system-doc-indicator-row'))
            revisionUrlForRef: function (ref, ctype) {
                        )
                var url = rawUrlForRef(ref, ctype);
                    ) {
                if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
                        return;
                    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
        };
    }


                if (
    window.EntryStore = window.EntryStore || createEntryStore();
                    document.getElementById('clbi-system-doc-indicator-row') &&
                    document.getElementById('clbi-system-source-viewer')
                ) {
                    return;
                }
            }


            if (pageShellObserverTimer) return;
    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;
    }


            pageShellObserverTimer = window.setTimeout(function () {
    function adoptBootScreen(node) {
                pageShellObserverTimer = null;
        if (!node) return null;
                applyPageShellClasses();
        bootNode = node;
            }, 50);
        bootStatusNode = bootNode.querySelector('.boot-gate-status');
         });
        bootProgressNode = bootNode.querySelector('.boot-gate-progress');
 
         bootDetailNode = bootNode.querySelector('.boot-gate-detail');
         observer.observe(document.body, {
         bootFillNode = bootNode.querySelector('.boot-gate-meter-fill');
            childList: true,
        bootNode.classList.add('is-active');
            subtree: true
        bootNode.classList.remove('is-complete');
         });
         return bootNode;
     }
     }


     if (document.readyState === 'loading') {
     function ensureBootScreen(options) {
         document.addEventListener('DOMContentLoaded', function () {
         var panel;
            applyPageShellClassesDeferred();
        var header;
            startPageShellObserver();
        var meter;
         });
        var existing;
    } else {
        var decoLayer;
         applyPageShellClassesDeferred();
        var close;
         startPageShellObserver();
        var previewMode;
    }
         options = options || {};
        previewMode = !!options.preview;
         if (bootNode && bootNode.parentNode) return bootNode;
         if (!document.body) return null;


    if (mw.hook) {
        if (BOOT_EXCLUDED_PAGE && !previewMode) return null;
         mw.hook('wikipage.content').add(applyPageShellClassesDeferred);
         if (!previewMode) activateBootSurface();
    }


    window.CLBI_PAGE_SHELL = {
        existing = document.getElementById('boot-gate-screen') || (!previewMode && window.__BootGatePrelude && window.__BootGatePrelude.ensure ? window.__BootGatePrelude.ensure() : null);
        refresh: applyPageShellClasses,
         if (existing) return adoptBootScreen(existing);
        isBackendOrSystemPage: isBackendOrSystemPageForShell,
        isSystemAssetPage: isMediaWikiSystemAssetPageForShell,
        renderSystemDocIndicator: renderSystemDocIndicatorForShell,
         removeSystemDocIndicator: removeSystemDocIndicatorForShell,
        refreshSystemDocSourceViewer: renderSystemDocSourceViewerForShell
    };
}());


function loadLangScript(done) {
        bootNode = document.createElement('div');
    $.getScript('/index.php?title=미디어위키:Lang.js&action=raw&ctype=text/javascript')
         bootNode.id = 'boot-gate-screen';
         .done(function() {
         bootNode.className = 'boot-gate-screen is-active';
            if (typeof done === 'function') done();
         bootNode.setAttribute('role', 'status');
         })
        bootNode.setAttribute('aria-live', 'polite');
         .fail(function(a, b, c) {
            console.error('Lang.js load failed:', b, c);
            if (typeof done === 'function') done();
        });
}


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


function initHalftoneBackground() {
        header = document.createElement('div');
    try {
        header.className = 'boot-gate-title';
         initWebGLHalftoneBackground();
         header.textContent = 'ARCHIVE INITIALIZATION';
    } catch (err) {
 
         console.error('WebGL halftone background failed:', err);
         bootStatusNode = document.createElement('div');
    }
        bootStatusNode.className = 'boot-gate-status';
}
        bootStatusNode.textContent = 'Preparing entry systems';


function initWebGLHalftoneBackground() {
        meter = document.createElement('div');
    var canvasId = 'site-halftone-bg';
        meter.className = 'boot-gate-meter';
    var existing = document.getElementById(canvasId);
        bootFillNode = document.createElement('div');
    var canvas = existing || document.createElement('canvas');
        bootFillNode.className = 'boot-gate-meter-fill';
        meter.appendChild(bootFillNode);


    if (!existing) {
        bootProgressNode = document.createElement('div');
         canvas.id = canvasId;
         bootProgressNode.className = 'boot-gate-progress';
        canvas.setAttribute('aria-hidden', 'true');
         bootProgressNode.textContent = '0%';
         document.body.insertBefore(canvas, document.body.firstChild || null);
    }


    canvas.style.position = 'fixed';
        bootDetailNode = document.createElement('div');
    canvas.style.inset = '0';
        bootDetailNode.className = 'boot-gate-detail';
    canvas.style.width = '100vw';
        bootDetailNode.textContent = 'loading manifest';
    canvas.style.height = '100vh';
    canvas.style.pointerEvents = 'none';
    canvas.style.background = '#000000';


    var gl = canvas.getContext('webgl', {
        close = document.createElement('button');
         alpha: false,
         close.type = 'button';
         antialias: false,
         close.className = 'boot-gate-close';
         depth: false,
         close.setAttribute('aria-label', 'Close boot preview');
         stencil: false,
         close.textContent = '×';
        preserveDrawingBuffer: false,
        close.addEventListener('click', function () { hideBootScreen({ force: true }); });
        powerPreference: 'high-performance'
    }) || canvas.getContext('experimental-webgl');


     if (!gl) {
        decoLayer = document.createElement('div');
         console.warn('WebGL background unavailable.');
        decoLayer.className = 'boot-gate-decoration-layer';
         return;
        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;
     }
     }


     var vertexSrc = [
     function showLoginGate() {
         'attribute vec2 a_position;',
        var node = ensureBootScreen();
         'void main() {',
        var panel;
         ' gl_Position = vec4(a_position, 0.0, 1.0);',
        var title;
         '}'
        var action;
    ].join('\n');
 
        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;
    }


     var fragmentSrc = [
     function hideBootScreen(options) {
        'precision mediump float;',
         var node = bootNode || document.getElementById('boot-gate-screen');
        'uniform vec2 u_resolution;',
         options = options || {};
        'uniform float u_time;',
         if (loginGateLocked && requiresLoginGate() && !options.force) return false;
        'const float TAU = 6.28318530718;',
         if (!node) {
        'float gaussian(float v, float r) {',
            document.documentElement.classList.remove('boot-gate-active');
         '  return exp(-((v * v) / max(0.0001, r * r)));',
            if (document.body) document.body.classList.remove('boot-gate-active');
        '}',
            return true;
        'float hash(vec2 p) {',
         }
        ' return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);',
         node.classList.add('is-complete');
         '}',
         node.classList.remove('is-active');
         'float bucketAlpha(float a) {',
         window.setTimeout(function () {
        '  float i = floor(a * 9.0);',
            if (node.parentNode) node.parentNode.removeChild(node);
        '  if (i < 1.0) return 0.040;',
            if (bootNode === node) bootNode = null;
         '  if (i < 2.0) return 0.080;',
            loginGateActionNode = null;
        '  if (i < 3.0) return 0.135;',
            document.documentElement.classList.remove('boot-gate-active');
        ' if (i < 4.0) return 0.210;',
            if (document.body) document.body.classList.remove('boot-gate-active');
        '  if (i < 5.0) return 0.310;',
         }, 240);
        '  if (i < 6.0) return 0.430;',
         return true;
        '  if (i < 7.0) return 0.580;',
    }
        ' if (i < 8.0) return 0.760;',
 
        '  return 0.920;',
    function collectFlagsFromNationPayload(payload) {
         '}',
         var files = [];
         'void main() {',
         function add(value) {
        ' vec2 frag = gl_FragCoord.xy;',
            if (!value) return;
         '  float spacing = 5.0;',
            if (typeof value === 'string') {
        '  float dotSize = 1.08;',
                files.push(value);
        ' vec2 grid = floor(frag / spacing);',
                return;
         '  vec2 inCell = mod(frag, spacing);',
            }
        '  vec2 dotOrigin = vec2(1.0, 1.0);',
            if (typeof value === 'object') files.push(value.file || value.flag_file || value.flag || value.flag_title || '');
        '  vec2 dotCenter = dotOrigin + vec2(dotSize * 0.5);',
         }
        '  vec2 local = abs(inCell - dotCenter);',
         function scanItem(item) {
        '  float noise = hash(grid);',
            if (!item || typeof item !== 'object') return;
        '  float size = dotSize + noise * 0.18;',
            if (Array.isArray(item.flags)) item.flags.forEach(add);
        '  float dotMask = 1.0 - smoothstep(size * 0.5, size * 0.5 + 0.22, max(local.x, local.y));',
            add(item.flag_file || item.flag || item.flag_title || '');
        ' vec2 uv = frag / u_resolution;',
         }
        '  float centerLine = 0.50 +',
        (payload && payload.continents || []).forEach(function (continent) {
        '    sin((uv.y * 1.32 + 0.08) * TAU) * 0.070 +',
            (continent.regions || []).forEach(function (region) {
        '    sin((uv.y * 3.18 + 0.34) * TAU) * 0.030;',
                (region.items || []).forEach(scanItem);
        '  float u = uv.x - centerLine;',
            });
        '  float absU = abs(u);',
         });
         '  float sideLift = smoothstep(0.065, 0.44, absU);',
         return unique(files);
         '  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) {
     function collectFlagsFromLinkMap(payload) {
         var shader = gl.createShader(type);
         var files = [];
        gl.shaderSource(shader, source);
        var source = payload && payload.items ? payload.items : {};
         gl.compileShader(shader);
        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);
    }


         if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
    function prewarmImages(urls, limit) {
             console.error('WebGL shader compile error:', gl.getShaderInfoLog(shader));
         return window.EntryStore.preloadImages(urls, {
             gl.deleteShader(shader);
             limit: Number(limit) > 0 ? Number(limit) : 0,
             return null;
             concurrency: 16,
        }
             persistent: false
        });
    }


         return shader;
    function getDecorationRuntime() {
         return window.Decorations || window.CLBI_DECORATIONS || null;
     }
     }


     var vertexShader = compileShader(gl.VERTEX_SHADER, vertexSrc);
     function waitForDecorationRuntime() {
    var fragmentShader = compileShader(gl.FRAGMENT_SHADER, fragmentSrc);
        return new Promise(function (resolve) {
 
            var tries = 0;
    if (!vertexShader || !fragmentShader) return;
            function tick() {
                var runtime = getDecorationRuntime();
                if (runtime) return resolve(runtime);
                tries += 1;
                if (tries > 40) return resolve(null);
                window.setTimeout(tick, 25);
            }
            tick();
        });
    }


     var program = gl.createProgram();
     function matchesDecorationEntry(entry, filter) {
    gl.attachShader(program, vertexShader);
        var era = String(filter && filter.era || '').trim();
    gl.attachShader(program, fragmentShader);
        var page = String(filter && filter.page || '').trim();
    gl.linkProgram(program);
        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 (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
     function prepareDecorationSet(task, level) {
        console.error('WebGL program link error:', gl.getProgramInfoLog(program));
        var ref = task.ref || 'MediaWiki:Decorations.json';
         return;
        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; });
            });
         });
     }
     }


     var positionLoc = gl.getAttribLocation(program, 'a_position');
     function prepareNationsEra(task, level) {
    var resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
        var era = String(task.era || '1950');
    var timeLoc = gl.getUniformLocation(program, 'u_time');
        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; });


    var buffer = gl.createBuffer();
        return Promise.all([listPromise, linkPromise]).then(function (results) {
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
            BootPerf.end(jsonPhaseId, { ok: true });
    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([
            var files;
        -1, -1,
            var flagUrls;
        1, -1,
            if (level !== 'full' && level !== 'warm') return results;
        -1, 1,
            files = unique(collectFlagsFromNationPayload(results[0]).concat(collectFlagsFromLinkMap(results[1])));
        -1, 1,
            return BootPerf.measure('nations-era flag url resolve', { era: era, count: files.length }, function () {
        1, -1,
                return window.EntryStore.resolveFlagUrls(files);
        1, 1
            }).then(function () {
    ]), gl.STATIC_DRAW);
                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;
            });
        });
    }


     gl.useProgram(program);
     function prepareGlobeSharedAssets(task, level) {
    gl.bindBuffer(gl.ARRAY_BUFFER, buffer);
        var refs = Array.isArray(task && task.assets) ? task.assets : [];
    gl.enableVertexAttribArray(positionLoc);
        if (!refs.length) return Promise.resolve(null);
    gl.vertexAttribPointer(positionLoc, 2, gl.FLOAT, false, 0, 0);
        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 resize() {
     function prepareImageAssets(task, level) {
         var dpr = Math.min(window.devicePixelRatio || 1, 1.5);
         var refs = Array.isArray(task && task.assets) ? task.assets : [];
         var cssW = Math.max(1, window.innerWidth || document.documentElement.clientWidth || 1);
        var full = level === 'full';
         var cssH = Math.max(1, window.innerHeight || document.documentElement.clientHeight || 1);
         var exposeAs = String(task && task.exposeAs || '').trim();
        var w = Math.max(1, Math.floor(cssW * dpr));
        if (!refs.length) return Promise.resolve(null);
         var h = Math.max(1, Math.floor(cssH * dpr));
         return BootPerf.measure('image-assets url resolve', { count: refs.length, exposeAs: exposeAs, level: level }, function () {
 
            return Promise.all(refs.map(function (ref) {
        if (canvas.width !== w || canvas.height !== h) {
                return window.EntryStore.resolveFileUrl(ref).catch(function () { return ''; });
            canvas.width = w;
            }));
            canvas.height = h;
         }).then(function (urls) {
            canvas.style.width = cssW + 'px';
            urls = urls.filter(Boolean);
             canvas.style.height = cssH + 'px';
            if (exposeAs === 'nationsGlobeLoadingGif') {
            gl.viewport(0, 0, w, h);
                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; });
         });
     }
     }


     var prefersReducedMotion = false;
     function prepareHtmlEntry(task) {
    try {
         var url = String(task && (task.url || task.ref) || '').trim();
         prefersReducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
         if (!url) return Promise.resolve(null);
    } catch (err) {}
         return window.EntryStore.fetchTextUrl(url, { noStore: !!task.noStore, resourceRef: task.resourceRef || task.ref || task.title || '' });
 
    var lastFrame = 0;
    var frameInterval = prefersReducedMotion ? 1000 : 66;
    var startTime = performance.now();
 
    function render(now) {
        requestAnimationFrame(render);
        if (document.hidden) return;
         if (now - lastFrame < frameInterval) return;
 
        lastFrame = now;
        resize();
 
        gl.clearColor(0, 0, 0, 1);
         gl.clear(gl.COLOR_BUFFER_BIT);
        gl.uniform2f(resolutionLoc, canvas.width, canvas.height);
        gl.uniform1f(timeLoc, now - startTime);
        gl.drawArrays(gl.TRIANGLES, 0, 6);
     }
     }


     resize();
     function prepareTask(task, defaultLevel) {
    requestAnimationFrame(render);
        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);
    }


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 loadManifest() {
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>';
        return BootPerf.measure('revision manifest load', {}, function () {
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>';
            return (window.RevisionManifest && typeof window.RevisionManifest.load === 'function' ? window.RevisionManifest.load() : Promise.resolve(null));
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>';
        }).then(function () {
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>';
            return BootPerf.measure('entry manifest json fetch', { ref: MANIFEST_TITLE }, function () {
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>';
                return window.EntryStore.fetchJsonRef(MANIFEST_TITLE, { noStore: false });
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>';
        }).then(function (manifest) {
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>';
            if (!manifest || typeof manifest !== 'object' || !manifest.version) {
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>';
                BootPerf.mark('entry manifest fallback', { reason: 'invalid manifest' });
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>';
                return defaultManifest;
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>';
            }
            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;
        });
    }


var PROFILE_RENDER_TOKEN = 0;
    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 invalidateProfileRender() {
    PROFILE_RENDER_TOKEN++;
}


$(function() {
    function flattenWarmInitialTasks(tasks) {
    initHalftoneBackground();
        var warmed = [];
        (tasks || []).forEach(function (task) {
            var copy;
            var type = String(task && task.type || '').toLowerCase();
            if (!task || task.blocking === false) return;


// ── 하단 Plank 단축키 가이드 ──
            /*
function escapeClbiBottomGuideHtml(value) {
            * Warm boot fast path — 20260708.
    return String(value == null ? '' : value)
            *
        .replace(/&/g, '&amp;')
            * Cold boot intentionally performs the expensive work: resolving every flag,
        .replace(/</g, '&lt;')
            * downloading/decoding images, preparing decoration canvases, and warming shared
        .replace(/>/g, '&gt;')
            * globe textures.  Once a tab has certified the pack against the current revision
        .replace(/"/g, '&quot;')
            * manifest, later tabs must not replay that full workload.  They only hydrate the
        .replace(/'/g, '&#039;');
            * 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 readClbiBottomGuidePageName() {
    function currentInitialPackKey(manifest) {
    var pageName = window.mw && mw.config ? (mw.config.get('wgPageName') || '') : '';
        var version = manifest && manifest.version ? String(manifest.version) : BUILD_ID;
        return 'initial-entry-full:' + version;
    }


     if (!pageName) {
     function currentInitialPackToken(manifest) {
         pageName = window.location.pathname || '';
         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;
     }
     }


     return String(pageName)
     function isInitialPackWarm(manifest) {
         .split('?')[0]
         var key = currentInitialPackKey(manifest);
         .replace(/^\/index\.php\//, '')
         var token = currentInitialPackToken(manifest);
         .replace(/_/g, ' ')
         return !!(window.EntryCache && typeof window.EntryCache.packReady === 'function' && window.EntryCache.packReady(key, token));
        .trim();
    }
}


function isClbiNationsShortcutContext() {
    function markInitialPackWarm(manifest, meta) {
    var pageName = readClbiBottomGuidePageName();
        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 || {}));
        }
    }


    return pageName === '국가 및 조합' ||
        pageName === 'Nations & Factions' ||
        !!document.querySelector('.clbi-nations-panel-stack, .clbi-nations-globe-window, .clbi-nations-tabpanel');
}


function isClbiWikiEditShortcutContext() {
    function waitMs(ms) {
    var action = window.mw && mw.config ? String(mw.config.get('wgAction') || '') : '';
        return new Promise(function (resolve) { window.setTimeout(resolve, Math.max(0, ms || 0)); });
     var search = String(window.location.search || '');
     }


     return action === 'edit' ||
     function waitForBody() {
         action === 'submit' ||
         if (document.body) return Promise.resolve(document.body);
         /(?:^|[?&])action=(?:edit|submit)(?:&|$)/.test(search) ||
         return new Promise(function (resolve) {
        !!document.querySelector('#editform, #wpSave, input[name="wpSave"], button[name="wpSave"]');
            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 isClbiNationListManagerShortcutContext() {
    function waitForAnimationFrames(count) {
    return !!document.querySelector('.nation-list-manager');
        count = Math.max(1, Math.round(count || 1));
}
        return new Promise(function (resolve) {
 
            function next(left) {
function getClbiBottomShortcutItems() {
                if (left <= 0) return resolve();
    if (isClbiWikiEditShortcutContext()) {
                window.requestAnimationFrame(function () { next(left - 1); });
        return [
            }
             { key: 'Ctrl+S', label: '변경사항 저장' }
             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();
        });
    }


     if (isClbiNationListManagerShortcutContext()) {
     function waitForTrackedScripts() {
         return [
        var list = (window.EntryScriptLoads || []).slice();
             { key: 'Ctrl+S', label: '국가 목록 저장' }
         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 }; });
         }));
     }
     }


     if (isClbiNationsShortcutContext()) {
     function waitForDocumentSurface() {
        return [
        return waitForDomReady().then(function () {
            { key: 'Q', label: '이전 시대' },
            return waitForBody();
            { key: 'E', label: '다음 시대' },
        }).then(function () {
             { key: 'Shift+Q', label: '이전 연도' },
             return waitUntil(function () {
            { key: 'Shift+E', label: '다음 연도' },
                return document.querySelector('.content-wrapper') && document.querySelector('.liberty-content-main');
             { key: 'Ctrl+Q', label: '이전 대륙' },
             }, { timeoutMs: 8000, intervalMs: 50 });
            { key: 'Ctrl+E', label: '다음 대륙' }
         });
         ];
     }
     }


     return [];
     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 renderClbiBottomShortcutGuide() {
    function getInitialNationsEra(manifest) {
    var guide = document.getElementById('clbi-bottom-shortcut-guide');
        var tasks = flattenInitialTasks(manifest);
    var items;
        var i;
     var html;
        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';
     }


     if (!guide) 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 });
            });
        });
    }


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


    if (!items.length) {
        options = options || {};
         guide.classList.add('is-empty');
         soft = !!options.soft;
         guide.innerHTML = '';
         timeout = Number(options.timeoutMs || (soft ? 450 : 30000));
        return;
    }


    guide.classList.remove('is-empty');
        if (!globe) {
            BootPerf.mark('wait nations globe skipped', { reason: 'no globe node', soft: soft });
            return Promise.resolve(null);
        }


    html = '<div class="clbi-bottom-shortcut-list">';
        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 });
            }


    items.forEach(function (item) {
            return waitUntil(function () {
        html += '<div class="clbi-bottom-shortcut-item">' +
                var node = document.querySelector('.clbi-nations-globe-window[data-nations-globe], [data-nations-globe="real-world"]');
            '<span class="clbi-bottom-shortcut-key">' + escapeClbiBottomGuideHtml(item.key) + '</span>' +
                return node && (node.classList.contains('is-ready') || node.classList.contains('has-error'));
             '<span class="clbi-bottom-shortcut-label">' + escapeClbiBottomGuideHtml(item.label) + '</span>' +
             }, { timeoutMs: timeout, intervalMs: 100 });
         '</div>';
         });
     });
     }


     html += '</div>';
     function waitForDecorationsReady(options) {
    guide.innerHTML = html;
        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 buildClbiBottomPlankHtml(wrapId, navId, mainId) {
    function waitForCurrentEntrySurface(manifest, options) {
    return '' +
         var era = getInitialNationsEra(manifest);
         '<div id="' + wrapId + '">' +
         var warmPack;
            '<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;
        options = options || {};
var CLBI_NATIONS_LAST_POINTER_Y = null;
        warmPack = !!options.warmPack;


function getClbiNationsTabAtPointer(tabpanel) {
        if (!isNationsPageSurface()) {
    var element;
            return waitForDecorationsReady({ warm: !!warmPack }).then(function () { return waitForAnimationFrames(1); });
     var tab;
        }
        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); });
     }


     if (!tabpanel) return null;
     function runDeferredEntryWarmups() {
    if (CLBI_NATIONS_LAST_POINTER_X === null || CLBI_NATIONS_LAST_POINTER_Y === null) return null;
        var queue = deferredEntryWarmups.splice(0);
    if (typeof document.elementFromPoint !== 'function') return null;
        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);
    }


     element = document.elementFromPoint(CLBI_NATIONS_LAST_POINTER_X, CLBI_NATIONS_LAST_POINTER_Y);
     function runInitialLoad(options) {
    if (!element) return null;
        var done = 0;
        var manifestRef;
        var tasks;
        var bootOptions;
        var timedOut = false;
        var warmPack = false;


    tab = element.closest ? element.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
        options = options || {};
        bootStartTime = window.__BootGatePrelude && window.__BootGatePrelude.startTime ? window.__BootGatePrelude.startTime : now();
        activateBootSurface();
        ensureBootScreen();
        updateBootProgress(0, 1, 'loading entry manifest');


    if (!tab || !tabpanel.contains(tab)) return null;
        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);


    return tab;
            /*
}
            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');


function validateClbiNationsPointerHover(tabpanel, forceSuppress) {
            return new Promise(function (resolve) {
    var tab = getClbiNationsTabAtPointer(tabpanel);
                maxBlockingMs = Number(options.maxBlockingMs || bootOptions.maxBlockingMs || 30000);
    var suppressContinent;
                timeoutHandle = window.setTimeout(function () {
    var tabContinent;
                    timedOut = true;
    var tabIsActive;
                    resolve();
                }, maxBlockingMs);


    if (!tabpanel) return;
                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;
            });
        });


    if (!tab) {
         return manifestRef;
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         return;
     }
     }


     tabContinent = tab.getAttribute('data-continent') || '';
     function startBoot(options) {
    tabIsActive = tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
        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;
    }


     if (tabIsActive) {
     function resetBoot() {
         clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         localStorage.removeItem(READY_KEY);
         return;
         bootStarted = false;
        bootPromise = null;
        loginGateLocked = false;
     }
     }


     suppressContinent = tabpanel.getAttribute('data-clbi-hover-suppress-continent') || '';
     /*
    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.
    */


     if (forceSuppress || !suppressContinent) {
     function buildBootReport() {
         tabpanel.classList.add('is-keyboard-switching');
         return {
        tabpanel.setAttribute('data-clbi-hover-suppress-continent', tabContinent);
            build: BUILD_ID,
         return;
            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
         };
     }
     }


     if (suppressContinent === tabContinent) {
     window.EntryLoader = window.EntryLoader || {
         tabpanel.classList.add('is-keyboard-switching');
         loadManifest: loadManifest,
         return;
         prepareTask: prepareTask,
    }
        prepareNationsEra: prepareNationsEra,
 
        prepareDecorationSet: prepareDecorationSet,
    /*
        prepareGlobeSharedAssets: prepareGlobeSharedAssets,
    * The pointer actually moved onto another tab after the keyboard switch.
        prepareImageAssets: prepareImageAssets,
    * At that point this is no longer stale browser :hover; let normal hover work.
        prepareHtmlEntry: prepareHtmlEntry,
    */
        runInitialLoad: runInitialLoad
     clearClbiNationsKeyboardHoverSuppressed(tabpanel);
     };
}


function validateAllClbiNationsPointerHovers() {
    function showBootPreview(options) {
    var panels = document.querySelectorAll('.clbi-nations-tabpanel.is-keyboard-switching');
        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;
    }


     Array.prototype.forEach.call(panels, function (tabpanel) {
     window.BootGate = window.BootGate || {
        validateClbiNationsPointerHover(tabpanel, false);
        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 activateClbiNationsContinent(tabpanel, targetContinent) {
    function prime() {
    var tabs;
        if (BOOT_EXCLUDED_PAGE) {
     var panels;
            hideBootScreen();
            return;
        }
        activateBootSurface();
        waitForBody().then(function () {
            ensureBootScreen();
            return waitForAnimationFrames(1);
        }).then(function () {
            startBoot();
        });
     }


     if (!tabpanel || !targetContinent) return false;
     waitForBody().then(function () {
        if (!BOOT_EXCLUDED_PAGE) ensureBootScreen();
        else hideBootScreen();
    });
    window.setTimeout(prime, 0);
})(window, document, window.mediaWiki || window.mw);


    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;
loadClbiRawScript('MediaWiki:DevTools.js');
loadClbiRawScript('MediaWiki:NationsPanel.js');
loadClbiRawScript('MediaWiki:NationsGlobe.js');


    tabs.forEach(function (tab) {
/* CLBI safety guard: adaptive reset functions must exist before shell metric callbacks run. */
        var active = tab.getAttribute('data-continent') === targetContinent;
function resetLeftRecentAdaptiveState() {
        tab.classList.toggle('is-active', active);
    var list = document.getElementById('clbi-left-recent-list');
         tab.setAttribute('aria-selected', active ? 'true' : 'false');
    var newsBox = list ? list.closest('.clbi-left-news-box') : null;
         tab.setAttribute('tabindex', active ? '0' : '-1');
    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');
     }


     panels.forEach(function (panel) {
     if (list) {
         var active = panel.getAttribute('data-continent-panel') === targetContinent;
        list.classList.remove('is-adaptive-faded');
         panel.classList.toggle('is-active', active);
         list.removeAttribute('data-adaptive-limit');
         list.style.removeProperty('--adaptive-recent-h');
    }


        if (active) {
    items.forEach(function (item) {
            panel.removeAttribute('hidden');
        item.classList.remove('is-adaptive-hidden');
        } else {
            panel.setAttribute('hidden', 'hidden');
        }
     });
     });
}


     return true;
function resetLeftBillboardAdaptiveState() {
}
     var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');


function setClbiNationsKeyboardHoverSuppressed(tabpanel) {
     if (!box) return;
     validateClbiNationsPointerHover(tabpanel, true);
}


function clearClbiNationsKeyboardHoverSuppressed(tabpanel) {
     box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
     if (!tabpanel) return;
     box.style.removeProperty('--left-billboard-h');
     tabpanel.classList.remove('is-keyboard-switching');
     box.style.removeProperty('--left-billboard-finish-h');
     tabpanel.removeAttribute('data-clbi-hover-suppress-continent');
}
}


function moveClbiNationsContinent(direction) {
window.resetLeftRecentAdaptiveState = resetLeftRecentAdaptiveState;
    var tabpanel = document.querySelector('.clbi-nations-tabpanel');
window.resetLeftBillboardAdaptiveState = resetLeftBillboardAdaptiveState;
    var tabs;
    var activeIndex;
    var nextIndex;
    var target;


    if (!tabpanel) return false;
loadClbiRawScript('MediaWiki:AnecdoteViewer.js');


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


    activeIndex = tabs.findIndex(function (tab) {
(function () {
        return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
    'use strict';
    });


     if (activeIndex < 0) activeIndex = 0;
     var SYSTEM_TITLE_NAMESPACES = {
 
        '-1': true,
    nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
        '4': true,
    target = tabs[nextIndex].getAttribute('data-continent');
        '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 (activateClbiNationsContinent(tabpanel, target)) {
     function normalizePageNameForShell(value) {
         setClbiNationsKeyboardHoverSuppressed(tabpanel);
         return String(value || '')
        window.setTimeout(function () {
            .split('?')[0]
             validateClbiNationsPointerHover(tabpanel, false);
             .replace(/^\/index\.php\//, '')
        }, 0);
            .replace(/_/g, ' ')
        return true;
            .trim();
     }
     }


     return false;
     function readCurrentPageNameForShell() {
}
        var pageName = mw.config.get('wgPageName') || '';


function initClbiNationsTabpanelControls(root) {
        if (pageName) {
    var scope = root && root.querySelectorAll ? root : document;
            return normalizePageNameForShell(pageName);
    var panels = scope.querySelectorAll('.clbi-nations-tabpanel');
        }


    Array.prototype.forEach.call(panels, function (tabpanel) {
         return normalizePageNameForShell(window.location.pathname || '');
         if (tabpanel.getAttribute('data-clbi-nations-tabs-ready') === '1') return;
    }


         tabpanel.setAttribute('data-clbi-nations-tabs-ready', '1');
    function isAnecdoteNamespaceForShell() {
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
         var canonicalNamespace = String(mw.config.get('wgCanonicalNamespace') || '').toLowerCase();
        var pageName = readCurrentPageNameForShell();


         tabpanel.addEventListener('pointerdown', function () {
         return namespaceNumber === 3000 ||
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
            canonicalNamespace === 'anecdote' ||
        });
            /^(anecdote|에넥도트):/i.test(pageName);
    }


         tabpanel.addEventListener('pointerleave', function () {
    function isBackendOrSystemPageForShell() {
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         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();


         tabpanel.addEventListener('click', function (event) {
         if (action && action !== 'view') {
             var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
             return true;
        }


            if (!tab || !tabpanel.contains(tab)) return;
        if (pageName === '대문') {
            return false;
        }


            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        if (SYSTEM_TITLE_NAMESPACES[String(namespaceNumber)]) {
            return true;
        }


            if (activateClbiNationsContinent(tabpanel, tab.getAttribute('data-continent'))) {
        if (contentModel === 'css' || contentModel === 'javascript' || contentModel === 'json' || contentModel === 'sanitized-css') {
                event.preventDefault();
            return true;
            }
         }
         });


         tabpanel.addEventListener('keydown', function (event) {
         if (/\.(css|js|json)$/i.test(pageName)) {
             var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
             return true;
            var handled = false;
        }


            if (!tab || !tabpanel.contains(tab)) return;
        if (/^(mediawiki|미디어위키|special|특수):/i.test(pageName)) {
            return true;
        }


            if (event.key === 'ArrowLeft') handled = moveClbiNationsContinent(-1);
        return false;
            else if (event.key === 'ArrowRight') handled = moveClbiNationsContinent(1);
    }


            if (handled) {
    function isMediaWikiSystemAssetPageForShell() {
                event.preventDefault();
        var namespaceNumber = Number(mw.config.get('wgNamespaceNumber'));
                event.stopPropagation();
        var pageName = readCurrentPageNameForShell();
            }
         var contentModel = String(mw.config.get('wgPageContentModel') || '').toLowerCase();
         });
    });
}


function initClbiNationsPointerHoverValidation() {
        return namespaceNumber === 8 &&
    if (document.body.getAttribute('data-clbi-nations-pointer-hover-ready') === '1') return;
            (/\.(css|js)$/i.test(pageName) || contentModel === 'css' || contentModel === 'javascript' || contentModel === 'sanitized-css');
    }


    document.body.setAttribute('data-clbi-nations-pointer-hover-ready', '1');


     document.addEventListener('pointermove', function (event) {
     var systemDocRawFetchToken = 0;
        CLBI_NATIONS_LAST_POINTER_X = event.clientX;
        CLBI_NATIONS_LAST_POINTER_Y = event.clientY;
        validateAllClbiNationsPointerHovers();
    }, true);


     document.addEventListener('pointerleave', function () {
     function cleanupLegacySystemDocCodeMutationsForShell() {
        CLBI_NATIONS_LAST_POINTER_X = null;
        document.querySelectorAll('.clbi-system-doc-codepane').forEach(function (pane) {
        CLBI_NATIONS_LAST_POINTER_Y = null;
            var parent;
        validateAllClbiNationsPointerHovers();
    }, true);


    window.addEventListener('blur', function () {
            if (!pane || !pane.parentNode) return;
        CLBI_NATIONS_LAST_POINTER_X = null;
        CLBI_NATIONS_LAST_POINTER_Y = null;
        validateAllClbiNationsPointerHovers();
    });
}


            parent = pane.parentNode;
            while (pane.firstChild) {
                parent.insertBefore(pane.firstChild, pane);
            }
            parent.removeChild(pane);
        });


function initClbiBottomShortcutSystem(root) {
        document.querySelectorAll('.clbi-system-doc-codebox').forEach(function (node) {
    renderClbiBottomShortcutGuide();
            node.classList.remove('clbi-system-doc-codebox');
    initClbiNationsTabpanelControls(root || document);
            node.removeAttribute('data-clbi-system-doc-codebox');
    initClbiNationsPointerHoverValidation();
            node.removeAttribute('style');
}
        });
    }


// ── 상·하단 네비게이션 바 ──
    function getSystemDocOutputForShell() {
function buildClbiNavHtml(position) {
        return document.querySelector('.liberty-content-main .mw-parser-output');
    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 rightId = base + '-nav-right';
    var worldId = shortBase + '-worldbuilding';
    var infoId = shortBase + '-info';
    var subId = isBottom ? 'clbi-bottom-sub-worldbuilding' : 'clbi-sub-worldbuilding';
    var subInnerId = subId + '-inner';


     if (isBottom) {
     function findSystemDocSourceNodeForShell() {
         return buildClbiBottomPlankHtml(wrapId, navId, mainId);
         var output = getSystemDocOutputForShell();
    }
        var children;
        var preferred;


    return '' +
         if (!output) return null;
         '<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 id="' + rightId + '">' +
                        '<div class="clbi-top-nav-item" id="' + infoId + '">' +
                            '<span class="clbi-tnav-label">ℹ</span>' +
                        '</div>' +
                    '</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>' +
                            '<a class="clbi-tnav-sub-item" href="/index.php/인물">인물</a>' +
                        '</div>' +
                    '</div>' +
                '</div>' +
            '</div>' +
        '</div>';
}


function normalizeClbiShellDomOrder() {
        children = Array.prototype.slice.call(output.children || [])
    var contentWrapper = document.querySelector('.content-wrapper');
            .filter(function (el) {
    var topNav = document.getElementById('clbi-top-nav-wrap');
                return el && el.nodeType === 1 &&
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
                    el.id !== 'clbi-system-doc-indicator-row' &&
    var canvas = document.getElementById('site-halftone-bg');
                    el.id !== 'clbi-system-source-viewer' &&
    var anchor;
                    !el.classList.contains('catlinks') &&
    var viewportH;
                    (el.textContent || '').trim().length > 200;
    var topRect;
            });
    var wrapperRect;
    var needsRecovery;
    var expectedWrapperTop;
    var host;


    if (!contentWrapper || !topNav || !bottomNav || !document.body) return;
        preferred = children.filter(function (el) {
            return el.matches && el.matches('.mw-highlight, .mw-code, pre');
        })[0];


    /*
        return preferred || children.sort(function (a, b) {
    CLBI shell can live inside a Liberty <section>. Some skins/layouts give that
            return (b.textContent || '').trim().length - (a.textContent || '').trim().length;
    section a flow context that lets the top nav visually overlap the content
         })[0] || null;
    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;
     function getSystemDocRawUrlForShell() {
    topRect = topNav.getBoundingClientRect();
        var title = mw.config.get('wgPageName') || readCurrentPageNameForShell();
    wrapperRect = contentWrapper.getBoundingClientRect();
        var url;
    expectedWrapperTop = topRect.bottom + 8;


    needsRecovery = false;
        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 (viewportH > 0) {
        if (window.RevisionManifest && typeof window.RevisionManifest.addRevisionParam === 'function') {
        if (topRect.top >= viewportH * 0.55) needsRecovery = true;
            url = window.RevisionManifest.addRevisionParam(url, title);
         if (wrapperRect.top >= viewportH * 0.60) needsRecovery = true;
         }
        return url;
     }
     }


     if (topRect.top > 240 || wrapperRect.top > 320) {
     function removeSystemDocSourceViewerForShell() {
        needsRecovery = true;
        var viewer = document.getElementById('clbi-system-source-viewer');
    }
 
        if (viewer && viewer.parentNode) {
            viewer.parentNode.removeChild(viewer);
        }


    if (wrapperRect.top < expectedWrapperTop - 1) {
        document.querySelectorAll('.clbi-system-original-source-hidden').forEach(function (node) {
        needsRecovery = true;
            node.classList.remove('clbi-system-original-source-hidden');
    }
            node.removeAttribute('data-clbi-system-source-hidden');
            node.style.removeProperty('display');
        });


    if (!needsRecovery) {
         cleanupLegacySystemDocCodeMutationsForShell();
         document.body.classList.add('clbi-shell-ready');
        return;
     }
     }


     anchor = canvas && canvas.parentNode === document.body
     function ensureSystemDocSourceViewerForShell() {
         ? canvas.nextSibling
        var output = getSystemDocOutputForShell();
         : document.body.firstChild;
        var source;
         var viewer;
         var fallbackText;


    document.body.insertBefore(topNav, anchor);
        if (!output || !isMediaWikiSystemAssetPageForShell()) return null;
    document.body.insertBefore(contentWrapper, topNav.nextSibling);
    document.body.insertBefore(bottomNav, contentWrapper.nextSibling);


    document.body.classList.add('clbi-shell-ready');
        cleanupLegacySystemDocCodeMutationsForShell();
}


window.normalizeClbiShellDomOrder = normalizeClbiShellDomOrder;
        source = findSystemDocSourceNodeForShell();
        if (!source) return null;


        viewer = document.getElementById('clbi-system-source-viewer');


function ensureClbiVerticalScaleHost() {
        if (!viewer) {
    var topNav = document.getElementById('clbi-top-nav-wrap');
            viewer = document.createElement('pre');
    var contentWrapper = document.querySelector('.content-wrapper');
            viewer.id = 'clbi-system-source-viewer';
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
            viewer.className = 'clbi-system-source-viewer';
    var host;
            output.appendChild(viewer);
    var existing;
        }
    var parent;


    if (!topNav || !contentWrapper || !bottomNav || !document.body) return null;
        fallbackText = source.textContent || '';


    existing = document.getElementById('clbi-shell-scale-host');
        if (!viewer.textContent && fallbackText) {
            viewer.textContent = fallbackText;
        }


    if (existing && existing.contains(topNav) && existing.contains(contentWrapper) && existing.contains(bottomNav)) {
        source.classList.add('clbi-system-original-source-hidden');
         existing.classList.add('clbi-shell-host');
         source.setAttribute('data-clbi-system-source-hidden', 'true');
         return existing;
         source.style.setProperty('display', 'none', 'important');
    }


    parent = topNav.parentElement === contentWrapper.parentElement && contentWrapper.parentElement === bottomNav.parentElement
         return viewer;
        ? 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');
     function renderSystemDocSourceViewerForShell() {
    host.id = 'clbi-shell-scale-host';
        var viewer;
    host.className = 'clbi-shell-host';
        var pageName;
        var token;
        var currentScrollTop;


    if (!host.parentNode) {
        if (!isMediaWikiSystemAssetPageForShell()) return;
        document.body.insertBefore(host, topNav);
    }


    host.appendChild(topNav);
        pageName = String(mw.config.get('wgPageName') || readCurrentPageNameForShell());
    host.appendChild(contentWrapper);
        viewer = document.getElementById('clbi-system-source-viewer');
    host.appendChild(bottomNav);


    return host;
        /*
}
        시스템 문서 뷰어가 이미 만들어져 있고 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;
        }


function readClbiRootPx(name, fallback) {
        viewer = ensureSystemDocSourceViewerForShell();
    var raw = '';
        if (!viewer) return;
    var value;


    try {
         currentScrollTop = viewer.scrollTop || 0;
         raw = getComputedStyle(document.documentElement).getPropertyValue(name);
        viewer.setAttribute('data-clbi-raw-title', pageName);
    } catch (err) {}
        token = ++systemDocRawFetchToken;


    value = parseFloat(raw);
        fetch(getSystemDocRawUrlForShell(), { credentials: 'same-origin' })
    return isFinite(value) && value > 0 ? value : fallback;
            .then(function (res) {
}
                if (!res.ok) throw new Error('raw fetch failed ' + res.status);
                return res.text();
            })
            .then(function (text) {
                if (token !== systemDocRawFetchToken) return;


function resetLeftRecentAdaptiveState() {
                currentScrollTop = viewer.scrollTop || currentScrollTop || 0;
    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) {
                if (text && viewer.textContent !== text) {
        newsBox.classList.remove('is-adaptive-constrained');
                    viewer.textContent = text;
        newsBox.style.removeProperty('--adaptive-news-h');
                }
    }


    if (list) {
                viewer.setAttribute('data-clbi-raw-loaded', '1');
        list.classList.remove('is-adaptive-faded');
                viewer.scrollTop = currentScrollTop;
        list.removeAttribute('data-adaptive-limit');
            })
        list.style.removeProperty('--adaptive-recent-h');
            .catch(function () {
                viewer.setAttribute('data-clbi-raw-loaded', '0');
            });
     }
     }


     items.forEach(function (item) {
     function removeSystemDocIndicatorForShell() {
         item.classList.remove('is-adaptive-hidden');
         var existing = document.getElementById('clbi-system-doc-indicator-row');
    });
}


function resetLeftBillboardAdaptiveState() {
        if (document.body) {
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');
            document.body.classList.remove('clbi-system-doc-page');
        }


    if (!box) return;
        if (existing && existing.parentNode) {
            existing.parentNode.removeChild(existing);
        }


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


function updateClbiShellVerticalScale() {
    function renderSystemDocIndicatorForShell() {
    var root = document.documentElement;
        var pageName;
    var body = document.body;
        var extMatch;
    var host;
        var ext;
    var topInner;
        var row;
    var bottomInner;
        var box;
    var thresholdH;
        var meta;
    var gap;
        var label;
    var outerGapTotal;
        var type;
    var baseStageH;
        var title;
    var stageW;
        var anchor;
    var stageH;
        var main;
    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;
        if (!document.body || !isMediaWikiSystemAssetPageForShell()) return;


    host = ensureClbiVerticalScaleHost();
        pageName = readCurrentPageNameForShell();
    if (!host) return;
        extMatch = pageName.match(/\.(css|js)$/i);
        ext = extMatch ? extMatch[1].toUpperCase() : 'DOC';


    thresholdH = readClbiRootPx('--clbi-vertical-scale-threshold-h', 1080);
        document.body.classList.add('clbi-system-doc-page');
    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);
        row = document.getElementById('clbi-system-doc-indicator-row');
    viewportH = Math.max(320, window.innerHeight || document.documentElement.clientHeight || thresholdH);
    availableW = Math.max(240, viewportW - outerGapTotal);
    availableH = Math.max(240, viewportH - outerGapTotal);


    /*
        if (!row) {
    평상시에는 기존 세로 채움 레이아웃을 기준으로 삼는다.
            row = document.createElement('div');
    세로가 기준점보다 작아지는 경우에는 기준 높이를 고정점으로 삼고,
            row.id = 'clbi-system-doc-indicator-row';
    가로만 부족한 경우에는 현재 사용 가능한 세로 높이를 고정점으로 삼는다.
            row.className = 'clbi-system-doc-indicator-row';
    이렇게 해야 가로 부족으로 scale에 들어갈 때 본문 높이가 갑자기 접히지 않는다.
    */
    stageH = availableH >= baseStageH ? availableH : baseStageH;


    topInner = document.getElementById('clbi-top-nav');
            box = document.createElement('div');
    bottomInner = document.getElementById('clbi-bottom-nav');
            box.className = 'clbi-system-doc-indicator';


    topH = topInner ? Math.ceil(topInner.offsetHeight || topInner.getBoundingClientRect().height || 38) : 38;
            meta = document.createElement('div');
    bottomH = bottomInner ? Math.ceil(bottomInner.offsetHeight || bottomInner.getBoundingClientRect().height || 38) : 38;
            meta.className = 'clbi-system-doc-meta';
    contentH = Math.max(360, Math.floor(stageH - topH - bottomH - (gap * 2)));


    widthScale = availableW < stageW ? availableW / stageW : 1;
            label = document.createElement('span');
    heightScale = availableH < baseStageH ? availableH / baseStageH : 1;
            label.className = 'clbi-system-doc-label';
    scale = Math.min(1, widthScale, heightScale);
            label.textContent = 'SYSTEM DOCUMENT';
    scale = Math.max(0.50, Math.min(1, Math.floor(scale * 1000) / 1000));
    shouldScale = scale < 0.999;


    root.style.setProperty('--clbi-stage-design-w', stageW + 'px');
            type = document.createElement('span');
    root.style.setProperty('--clbi-stage-design-h', Math.floor(stageH) + 'px');
            type.className = 'clbi-system-doc-type';
    root.style.setProperty('--clbi-stage-content-h', contentH + 'px');
    root.style.setProperty('--clbi-shell-scale', String(scale));


    body.classList.toggle('clbi-shell-vertical-scale', shouldScale);
            title = document.createElement('div');
            title.className = 'clbi-system-doc-title';


    if (shouldScale) {
            meta.appendChild(label);
        resetLeftRecentAdaptiveState();
            meta.appendChild(type);
        resetLeftBillboardAdaptiveState();
            box.appendChild(meta);
    }
            box.appendChild(title);
}
            row.appendChild(box);
window.updateClbiShellVerticalScale = updateClbiShellVerticalScale;


var $contentWrapper = $('.content-wrapper').first();
            anchor = getSystemDocOutputForShell();
            main = document.querySelector('.liberty-content-main');


if ($contentWrapper.length) {
            if (anchor && anchor.parentNode) {
    $('#clbi-top-nav-wrap, #clbi-bottom-nav-wrap').remove();
                anchor.parentNode.insertBefore(row, anchor);
    $contentWrapper.before(buildClbiNavHtml('top'));
            } else if (main) {
    $contentWrapper.after(buildClbiNavHtml('bottom'));
                main.insertBefore(row, main.firstChild);
    renderClbiBottomShortcutGuide();
            }
    initClbiNationsTabpanelControls(document);
        }
    if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
}


var CLBI_SHELL_METRICS_RAF = null;
        type = row.querySelector('.clbi-system-doc-type');
        title = row.querySelector('.clbi-system-doc-title');


function runClbiShellMetricsBatch() {
        if (type) type.textContent = ext;
    var top = document.getElementById('clbi-top-nav-wrap');
        if (title) title.textContent = pageName;
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
    var root = document.documentElement;
    var topH = 0;
    var bottomH = 0;


     CLBI_SHELL_METRICS_RAF = null;
        renderSystemDocSourceViewerForShell();
     }


     if (!root) return;
     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'
    ];


     if (top) {
     var pageShellObserverStarted = false;
        topH = Math.ceil(top.getBoundingClientRect().height || top.offsetHeight || 0);
     var pageShellObserverTimer = null;
     }


     if (bottom) {
     function setPageTitleDomHidden(hidden) {
         bottomH = Math.ceil(bottom.getBoundingClientRect().height || bottom.offsetHeight || 0);
         var nodes = document.querySelectorAll(PAGE_TITLE_TARGET_SELECTORS.join(','));
    }


    root.style.setProperty('--clbi-top-nav-outer-h', topH + 'px');
        nodes.forEach(function (node) {
    root.style.setProperty('--clbi-bottom-nav-outer-h', bottomH + 'px');
            if (!node || !node.style) return;


    if (typeof updateClbiShellVerticalScale === 'function') {
            if (hidden) {
         updateClbiShellVerticalScale();
                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');
            }
         });
     }
     }


     if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
     function applyPageShellClasses() {
         scheduleAdaptiveLeftRecentItems();
         var body = document.body;
    }
        var isSystemPage;


    if (typeof scheduleClbiContentBottomGap === 'function') {
        if (!body) return;
        scheduleClbiContentBottomGap();
    }
}


function requestClbiShellMetricsFrame() {
        isSystemPage = isBackendOrSystemPageForShell();
    if (CLBI_SHELL_METRICS_RAF !== null) return;


    CLBI_SHELL_METRICS_RAF = window.requestAnimationFrame
         body.classList.remove('page-title-hidden', 'page-title-visible', 'backend-system-page', 'anecdote-namespace-page');
         ? window.requestAnimationFrame(runClbiShellMetricsBatch)
        : window.setTimeout(runClbiShellMetricsBatch, 16);
}


function scheduleClbiShellMetrics() {
        if (!isMediaWikiSystemAssetPageForShell()) {
    requestClbiShellMetricsFrame();
            body.classList.remove('clbi-system-doc-page');
            removeSystemDocIndicatorForShell();
        }


    window.setTimeout(requestClbiShellMetricsFrame, 0);
        if (isAnecdoteNamespaceForShell()) {
    window.setTimeout(requestClbiShellMetricsFrame, 80);
            body.classList.add('anecdote-namespace-page');
    window.setTimeout(requestClbiShellMetricsFrame, 240);
        }
}
function watchClbiShellMetrics() {
    var top = document.getElementById('clbi-top-nav-wrap');
    var bottom = document.getElementById('clbi-bottom-nav-wrap');
    var observer;


    scheduleClbiShellMetrics();
        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);
        }
    }


     $(window).on('resize orientationchange', scheduleClbiShellMetrics);
     function applyPageShellClassesDeferred() {
    $(window).on('pageshow.clbiShellScale focus.clbiShellScale', scheduleClbiShellMetrics);
         applyPageShellClasses();
    document.addEventListener('visibilitychange', function () {
        window.setTimeout(applyPageShellClasses, 0);
         if (!document.hidden) scheduleClbiShellMetrics();
        window.setTimeout(applyPageShellClasses, 80);
    });
        window.setTimeout(applyPageShellClasses, 250);
    $(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) {
     function startPageShellObserver() {
     $(buttonSelector).on('click', function() {
         var observer;
         var $menu = $(menuSelector);
        var $btn = $(this);


         $menu.toggleClass('worldbuilding-open');
         if (pageShellObserverStarted || !window.MutationObserver || !document.body) return;
        $btn.toggleClass('clbi-tnav-active', $menu.hasClass('worldbuilding-open'));
        scheduleClbiShellMetrics();
    });
}


bindClbiWorldbuildingToggle('#clbi-tnav-worldbuilding', '#clbi-sub-worldbuilding');
        pageShellObserverStarted = true;
bindClbiWorldbuildingToggle('#clbi-bnav-worldbuilding', '#clbi-bottom-sub-worldbuilding');
        observer = new MutationObserver(function (mutations) {
            var i;
            var target;


$('#clbi-top-search-input, #clbi-bottom-search-input').on('keydown', function(e) {
            /*
    if (e.key === 'Enter') {
            시스템 CSS/JS 문서는 applyPageShellClasses()가 초기에 한 번
        var q = $(this).val().trim();
            인디케이터와 source viewer를 만든 뒤에는 MutationObserver가 다시
        if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
            같은 렌더링을 반복할 필요가 없다. 이 반복이 DevTools에서 body/요소가
    }
            계속 플래시되는 직접 원인이다.
});
            SPA 전환 뒤의 처리는 loadPage()와 wikipage.content hook에서 따로 호출된다.
            */
            if (isMediaWikiSystemAssetPageForShell()) {
                for (i = 0; i < mutations.length; i += 1) {
                    target = mutations[i] && mutations[i].target;


if (window.mw && mw.hook) {
                    if (
    mw.hook('wikipage.content').add(function ($content) {
                        target &&
        initClbiBottomShortcutSystem($content && $content[0] ? $content[0] : document);
                        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;
                    }
                }


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


});
            if (pageShellObserverTimer) return;


// 페이지 전환 사운드
            pageShellObserverTimer = window.setTimeout(function () {
var transitionSound = new Audio('/index.php?title=특수:Redirect/file/Sfx-ui-001.mp3');
                pageShellObserverTimer = null;
                applyPageShellClasses();
            }, 50);
        });
 
        /*
        SPA 본문 교체는 wikipage.content 훅이 담당한다.
        body 전체 subtree를 감시하면 대문 SVG·장식·DevTools 내부 변경까지
        페이지 셸 재판정으로 증폭되므로 body 직계 자식 변화만 감시한다.
        */
        observer.observe(document.body, {
            childList: true,
            subtree: false
        });
    }


(function() {
     if (document.readyState === 'loading') {
     var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
        document.addEventListener('DOMContentLoaded', function () {
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
            applyPageShellClassesDeferred();
    var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
            startPageShellObserver();
    transitionSound.volume = sfxOn ? master * sfx : 0;
        });
})();
    } else {
        applyPageShellClassesDeferred();
        startPageShellObserver();
    }


function playStaticSound() {
    if (mw.hook) {
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
        mw.hook('wikipage.content').add(applyPageShellClassesDeferred);
    var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
     }
     var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';


     if (!sfxOn) return;
     window.CLBI_PAGE_SHELL = {
        refresh: applyPageShellClasses,
        isBackendOrSystemPage: isBackendOrSystemPageForShell,
        isSystemAssetPage: isMediaWikiSystemAssetPageForShell,
        renderSystemDocIndicator: renderSystemDocIndicatorForShell,
        removeSystemDocIndicator: removeSystemDocIndicatorForShell,
        refreshSystemDocSourceViewer: renderSystemDocSourceViewerForShell
    };
}());


     transitionSound.volume = master * sfx;
function loadLangScript(done) {
    transitionSound.currentTime = 0;
     $.getScript('/index.php?title=미디어위키:Lang.js&action=raw&ctype=text/javascript')
    transitionSound.play();
        .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();
        });
}
}


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


function normalizePageName(value) {
/*
    return String(value || '')
DevTools 같은 내부 스크롤은 셸 레이아웃을 바꾸지 않는다. 이 짧은 상호작용 동안
        .split('?')[0]
전체 화면 WebGL/CRT가 새 GPU 프레임을 계속 제출하면, transform 셸과 고정 네비의
        .replace(/^\/index\.php\//, '')
합성 타일 갱신이 서로 경합한다. 마지막 정상 프레임은 그대로 유지하고 시각 시계도
        .replace(/_/g, ' ')
정지시켜, 스크롤 종료 후 끊김 없이 이어지게 한다.
        .trim();
*/
}
var CLBI_COMPOSITOR_BUSY_UNTIL = 0;


function buildWikiPath(title) {
function markClbiCompositorBusy(duration) {
     return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
     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 getLangShortCode(lang) {
function isClbiCompositorBusy() {
     var map = { ko: 'KR', en: 'EN', zh: 'ZH', ja: 'JA', ru: 'RU', es: 'ES' };
     var now = window.performance && performance.now ? performance.now() : Date.now();
     return map[lang] || String(lang || '').toUpperCase();
     return now < CLBI_COMPOSITOR_BUSY_UNTIL;
}
}


function getLanguageTargetTitle(lang) {
window.markClbiCompositorBusy = markClbiCompositorBusy;
    var data = document.getElementById('clbi-lang-data');
window.isClbiCompositorBusy = isClbiCompositorBusy;
    if (!data || !lang) return '';


     var keys = [
if (!window.CLBI_COMPOSITOR_ACTIVITY_BOUND) {
        'data-' + lang,
     window.CLBI_COMPOSITOR_ACTIVITY_BOUND = true;
        'data-page-' + lang,
        'data-title-' + lang,
        'data-target-' + lang,
        'data-lang-' + lang
    ];


     for (var i = 0; i < keys.length; i++) {
     document.addEventListener('scroll', function (event) {
         var value = data.getAttribute(keys[i]);
         var target = event.target && event.target.nodeType === 1 ? event.target : null;
         if (value) return value;
         if (target && target.closest && target.closest('#dev-tools-panel')) {
     }
            markClbiCompositorBusy(160);
        }
     }, true);


     return '';
     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 escapeClbiHtml(value) {
function initHalftoneBackground() {
     return String(value == null ? '' : value)
     try {
         .replace(/&/g, '&amp;')
         initWebGLHalftoneBackground();
        .replace(/</g, '&lt;')
    } catch (err) {
        .replace(/>/g, '&gt;')
         console.error('WebGL halftone background failed:', err);
         .replace(/"/g, '&quot;')
    }
        .replace(/'/g, '&#039;');
}
}


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;


var SIDEBAR_LANG_SVG_NS = 'http://www.w3.org/2000/svg';
    if (!existing) {
var SIDEBAR_LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
        canvas.id = canvasId;
var SIDEBAR_LANGUAGE_LABELS = {
        canvas.setAttribute('aria-hidden', 'true');
    ko: '한국어',
        document.body.insertBefore(canvas, document.body.firstChild || null);
     en: 'English',
    }
     zh: '中文',
 
     ja: '日本語',
    canvas.style.position = 'fixed';
     ru: 'Русский',
    canvas.style.inset = '0';
     es: 'Español'
     canvas.style.width = '100vw';
};
     canvas.style.height = '100vh';
var SIDEBAR_LANGUAGE_DIAL_LABELS = {
     canvas.style.pointerEvents = 'none';
     ko: '한국어',
     canvas.style.background = '#000000';
    en: 'ENG',
     canvas.style.display = 'block';
    zh: '中文',
 
    ja: '日本語',
     if (!canvas.getAttribute('data-halftone-context-watch')) {
    ru: 'РУС',
        canvas.setAttribute('data-halftone-context-watch', '1');
    es: 'ESP'
        canvas.addEventListener('webglcontextlost', function (event) {
};
            event.preventDefault();
var SIDEBAR_LANGUAGE_STATUS_VALUES = {
            canvas.style.display = 'none';
    available: true,
            if (window.SiteHalftoneBackgroundState) {
    wip: true,
                window.SiteHalftoneBackgroundState.contextLost = true;
    unavailable: 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');


var sidebarLanguageStatusRegistry = {};
    if (!gl) {
var sidebarLanguageStatusLoaded = false;
        canvas.style.display = 'none';
var sidebarLanguageStatusLoading = false;
        console.warn('WebGL background unavailable.');
var sidebarLanguageStatusCallbacks = [];
        return;
    }


var sidebarLanguageState = {
    var vertexSrc = [
    order: ['ko', 'en', 'zh', 'ja', 'ru', 'es'],
        'attribute vec2 a_position;',
    currentLang: 'ko',
        'void main() {',
    baseIndex: 0,
        ' gl_Position = vec4(a_position, 0.0, 1.0);',
    selectedIndex: 0,
        '}'
    rotation: 0,
     ].join('\n');
    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) {
    var fragmentSrc = [
    return document.createElementNS(SIDEBAR_LANG_SVG_NS, tag);
        'precision mediump float;',
}
        'uniform vec2 u_resolution;',
 
        'uniform float u_time;',
function normalizeSidebarLanguageIndex(index) {
        'const float TAU = 6.28318530718;',
    var length = sidebarLanguageState.order.length;
        'float gaussian(float v, float r) {',
    var normalized = index % length;
        '  return exp(-((v * v) / max(0.0001, r * r)));',
    return normalized < 0 ? normalized + length : normalized;
        '}',
}
        'float hash(vec2 p) {',
 
        '  return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);',
function getSidebarLanguageName(lang) {
        '}',
    return SIDEBAR_LANGUAGE_LABELS[lang] || String(lang || '').toUpperCase();
        'float bucketAlpha(float a) {',
}
        '  float i = floor(a * 9.0);',
 
        '  if (i < 1.0) return 0.040;',
function getSidebarLanguageDialName(lang) {
        '  if (i < 2.0) return 0.080;',
    return SIDEBAR_LANGUAGE_DIAL_LABELS[lang] || getSidebarLanguageName(lang);
        '  if (i < 3.0) return 0.135;',
}
        '  if (i < 4.0) return 0.210;',
 
        '  if (i < 5.0) return 0.310;',
function normalizeSidebarLanguageStatusValue(value) {
        '  if (i < 6.0) return 0.430;',
    value = String(value == null ? '' : value).toLowerCase().trim();
        '  if (i < 7.0) return 0.580;',
    return SIDEBAR_LANGUAGE_STATUS_VALUES[value] ? value : '';
        '  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 getSidebarLanguageStatusPageKey() {
    function compileShader(type, source) {
    var raw = String(mw.config.get('wgPageName') || '').trim();
        var shader = gl.createShader(type);
    var normalized = normalizePageName(raw);
        gl.shaderSource(shader, source);
        gl.compileShader(shader);


    return normalized || raw || '대문';
        if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
}
            console.error('WebGL shader compile error:', gl.getShaderInfoLog(shader));
            gl.deleteShader(shader);
            return null;
        }


function getSidebarLanguageStatusEntry() {
         return shader;
    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 {};
     var vertexShader = compileShader(gl.VERTEX_SHADER, vertexSrc);
}
    var fragmentShader = compileShader(gl.FRAGMENT_SHADER, fragmentSrc);


function getSidebarLanguageStatusOverride(lang) {
     if (!vertexShader || !fragmentShader) return;
     var entry = getSidebarLanguageStatusEntry();
    return normalizeSidebarLanguageStatusValue(entry[lang]);
}


function flushSidebarLanguageStatusCallbacks() {
    var program = gl.createProgram();
     var callbacks = sidebarLanguageStatusCallbacks.slice();
    gl.attachShader(program, vertexShader);
     sidebarLanguageStatusCallbacks.length = 0;
     gl.attachShader(program, fragmentShader);
     gl.linkProgram(program);


     callbacks.forEach(function(callback) {
     if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
         if (typeof callback === 'function') {
         console.error('WebGL program link error:', gl.getProgramInfoLog(program));
            callback(sidebarLanguageStatusRegistry);
         return;
         }
     }
     });
}


function loadSidebarLanguageStatusRegistry(callback, force) {
    var positionLoc = gl.getAttribLocation(program, 'a_position');
    if (typeof callback === 'function') {
    var resolutionLoc = gl.getUniformLocation(program, 'u_resolution');
        sidebarLanguageStatusCallbacks.push(callback);
    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);
        }
     }
     }


     if (sidebarLanguageStatusLoaded && !force) {
     var prefersReducedMotion = false;
        flushSidebarLanguageStatusCallbacks();
    try {
         return;
        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"]');
     }
     }


     if (sidebarLanguageStatusLoading) return;
     function getNationsGlobeHalftoneState() {
        var globe = getNationsGlobeHalftoneNode();
        var instance;


    sidebarLanguageStatusLoading = true;
        if (!globe) {
            return 'none';
        }


    $.ajax({
        if (globe.classList && globe.classList.contains('is-dragging')) {
        url: mw.util.getUrl(SIDEBAR_LANGUAGE_STATUS_TITLE, {
            return 'active';
            action: 'raw',
         }
            ctype: 'application/json',
            _: String(Date.now())
        }),
        dataType: 'text',
         cache: false
    }).done(function(text) {
        var parsed = {};


         try {
         instance = globe.CLBI_NationsGlobeInstance || null;
            parsed = text ? JSON.parse(text) : {};
         if (instance && typeof instance.isHalftoneBackgroundBusy === 'function' && instance.isHalftoneBackgroundBusy()) {
         } catch (err) {
             return 'busy';
             console.error('LanguageStatus.json parse failed:', err);
            parsed = {};
         }
         }


         sidebarLanguageStatusRegistry = parsed && typeof parsed === 'object' ? parsed : {};
         if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') {
    }).fail(function() {
            return 'busy';
        sidebarLanguageStatusRegistry = {};
         }
    }).always(function() {
        sidebarLanguageStatusLoaded = true;
         sidebarLanguageStatusLoading = false;
        flushSidebarLanguageStatusCallbacks();
    });
}


window.CLBI_LANGUAGE_STATUS = {
         return 'present';
    title: SIDEBAR_LANGUAGE_STATUS_TITLE,
     }
    languages: sidebarLanguageState.order.slice(),
 
    labels: SIDEBAR_LANGUAGE_LABELS,
     function shouldSkipHalftoneDrawForGlobe() {
    dialLabels: SIDEBAR_LANGUAGE_DIAL_LABELS,
         var globe = getNationsGlobeHalftoneNode();
    getPageKey: getSidebarLanguageStatusPageKey,
         var instance;
    getRegistry: function() {
 
         return sidebarLanguageStatusRegistry || {};
         if (!globe) return false;
     },
     reload: function(callback) {
         sidebarLanguageStatusLoaded = false;
        loadSidebarLanguageStatusRegistry(function() {
            renderSidebarLanguageBox();
            if (typeof callback === 'function') callback(sidebarLanguageStatusRegistry);
         }, true);
    },
    refreshDial: function() {
         renderSidebarLanguageBox();
    }
};


function getSidebarLanguageMeta(lang) {
        instance = globe.CLBI_NationsGlobeInstance || null;
    var currentLang = getCurrentLang();
    var targetTitle = getLanguageTargetTitle(lang);
    var isCurrent = lang === currentLang;


    return {
        /*
        lang: lang,
        * Background pause/resume — 20260710.
        code: getLangShortCode(lang),
        *
         name: getSidebarLanguageName(lang),
        * While the nations globe is being held, keep the last rendered halftone
         dialName: getSidebarLanguageDialName(lang),
        * frame on screen and pause the halftone clock.  The important detail is
        targetTitle: targetTitle,
        * that this is not a wall-clock catch-up: skipped seconds are not replayed
        isCurrent: isCurrent,
        * or fast-forwarded when the pointer is released.
        canMove: !!targetTitle && !isCurrent
        */
    };
         if (globe.classList && globe.classList.contains('is-dragging')) return true;
}
         if (instance && instance.dragging) return true;


function getSidebarLanguageStatus(meta) {
        if (instance && typeof instance.isHalftoneBackgroundHardBusy === 'function') {
    var override;
            return instance.isHalftoneBackgroundHardBusy();
        }


    if (!meta) {
        if (globe.getAttribute && globe.getAttribute('data-clbi-globe-bg-busy') === '1') return true;
        return {
            className: 'is-locked',
            label: 'UNAVAILABLE',
            canApply: false
        };
    }


    if (meta.isCurrent) {
         return false;
         return {
            className: 'is-current',
            label: 'CURRENT',
            canApply: false
        };
     }
     }


     override = getSidebarLanguageStatusOverride(meta.lang);
     function getFrameInterval() {
        if (prefersReducedMotion) {
            return 1000;
        }


    if (override === 'wip') {
        /*
        return {
        * Nations background parity — 20260710.
            className: 'is-locked',
        *
            label: 'WIP',
        * The nations page used to permanently lower the halftone cadence while
            canApply: false
        * 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;
     }
     }


     if (override === 'unavailable') {
     var lastFrame = 0;
         return {
    var startTime = performance.now();
             className: 'is-locked',
    var visualTime = 0;
             label: 'UNAVAILABLE',
    var lastVisualNow = 0;
            canApply: false
 
         };
    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();
     }
     }


     if (override === 'available' || meta.targetTitle) {
     var frameTimer = 0;
        return {
    var frameRaf = 0;
            className: meta.targetTitle ? 'is-ready' : 'is-locked',
 
             label: meta.targetTitle ? 'AVAILABLE' : 'UNAVAILABLE',
    function scheduleNextFrame(delay) {
             canApply: !!meta.targetTitle
        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()));
     }
     }


     return {
     function render(now) {
         className: 'is-locked',
         var interval = getFrameInterval();
        label: 'UNAVAILABLE',
        canApply: false
    };
}


function sidebarLanguageRad(deg) {
        frameRaf = 0;
    return (deg * Math.PI) / 180;
        if (halftoneState.runId !== runId || halftoneState.contextLost) return;
}


function sidebarLanguagePointAt(radius, deg) {
        if (document.hidden) {
    var state = sidebarLanguageState;
            lastVisualNow = now;
    var angle = sidebarLanguageRad(deg);
            scheduleNextFrame(250);
            return;
        }


    return {
         if (isClbiCompositorBusy()) {
         x: state.cx + Math.sin(angle) * radius,
            lastFrame = now;
        y: state.cy - Math.cos(angle) * radius
            lastVisualNow = now;
    };
            scheduleNextFrame(interval);
}
            return;
        }


function getSidebarLanguageSectorPath(start, end) {
        if (shouldSkipHalftoneDrawForGlobe()) {
    var state = sidebarLanguageState;
            lastFrame = now;
    var p1 = sidebarLanguagePointAt(state.outerR, start);
            halftoneState.lastGlobeBusySkipAt = now;
    var p2 = sidebarLanguagePointAt(state.outerR, end);
            lastVisualNow = now;
    var p3 = sidebarLanguagePointAt(state.innerR, end);
            scheduleNextFrame(interval);
    var p4 = sidebarLanguagePointAt(state.innerR, start);
            return;
    var largeArc = Math.abs(end - start) > 180 ? 1 : 0;
        }


    return [
         lastFrame = now;
         'M', p1.x.toFixed(3), p1.y.toFixed(3),
         draw(now);
         'A', state.outerR, state.outerR, 0, largeArc, 1, p2.x.toFixed(3), p2.y.toFixed(3),
         scheduleNextFrame(interval);
         '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() {
    draw(performance.now());
     return getSidebarLanguageSectorPath(-68, 68);
     scheduleNextFrame(getFrameInterval());
}


function getSidebarLanguageByStep(step) {
    document.addEventListener('visibilitychange', function () {
    var state = sidebarLanguageState;
        if (!document.hidden && halftoneState.runId === runId && !halftoneState.contextLost) {
    var index = normalizeSidebarLanguageIndex(state.baseIndex + step);
            window.clearTimeout(frameTimer);
            if (frameRaf && window.cancelAnimationFrame) window.cancelAnimationFrame(frameRaf);
            frameRaf = 0;
            scheduleNextFrame(16);
        }
    });


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


function getSidebarLanguagePreviewIndex() {
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 state = sidebarLanguageState;
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 step = Math.round(-state.rotation / state.sectorAngle);
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>';
    return normalizeSidebarLanguageIndex(state.baseIndex + step);
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 getSidebarLanguagePreviewMeta() {
function invalidateProfileRender() {
     var state = sidebarLanguageState;
     PROFILE_RENDER_TOKEN++;
    return getSidebarLanguageMeta(state.order[getSidebarLanguagePreviewIndex()]);
}
}


function makeSidebarLanguageSector(step) {
$(function() {
     var state = sidebarLanguageState;
     initHalftoneBackground();
    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');
// ── 하단 Plank 단축키 가이드 ──
    group.setAttribute('data-step', String(step));
function escapeClbiBottomGuideHtml(value) {
    group.setAttribute('data-index', String(item.index));
     return String(value == null ? '' : value)
    group.setAttribute('data-lang', item.meta.lang);
        .replace(/&/g, '&amp;')
     group.setAttribute('transform', 'rotate(' + angle + ' ' + state.cx + ' ' + state.cy + ')');
        .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 || '';
    }


     path.setAttribute('class', 'sidebar-lang-sector');
     return String(pageName)
    path.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
        .split('?')[0]
        .replace(/^\/index\.php\//, '')
        .replace(/_/g, ' ')
        .trim();
}


    label.setAttribute('class', 'sidebar-lang-sector-label');
function isClbiNationsShortcutContext() {
     label.setAttribute('x', String(state.cx));
     var pageName = readClbiBottomGuidePageName();
    label.setAttribute('y', String(labelY + 5));
    label.textContent = item.meta.dialName || item.meta.name;


     group.appendChild(path);
     return pageName === '시대' ||
    group.appendChild(label);
        pageName === 'Era' ||
        !!document.querySelector('.clbi-nations-panel-stack, .clbi-nations-globe-window, .clbi-nations-tabpanel');
}


     group.addEventListener('click', function(e) {
function isClbiWikiEditShortcutContext() {
        if (sidebarLanguageState.dragging || performance.now() < sidebarLanguageState.suppressClickUntil) return;
     var action = window.mw && mw.config ? String(mw.config.get('wgAction') || '') : '';
    var search = String(window.location.search || '');


         e.preventDefault();
    return action === 'edit' ||
         e.stopPropagation();
        action === 'submit' ||
         /(?:^|[?&])action=(?:edit|submit)(?:&|$)/.test(search) ||
         !!document.querySelector('#editform, #wpSave, input[name="wpSave"], button[name="wpSave"]');
}


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


     return group;
function isClbiNationListManagerShortcutContext() {
     return !!document.querySelector('.nation-list-manager');
}
}


function renderSidebarLanguageWheel() {
function getClbiBottomShortcutItems() {
     var state = sidebarLanguageState;
     if (isClbiWikiEditShortcutContext()) {
    var fan = document.getElementById('clbi-sidebar-lang-fan');
        return [
    var svg;
            { key: 'Ctrl+S', label: '변경사항 저장' }
    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;
     if (isClbiNationListManagerShortcutContext()) {
        return [
            { key: 'Ctrl+S', label: '국가 목록 저장' }
        ];
    }


     fan.innerHTML = '';
     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: '다음 대륙' }
        ];
    }


     svg = createSidebarLanguageSvgEl('svg');
     return [];
    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 renderClbiBottomShortcutGuide() {
     var guide = document.getElementById('clbi-bottom-shortcut-guide');
    var items;
    var html;


     clip = createSidebarLanguageSvgEl('clipPath');
     if (!guide) return;
    clip.setAttribute('id', 'clbi-sidebar-language-fan-clip');
    clipPath = createSidebarLanguageSvgEl('path');
    clipPath.setAttribute('d', getSidebarLanguageShellPath());
    clip.appendChild(clipPath);


     shadowBlur = createSidebarLanguageSvgEl('filter');
     items = getClbiBottomShortcutItems();
    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');
     if (!items.length) {
    fixedDepthGradient.setAttribute('id', 'clbi-sidebar-language-fixed-depth');
        guide.classList.add('is-empty');
    fixedDepthGradient.setAttribute('x1', '0');
        guide.innerHTML = '';
    fixedDepthGradient.setAttribute('y1', '0');
        return;
    fixedDepthGradient.setAttribute('x2', '0');
     }
     fixedDepthGradient.setAttribute('y2', '1');


     [
     guide.classList.remove('is-empty');
        ['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);
     html = '<div class="clbi-bottom-shortcut-list">';
    defs.appendChild(shadowBlur);
    defs.appendChild(fixedDepthGradient);
    svg.appendChild(defs);


     shell = createSidebarLanguageSvgEl('path');
     items.forEach(function (item) {
    shell.setAttribute('class', 'sidebar-lang-shell');
        html += '<div class="clbi-bottom-shortcut-item">' +
    shell.setAttribute('d', getSidebarLanguageShellPath());
            '<span class="clbi-bottom-shortcut-key">' + escapeClbiBottomGuideHtml(item.key) + '</span>' +
     svg.appendChild(shell);
            '<span class="clbi-bottom-shortcut-label">' + escapeClbiBottomGuideHtml(item.label) + '</span>' +
        '</div>';
     });


     clipped = createSidebarLanguageSvgEl('g');
     html += '</div>';
     clipped.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
     guide.innerHTML = html;
}


     rotor = createSidebarLanguageSvgEl('g');
function buildClbiBottomPlankHtml(wrapId, navId, mainId) {
    rotor.setAttribute('id', 'clbi-sidebar-lang-wheel-rotor');
     return '' +
    rotor.setAttribute('class', 'sidebar-lang-wheel-rotor');
        '<div id="' + wrapId + '">' +
            '<div id="' + navId + '">' +
                '<div id="' + mainId + '">' +
                    '<div id="clbi-bottom-shortcut-guide" class="is-empty" aria-label="단축키 안내"></div>' +
                '</div>' +
            '</div>' +
        '</div>';
}


    for (step = -state.repeats; step <= state.repeats; step += 1) {
var CLBI_NATIONS_LAST_POINTER_X = null;
        rotor.appendChild(makeSidebarLanguageSector(step));
var CLBI_NATIONS_LAST_POINTER_Y = null;
    }


    clipped.appendChild(rotor);
function getClbiNationsTabAtPointer(tabpanel) {
     svg.appendChild(clipped);
    var element;
     var tab;


     fixedDepthPath = createSidebarLanguageSvgEl('path');
     if (!tabpanel) return null;
     fixedDepthPath.setAttribute('class', 'sidebar-lang-fixed-depth');
     if (CLBI_NATIONS_LAST_POINTER_X === null || CLBI_NATIONS_LAST_POINTER_Y === null) return null;
     fixedDepthPath.setAttribute('d', getSidebarLanguageShellPath());
     if (typeof document.elementFromPoint !== 'function') return null;
    svg.appendChild(fixedDepthPath);


     fixedFocus = createSidebarLanguageSvgEl('path');
     element = document.elementFromPoint(CLBI_NATIONS_LAST_POINTER_X, CLBI_NATIONS_LAST_POINTER_Y);
    fixedFocus.setAttribute('class', 'sidebar-lang-fixed-focus');
     if (!element) return null;
    fixedFocus.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
     svg.appendChild(fixedFocus);


     shadowSoft = createSidebarLanguageSvgEl('path');
     tab = element.closest ? element.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
    shadowSoft.setAttribute('class', 'sidebar-lang-inner-shadow-soft');
    shadowSoft.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shadowSoft);


     shadowHard = createSidebarLanguageSvgEl('path');
     if (!tab || !tabpanel.contains(tab)) return null;
    shadowHard.setAttribute('class', 'sidebar-lang-inner-shadow-hard');
    shadowHard.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shadowHard);


     rim = createSidebarLanguageSvgEl('path');
     return tab;
    rim.setAttribute('class', 'sidebar-lang-rim');
}
    rim.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(rim);


     pointer = createSidebarLanguageSvgEl('g');
function validateClbiNationsPointerHover(tabpanel, forceSuppress) {
     pointer.setAttribute('class', 'sidebar-lang-fixed-pointer');
     var tab = getClbiNationsTabAtPointer(tabpanel);
     pointer.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
     var suppressContinent;
    var tabContinent;
     var tabIsActive;


     tri = createSidebarLanguageSvgEl('path');
     if (!tabpanel) return;
    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');
     if (!tab) {
    line.setAttribute('class', 'sidebar-lang-pointer-line');
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
    line.setAttribute('x1', String(state.cx));
        return;
    line.setAttribute('x2', String(state.cx));
     }
     line.setAttribute('y1', '24');
    line.setAttribute('y2', '112');
    pointer.appendChild(line);


     svg.appendChild(pointer);
     tabContinent = tab.getAttribute('data-continent') || '';
     fan.appendChild(svg);
     tabIsActive = tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';


     state.rotor = rotor;
     if (tabIsActive) {
    setSidebarLanguageRotation(state.rotation, false);
        clearClbiNationsKeyboardHoverSuppressed(tabpanel);
}
        return;
    }


function updateSidebarLanguageDial() {
     suppressContinent = tabpanel.getAttribute('data-clbi-hover-suppress-continent') || '';
    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) {
     if (forceSuppress || !suppressContinent) {
         selectedValue.textContent = meta.name;
         tabpanel.classList.add('is-keyboard-switching');
        tabpanel.setAttribute('data-clbi-hover-suppress-continent', tabContinent);
        return;
     }
     }


     if (availabilityPanel) {
     if (suppressContinent === tabContinent) {
         availabilityPanel.classList.remove('is-ready', 'is-current', 'is-locked');
         tabpanel.classList.add('is-keyboard-switching');
         availabilityPanel.classList.add(status.className);
         return;
     }
     }


     if (availabilityValue) {
     /*
        availabilityValue.textContent = status.label;
    * 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);
}


    if (apply) {
function validateAllClbiNationsPointerHovers() {
        apply.classList.toggle('is-disabled', !status.canApply);
    var panels = document.querySelectorAll('.clbi-nations-tabpanel.is-keyboard-switching');
        apply.setAttribute('aria-disabled', status.canApply ? 'false' : 'true');
        apply.setAttribute('aria-label', status.canApply ? (meta.name + ' 적용') : (meta.isCurrent ? '현재 언어' : '사용할 수 없는 언어'));
    }


     if (selector) {
     Array.prototype.forEach.call(panels, function (tabpanel) {
        selector.setAttribute('data-selected-lang', meta.lang);
         if (isClbiNationsPanelOwnedTabpanel(tabpanel)) return;
        selector.setAttribute('data-selected-code', meta.code);
         validateClbiNationsPointerHover(tabpanel, false);
         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 {
function isClbiNationsPanelOwnedTabpanel(tabpanel) {
        meta: meta,
     /*
        status: status
    * 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 setSidebarLanguageRotation(value, animate) {
function isClbiNationsLiveContinentActive(tabpanel, continent) {
     var state = sidebarLanguageState;
     var tab;
     state.rotation = value;
     var panel;
     updateSidebarLanguageDial();
 
     if (!tabpanel || !continent) return false;


     if (!state.rotor) return;
     tab = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]')).find(function (candidate) {
        return candidate.getAttribute('data-continent') === continent;
    });


     if (animate) {
     panel = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-continent[data-continent-panel]')).find(function (candidate) {
        $('#clbi-sidebar-lang-selector').addClass('is-snapping');
         return candidate.getAttribute('data-continent-panel') === continent;
    } else {
     });
         $('#clbi-sidebar-lang-selector').removeClass('is-snapping');
     }


     state.rotor.style.transform = 'rotate(' + state.rotation.toFixed(3) + 'deg)';
     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 requestSidebarLanguageRotation(value) {
function activateClbiNationsContinent(tabpanel, targetContinent, options) {
     var state = sidebarLanguageState;
     var tabs;
     state.pendingRotation = value;
    var panels;
     var skipOwner = !!(options && options.skipOwner);


     if (state.raf) return;
     if (!tabpanel || !targetContinent) return false;


     state.raf = requestAnimationFrame(function() {
     if (!skipOwner && isClbiNationsPanelOwnedTabpanel(tabpanel)) {
         state.raf = null;
         var owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;
        setSidebarLanguageRotation(state.pendingRotation, false);
    });
}


function cancelSidebarLanguageSpin() {
        if (owner && typeof owner.activateContinent === 'function') {
    var state = sidebarLanguageState;
            try {
                if (owner.activateContinent(targetContinent, {
                    source: 'common-legacy-click',
                    panel: tabpanel
                })) {
                    return true;
                }
            } catch (err) {}
        }


    if (state.inertiaRaf) {
        /*
        cancelAnimationFrame(state.inertiaRaf);
        * Ownership markers can be stale during SPA/hydration edge cases. If
        state.inertiaRaf = null;
        * 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.
        */
     }
     }


     $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
     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]'));


function finishSidebarLanguageSnap(nearestIndex, callback) {
    if (!tabs.length || !panels.length) return false;
    var state = sidebarLanguageState;


     state.baseIndex = normalizeSidebarLanguageIndex(nearestIndex);
     tabs.forEach(function (tab) {
    state.selectedIndex = state.baseIndex;
        var active = tab.getAttribute('data-continent') === targetContinent;
    state.rotation = 0;
        tab.classList.toggle('is-active', active);
     state.dragging = false;
        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);


    $('#clbi-sidebar-lang-selector').removeClass('is-snapping is-dragging is-spinning');
        if (active) {
            panel.removeAttribute('hidden');
        } else {
            panel.setAttribute('hidden', 'hidden');
        }
    });


     renderSidebarLanguageWheel();
     try {
     updateSidebarLanguageDial();
        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) {}


     if (typeof callback === 'function') {
     return true;
        callback(getSidebarLanguageMeta(state.order[state.selectedIndex]));
    }
}
}


function snapSidebarLanguageToStep(step, animate, callback) {
function setClbiNationsKeyboardHoverSuppressed(tabpanel) {
     var state = sidebarLanguageState;
     validateClbiNationsPointerHover(tabpanel, true);
    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) {
function clearClbiNationsKeyboardHoverSuppressed(tabpanel) {
     var state = sidebarLanguageState;
     if (!tabpanel) return;
     var step = Math.round(-state.rotation / state.sectorAngle);
     tabpanel.classList.remove('is-keyboard-switching');
     snapSidebarLanguageToStep(step, true, callback);
     tabpanel.removeAttribute('data-clbi-hover-suppress-continent');
}
}


function startSidebarLanguageInertiaSpin(initialVelocity) {
function moveClbiNationsContinent(direction) {
     var state = sidebarLanguageState;
     var tabpanel = document.querySelector('.clbi-nations-tabpanel');
     var velocity;
    var tabs;
     var lastFrame;
    var activeIndex;
     var nextIndex;
     var target;


     cancelSidebarLanguageSpin();
     if (!tabpanel) return false;


     velocity = Math.max(-state.maxSpinVelocity, Math.min(state.maxSpinVelocity, initialVelocity));
     if (isClbiNationsPanelOwnedTabpanel(tabpanel) &&
 
        window.CLBI_NATIONS_PANEL &&
    if (Math.abs(velocity) < state.minSpinVelocity) {
        typeof window.CLBI_NATIONS_PANEL.moveContinent === 'function') {
         snapSidebarLanguageNearest();
         return !!window.CLBI_NATIONS_PANEL.moveContinent(direction, {
         return;
            source: 'common-legacy-keyboard',
            panel: tabpanel
         });
     }
     }


     $('#clbi-sidebar-lang-selector').addClass('is-spinning');
     tabs = Array.prototype.slice.call(tabpanel.querySelectorAll('.clbi-nations-tabpanel-tab[data-continent]'));
     lastFrame = performance.now();
     if (!tabs.length) return false;


     function frame(now) {
     activeIndex = tabs.findIndex(function (tab) {
         var dt = Math.min(34, Math.max(1, now - lastFrame));
         return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
        var sign = velocity < 0 ? -1 : 1;
    });
        var nextSpeed;


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


        nextSpeed = Math.max(0, Math.abs(velocity) - (state.spinDecel * dt));
    nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
        velocity = sign * nextSpeed;
    target = tabs[nextIndex].getAttribute('data-continent');


        if (nextSpeed <= state.minSpinVelocity) {
    if (activateClbiNationsContinent(tabpanel, target)) {
            state.inertiaRaf = null;
        setClbiNationsKeyboardHoverSuppressed(tabpanel);
            $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
        window.setTimeout(function () {
             snapSidebarLanguageNearest();
             validateClbiNationsPointerHover(tabpanel, false);
            return;
         }, 0);
         }
         return true;
 
         state.inertiaRaf = requestAnimationFrame(frame);
     }
     }


     state.inertiaRaf = requestAnimationFrame(frame);
     return false;
}
}


function scheduleSidebarLanguageNavigation(meta) {
function initClbiNationsTabpanelControls(root) {
     var status = getSidebarLanguageStatus(meta);
     var scope = root && root.querySelectorAll ? root : document;
    var panels = scope.querySelectorAll('.clbi-nations-tabpanel');


     if (!meta || !status.canApply) return;
     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');


    clearTimeout(sidebarLanguageState.navigateTimer);
        tabpanel.addEventListener('pointerdown', function () {
    sidebarLanguageState.navigateTimer = setTimeout(function() {
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
         var title = getLanguageTargetTitle(meta.lang);
         });


         if (!title || meta.lang === getCurrentLang()) return;
         tabpanel.addEventListener('pointerleave', function () {
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
        });


         window.location.href = buildWikiPath(title);
         tabpanel.addEventListener('click', function (event) {
    }, 70);
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
}


function setSidebarLanguageSelection(lang) {
            if (!tab || !tabpanel.contains(tab)) return;
    var state = sidebarLanguageState;
    var index = state.order.indexOf(lang);


    if (index < 0) index = state.order.indexOf(getCurrentLang());
            clearClbiNationsKeyboardHoverSuppressed(tabpanel);
    if (index < 0) index = 0;


    if (state.raf) {
            if (activateClbiNationsContinent(tabpanel, tab.getAttribute('data-continent'))) {
        cancelAnimationFrame(state.raf);
                event.preventDefault();
         state.raf = null;
            }
    }
         });


    cancelSidebarLanguageSpin();
        tabpanel.addEventListener('keydown', function (event) {
    clearTimeout(state.snapTimer);
            var tab = event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent]') : null;
            var handled = false;


    state.currentLang = lang;
            if (!tab || !tabpanel.contains(tab)) return;
    state.baseIndex = index;
    state.selectedIndex = index;
    state.rotation = 0;
    state.dragging = false;
    state.dragMoved = false;
    state.releaseVelocity = 0;


    renderSidebarLanguageWheel();
            if (event.key === 'ArrowLeft') handled = moveClbiNationsContinent(-1);
    updateSidebarLanguageDial();
            else if (event.key === 'ArrowRight') handled = moveClbiNationsContinent(1);
}


function moveSidebarLanguageSelection(delta) {
            if (handled) {
     snapSidebarLanguageToStep(-delta, true);
                event.preventDefault();
                event.stopPropagation();
            }
        });
     });
}
}


function bindSidebarLanguageSelector() {
function handleClbiNationsContinentDocumentClick(event) {
     var state = sidebarLanguageState;
     var target;
     var selector = document.getElementById('clbi-sidebar-lang-selector');
    var tab;
     var fan = document.getElementById('clbi-sidebar-lang-fan');
    var tabpanel;
     var apply = document.getElementById('clbi-sidebar-lang-apply');
     var continent;
     var owner;
     var handled = false;


     if (!selector || !fan || !apply) return;
     if (!event || event.__clbiNationsContinentHandled) return;
    target = event.target;
    if (!target || !target.closest) return;


     if (state.bound && state.boundElement === selector) return;
    tab = target.closest('.clbi-nations-tabpanel-tab[data-continent]');
     if (!tab) return;


     state.bound = true;
     tabpanel = tab.closest ? tab.closest('.clbi-nations-tabpanel') : null;
     state.boundElement = selector;
     if (!tabpanel || !tabpanel.contains(tab)) return;


     fan.addEventListener('pointerdown', function(e) {
     continent = tab.getAttribute('data-continent') || '';
        cancelSidebarLanguageSpin();
    if (!continent) return;
        clearTimeout(state.snapTimer);


        state.dragging = true;
    /*
        state.dragMoved = false;
    * Final live-DOM mouse delegate.
        state.dragStartX = e.clientX;
    * --------------------------------
        state.dragStartY = e.clientY || 0;
    * The continent tab UI has two initialization phases: detached preparation
        state.dragStartRotation = state.rotation;
    * for seamless SPA entry, then live DOM hydration. Detached preparation can
        state.dragAxis = null;
    * leave serialized "ready" attributes behind while losing event listeners.
        state.pointerCaptured = false;
    * Keyboard shortcuts still work because they call the public NationsPanel
        state.lastX = e.clientX;
    * API directly, but mouse clicks depend on live listeners. This capturing
        state.lastTime = performance.now();
    * delegate is intentionally independent of per-panel ready attributes: it
        state.releaseVelocity = 0;
    * 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);


        selector.classList.add('is-dragging');
    owner = window.NationsPanel || window.CLBI_NATIONS_PANEL || null;
         selector.classList.remove('is-snapping');
    if (owner && typeof owner.activateContinent === 'function') {
         try {
            handled = !!owner.activateContinent(continent, {
                source: 'mouse-click-live-delegate',
                panel: tabpanel
            });
        } catch (err) {
            handled = false;
        }


         /*
         /*
        Vertical page scrolling must stay available when the pointer starts on
        * Owner API stale-cache guard.
        the language dial. Capture and preventDefault are delayed until a
        *
         horizontal drag is confirmed.
        * 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 });
    }


     fan.addEventListener('pointermove', function(e) {
     if (handled) {
         var now;
         try { playStaticSound(); } catch (err2) {}
         var totalDx;
         event.preventDefault();
         var totalDy;
         event.stopPropagation();
         var frameDx;
         if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
        var dt;
    }
        var instantVelocity;
}


        if (!state.dragging) return;
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);
}


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


        if (!state.dragAxis && (Math.abs(totalDx) > 4 || Math.abs(totalDy) > 4)) {
function initClbiNationsPointerHoverValidation() {
            state.dragAxis = Math.abs(totalDx) >= Math.abs(totalDy) ? 'x' : 'y';
    if (document.body.getAttribute('data-clbi-nations-pointer-hover-ready') === '1') return;


            if (state.dragAxis === 'y') {
    document.body.setAttribute('data-clbi-nations-pointer-hover-ready', '1');
                state.dragging = false;
                state.dragMoved = false;
                state.dragAxis = null;
                state.pointerCaptured = false;
                selector.classList.remove('is-dragging');
                return;
            }


            if (fan.setPointerCapture && e.pointerId != null) {
    document.addEventListener('pointermove', function (event) {
                try {
        CLBI_NATIONS_LAST_POINTER_X = event.clientX;
                    fan.setPointerCapture(e.pointerId);
        CLBI_NATIONS_LAST_POINTER_Y = event.clientY;
                    state.pointerCaptured = true;
        validateAllClbiNationsPointerHovers();
                } catch (err) {
    }, true);
                    state.pointerCaptured = false;
                }
            }
        }


         if (state.dragAxis !== 'x') return;
    document.addEventListener('pointerleave', function () {
         CLBI_NATIONS_LAST_POINTER_X = null;
        CLBI_NATIONS_LAST_POINTER_Y = null;
        validateAllClbiNationsPointerHovers();
    }, true);


        now = performance.now();
    window.addEventListener('blur', function () {
         frameDx = e.clientX - state.lastX;
        CLBI_NATIONS_LAST_POINTER_X = null;
         dt = Math.max(1, now - state.lastTime);
         CLBI_NATIONS_LAST_POINTER_Y = null;
         validateAllClbiNationsPointerHovers();
    });
}


        if (Math.abs(totalDx) > 3) state.dragMoved = true;


        instantVelocity = (frameDx * state.dragSensitivity) / dt;
function initClbiBottomShortcutSystem(root) {
        state.releaseVelocity = (state.releaseVelocity * 0.62) + (instantVelocity * 0.38);
    renderClbiBottomShortcutGuide();
        state.lastX = e.clientX;
    initClbiNationsGlobalClickDelegate();
        state.lastTime = now;
    initClbiNationsTabpanelControls(root || document);
    initClbiNationsPointerHoverValidation();
}


        requestSidebarLanguageRotation(state.dragStartRotation + totalDx * state.dragSensitivity);
// ── 상·하단 네비게이션 바 ──
        e.preventDefault();
function buildClbiNavHtml(position) {
        e.stopPropagation();
    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';


     function finishDrag(e) {
     if (isBottom) {
         var velocityAge;
         return buildClbiBottomPlankHtml(wrapId, navId, mainId);
        var throwVelocity;
    }
        var wasHorizontal;


         if (!state.dragging) return;
    return '' +
 
         '<div id="' + wrapId + '">' +
        wasHorizontal = state.dragAxis === 'x';
            '<div id="' + navId + '">' +
        state.dragging = false;
                '<div id="' + mainId + '">' +
        selector.classList.remove('is-dragging');
                    '<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 (fan.releasePointerCapture && state.pointerCaptured && e && e.pointerId != null) {
function normalizeClbiShellDomOrder() {
            try { fan.releasePointerCapture(e.pointerId); } catch (err) {}
    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;


        state.pointerCaptured = false;
    if (!contentWrapper || !topNav || !bottomNav || !document.body) return;
        state.dragAxis = null;


        if (!wasHorizontal && !state.dragMoved) {
    /*
            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;


         velocityAge = performance.now() - state.lastTime;
    if (host) {
        throwVelocity = velocityAge > 120 ? 0 : state.releaseVelocity;
         host.classList.add('clbi-shell-host');
    }


        if (state.dragMoved) {
    viewportH = window.innerHeight || document.documentElement.clientHeight || 0;
            state.suppressClickUntil = performance.now() + 180;
    topRect = topNav.getBoundingClientRect();
        }
    wrapperRect = contentWrapper.getBoundingClientRect();
    expectedWrapperTop = topRect.bottom + 8;


        if (state.dragMoved && Math.abs(throwVelocity) >= state.minSpinVelocity) {
    needsRecovery = false;
            startSidebarLanguageInertiaSpin(throwVelocity);
        } else {
            snapSidebarLanguageNearest();
        }


        if (e) {
    if (viewportH > 0) {
            e.preventDefault();
        if (topRect.top >= viewportH * 0.55) needsRecovery = true;
            e.stopPropagation();
        if (wrapperRect.top >= viewportH * 0.60) needsRecovery = true;
        }
     }
     }


     fan.addEventListener('pointerup', finishDrag);
     if (topRect.top > 240 || wrapperRect.top > 320) {
    fan.addEventListener('pointercancel', finishDrag);
         needsRecovery = true;
    fan.addEventListener('lostpointercapture', function() {
    }
         if (!state.dragging) return;


        state.dragging = false;
    if (wrapperRect.top < expectedWrapperTop - 1) {
         state.pointerCaptured = false;
         needsRecovery = true;
        state.dragAxis = null;
    }
        selector.classList.remove('is-dragging');


        if (state.dragMoved && Math.abs(state.releaseVelocity) >= state.minSpinVelocity) {
    if (!needsRecovery) {
            state.suppressClickUntil = performance.now() + 180;
        document.body.classList.add('clbi-shell-ready');
            startSidebarLanguageInertiaSpin(state.releaseVelocity);
         return;
         } else {
     }
            snapSidebarLanguageNearest();
        }
     });


     apply.addEventListener('click', function(e) {
     anchor = canvas && canvas.parentNode === document.body
         e.preventDefault();
         ? canvas.nextSibling
         e.stopPropagation();
         : document.body.firstChild;


        snapSidebarLanguageNearest(function(meta) {
    document.body.insertBefore(topNav, anchor);
            scheduleSidebarLanguageNavigation(meta);
    document.body.insertBefore(contentWrapper, topNav.nextSibling);
        });
     document.body.insertBefore(bottomNav, contentWrapper.nextSibling);
     });


     selector.addEventListener('keydown', function(e) {
     document.body.classList.add('clbi-shell-ready');
        if (e.key === 'ArrowLeft') {
}
            moveSidebarLanguageSelection(-1);
            e.preventDefault();
        }


        if (e.key === 'ArrowRight') {
window.normalizeClbiShellDomOrder = normalizeClbiShellDomOrder;
            moveSidebarLanguageSelection(1);
            e.preventDefault();
        }


        if (e.key === 'Enter' || e.key === ' ') {
            apply.click();
            e.preventDefault();
        }
    });
}


function renderSidebarLanguageBox() {
function ensureClbiVerticalScaleHost() {
     bindSidebarLanguageSelector();
     var topNav = document.getElementById('clbi-top-nav-wrap');
     setSidebarLanguageSelection(getCurrentLang());
     var contentWrapper = document.querySelector('.content-wrapper');
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
    var host;
    var existing;
    var parent;


     if (!sidebarLanguageStatusLoaded) {
     if (!topNav || !contentWrapper || !bottomNav || !document.body) return null;
        loadSidebarLanguageStatusRegistry(function() {
            setSidebarLanguageSelection(getCurrentLang());
        });
    }
}


function loadRecentChangesList(targetSelector, limit) {
     existing = document.getElementById('clbi-shell-scale-host');
     var $target = $(targetSelector);


     if (!$target.length) return;
     if (existing && existing.contains(topNav) && existing.contains(contentWrapper) && existing.contains(bottomNav)) {
        existing.classList.add('clbi-shell-host');
        return existing;
    }


     var lang = getCurrentLang();
     parent = topNav.parentElement === contentWrapper.parentElement && contentWrapper.parentElement === bottomNav.parentElement
    var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);
        ? topNav.parentElement
    var isNewsList = $target.closest('.clbi-left-news-box').length > 0;
        : null;


     function escapeHtml(value) {
     if (parent && parent !== document.body) {
         return String(value == null ? '' : value)
         parent.classList.add('clbi-shell-host');
            .replace(/&/g, '&amp;')
        parent.id = parent.id || 'clbi-shell-scale-host';
            .replace(/</g, '&lt;')
        return parent;
            .replace(/>/g, '&gt;')
    }
            .replace(/"/g, '&quot;')
 
            .replace(/'/g, '&#039;');
    host = existing || document.createElement('div');
    host.id = 'clbi-shell-scale-host';
    host.className = 'clbi-shell-host';
 
    if (!host.parentNode) {
        document.body.insertBefore(host, topNav);
     }
     }


     $target.html((t && t.loading) ? t.loading : '불러오는 중...');
     host.appendChild(topNav);
    host.appendChild(contentWrapper);
    host.appendChild(bottomNav);
 
    return host;
}


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


            if (!items || !items.length) {
    try {
                $target.html('표시할 변경 사항이 없습니다.');
        raw = getComputedStyle(document.documentElement).getPropertyValue(name);
                return;
    } catch (err) {}
            }


            $.each(items, function(i, item) {
    value = parseFloat(raw);
                var label = timeAgo(item.timestamp);
    return isFinite(value) && value > 0 ? value : fallback;
                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) {
function resetLeftRecentAdaptiveState() {
                    html +=
    var list = document.getElementById('clbi-left-recent-list');
                        '<a href="' + escapeHtml(pageHref) + '" class="news-recent-item">' +
    var newsBox = list ? list.closest('.clbi-left-news-box') : null;
                            '<img class="news-recent-avatar" src="' + escapeHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
    var items = list ? Array.prototype.slice.call(list.querySelectorAll('.news-recent-item')) : [];
                            '<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) {
    if (newsBox) {
                $target.html(
        newsBox.classList.remove('is-adaptive-constrained');
                    '<div class="news-recent-viewport">' +
        newsBox.style.removeProperty('--adaptive-news-h');
                        '<div class="news-recent-stack">' + html + '</div>' +
    }
                    '</div>'
                );


                if (typeof ensureNewsBottomFinish === 'function') {
    if (list) {
                    ensureNewsBottomFinish();
        list.classList.remove('is-adaptive-faded');
                }
        list.removeAttribute('data-adaptive-limit');
            } else {
        list.style.removeProperty('--adaptive-recent-h');
                $target.html(html);
    }
            }


            if (isNewsList && typeof scheduleAdaptiveLeftRecentItems === 'function') {
    items.forEach(function (item) {
                scheduleAdaptiveLeftRecentItems();
        item.classList.remove('is-adaptive-hidden');
            }
    });
}


            $target.find(isNewsList ? '.news-recent-item' : '.clbi-recent-item').each(function() {
function resetLeftBillboardAdaptiveState() {
                var wrap = $(this).find(isNewsList ? '.news-recent-title-wrap' : '.clbi-recent-title-wrap');
    var box = document.querySelector('#clbi-left-sidebar .left-billboard-box');
                var title = $(this).find(isNewsList ? '.news-recent-title' : '.clbi-recent-title');


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


                var wrapW = wrap.width();
    box.classList.remove('is-left-ad-title-only', 'is-left-ad-extended');
                var titleW = title[0].scrollWidth;
    box.style.removeProperty('--left-billboard-h');
    box.style.removeProperty('--left-billboard-finish-h');
}


                if (titleW > wrapW + 20) {
function updateClbiShellVerticalScale() {
                    var duration = titleW / 40;
    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;


                    title.css({
     if (!root || !body) return;
                        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 : '불러오기 실패');
    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);


function ensureRecentViewport() {
    viewportW = Math.max(320, window.innerWidth || document.documentElement.clientWidth || stageW);
     var list = document.getElementById('clbi-left-recent-list');
     viewportH = Math.max(320, window.innerHeight || document.documentElement.clientHeight || thresholdH);
     var viewport;
     availableW = Math.max(240, viewportW - outerGapTotal);
     var stack;
     availableH = Math.max(240, viewportH - outerGapTotal);
    var children;


     if (!list) return null;
     /*
    평상시에는 기존 세로 채움 레이아웃을 기준으로 삼는다.
    세로가 기준점보다 작아지는 경우에는 기준 높이를 고정점으로 삼고,
    가로만 부족한 경우에는 현재 사용 가능한 세로 높이를 고정점으로 삼는다.
    이렇게 해야 가로 부족으로 scale에 들어갈 때 본문 높이가 갑자기 접히지 않는다.
    */
    stageH = availableH >= baseStageH ? availableH : baseStageH;


     viewport = list.querySelector(':scope > .news-recent-viewport');
     topInner = document.getElementById('clbi-top-nav');
     stack = viewport ? viewport.querySelector(':scope > .news-recent-stack') : null;
     bottomInner = document.getElementById('clbi-bottom-nav');


     if (viewport && stack) return viewport;
     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)));


     children = Array.prototype.slice.call(list.children || []);
     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;


     viewport = document.createElement('div');
     setClbiRootMetric(root, '--clbi-stage-design-w', stageW + 'px');
     viewport.className = 'news-recent-viewport';
    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));


     stack = document.createElement('div');
     if (body.classList.contains('clbi-shell-vertical-scale') !== shouldScale) {
    stack.className = 'news-recent-stack';
        body.classList.toggle('clbi-shell-vertical-scale', shouldScale);
    }


     children.forEach(function (child) {
     if (shouldScale) {
         if (child.classList && child.classList.contains('news-recent-viewport')) return;
         resetLeftRecentAdaptiveState();
         stack.appendChild(child);
         resetLeftBillboardAdaptiveState();
     });
     }
}
window.updateClbiShellVerticalScale = updateClbiShellVerticalScale;


    viewport.appendChild(stack);
var $contentWrapper = $('.content-wrapper').first();
    list.appendChild(viewport);


     return viewport;
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();
}
}


function ensureNewsBottomFinish() {
var CLBI_SHELL_METRICS_RAF = null;
    var newsBox = document.querySelector('#clbi-left-sidebar .clbi-left-news-box');
var CLBI_SHELL_METRICS_SETTLE_TIMER = null;
    var content = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
var CLBI_SHELL_METRICS_LAST = { topH:-1, bottomH:-1 };
    var finish;


     if (!content) return null;
function setClbiRootMetric(root, name, value) {
    var next = String(value);
     if (root.style.getPropertyValue(name) === next) return false;
    root.style.setProperty(name, next);
    return true;
}


     finish = content.querySelector(':scope > .news-bottom-finish');
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;


     if (!finish) {
     CLBI_SHELL_METRICS_RAF = null;
        finish = document.createElement('div');
    if (!root) return;
        finish.className = 'news-bottom-finish';
        finish.setAttribute('aria-hidden', 'true');
        content.appendChild(finish);
    }
 
    return finish;
}


function updateAdaptiveLeftRecentItems() {
    if (top) topH = Math.ceil(top.offsetHeight || top.getBoundingClientRect().height || 0);
     /*
     if (bottom) bottomH = Math.ceil(bottom.offsetHeight || bottom.getBoundingClientRect().height || 0);
    134 기준: 좌측 사이드는 뉴스 확장형 flex 레이아웃이 높이를 담당한다.
    이전 adaptive 코드는 항목을 숨기거나 mask/fade를 걸기 위한 것이었으므로
    여기서는 잔여 상태만 정리하고 DOM 래퍼만 보장한다.
    */
    resetLeftRecentAdaptiveState();


     if (typeof ensureRecentViewport === 'function') {
     if (topH !== CLBI_SHELL_METRICS_LAST.topH) {
         ensureRecentViewport();
         CLBI_SHELL_METRICS_LAST.topH = topH;
        setClbiRootMetric(root, '--clbi-top-nav-outer-h', topH + 'px');
     }
     }
 
     if (bottomH !== CLBI_SHELL_METRICS_LAST.bottomH) {
     if (typeof ensureNewsBottomFinish === 'function') {
         CLBI_SHELL_METRICS_LAST.bottomH = bottomH;
         ensureNewsBottomFinish();
        setClbiRootMetric(root, '--clbi-bottom-nav-outer-h', bottomH + 'px');
     }
     }


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


function scheduleAdaptiveLeftRecentItems() {
function requestClbiShellMetricsFrame() {
     window.requestAnimationFrame(function () {
     if (CLBI_SHELL_METRICS_RAF !== null) return;
         updateAdaptiveLeftRecentItems();
    CLBI_SHELL_METRICS_RAF = window.requestAnimationFrame
    });
        ? window.requestAnimationFrame(runClbiShellMetricsBatch)
         : window.setTimeout(runClbiShellMetricsBatch, 16);
}


     window.setTimeout(updateAdaptiveLeftRecentItems, 80);
function scheduleClbiShellMetrics() {
     window.setTimeout(updateAdaptiveLeftRecentItems, 240);
    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 updateClbiContentBottomGap(iteration) {
function bindClbiWorldbuildingToggle(buttonSelector, menuSelector) {
     var content = document.querySelector('.container-fluid.liberty-content');
     $(buttonSelector).on('click', function() {
    var main = document.querySelector('.liberty-content-main');
        var $menu = $(menuSelector);
    var bottomNav = document.getElementById('clbi-bottom-nav-wrap');
        var $btn = $(this);
    var desiredGap = 8;
    var rootStyle;
    var scale = 1;
    var contentRect;
    var bottomTop;
    var targetHeight;
    var currentHeight;
    var visualGap;


     iteration = iteration || 0;
        $menu.toggleClass('worldbuilding-open');
        $btn.toggleClass('clbi-tnav-active', $menu.hasClass('worldbuilding-open'));
        scheduleClbiShellMetrics();
     });
}


    if (!content || !main || !bottomNav) return;
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) {
    하단 간격은 scale 모드에서도 같은 기준으로 계산한다.
     if (e.key === 'Enter') {
    transform:scale()이 걸리면 getBoundingClientRect()는 축소된 화면 좌표를 반환하므로,
         var q = $(this).val().trim();
    목표 간격 8px도 scale을 곱한 화면 좌표로 비교하고 다시 design px로 환산한다.
         if (q) window.location.href = '/index.php?search=' + encodeURIComponent(q);
 
    목표:
    .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();
if (window.mw && mw.hook) {
     bottomTop = bottomNav.getBoundingClientRect().top;
     mw.hook('wikipage.content').add(function ($content) {
    visualGap = desiredGap * scale;
        initClbiBottomShortcutSystem($content && $content[0] ? $content[0] : document);
    targetHeight = Math.floor((bottomTop - contentRect.top - visualGap) / scale);
     });
     targetHeight = Math.max(120, targetHeight);
}


    currentHeight = Math.round(content.getBoundingClientRect().height / scale);
watchClbiShellMetrics();


    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 () {
var transitionSound = new Audio('/index.php?title=특수:Redirect/file/Sfx-ui-001.mp3');
            updateClbiContentBottomGap(iteration + 1);
        });
    }
}


function scheduleClbiContentBottomGap() {
(function() {
     window.requestAnimationFrame(function () {
     var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
        updateClbiContentBottomGap(0);
     var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
     });
     var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
     window.setTimeout(function () {
    transitionSound.volume = sfxOn ? master * sfx : 0;
        updateClbiContentBottomGap(0);
})();
    }, 40);
 
    window.setTimeout(function () {
function playStaticSound() {
        updateClbiContentBottomGap(0);
    var master = parseFloat(localStorage.getItem('clbi-audio-master') || 80) / 100;
     }, 120);
     var sfx = parseFloat(localStorage.getItem('clbi-audio-sfx') || 60) / 100;
     window.setTimeout(function () {
     var sfxOn = localStorage.getItem('clbi-audio-sfxOn') !== 'false';
        updateClbiContentBottomGap(0);
 
     }, 280);
    if (!sfxOn) return;
     window.setTimeout(function () {
 
        updateClbiContentBottomGap(0);
     transitionSound.volume = master * sfx;
     }, 520);
     transitionSound.currentTime = 0;
     transitionSound.play();
}
}


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


function updateLeftBillboardAdaptive() {
function normalizePageName(value) {
     /*
     return String(value || '')
    134 기준: Ad는 이미지/CRT 비율을 유지하는 고정 슬롯이다.
        .split('?')[0]
    남는 세로 공간은 뉴스 박스가 흡수하므로, Ad에 하단 finish를 늘리거나
        .replace(/^\/index\.php\//, '')
    title-only 상태로 접는 adaptive 보정은 사용하지 않는다.
        .replace(/_/g, ' ')
    */
        .trim();
    resetLeftBillboardAdaptiveState();
}
}


function scheduleLeftBillboardAdaptive() {
function buildWikiPath(title) {
     window.requestAnimationFrame(updateLeftBillboardAdaptive);
     return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
    window.setTimeout(updateLeftBillboardAdaptive, 80);
    window.setTimeout(updateLeftBillboardAdaptive, 240);
}
}


function scheduleLeftSidebarVerticalFit() {
function getLangShortCode(lang) {
     if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
     var map = { ko: 'KR', en: 'EN', zh: 'ZH', ja: 'JA', ru: 'RU', es: 'ES' };
        scheduleAdaptiveLeftRecentItems();
    return map[lang] || String(lang || '').toUpperCase();
    }
}


     if (typeof scheduleLeftBillboardAdaptive === 'function') {
function getLanguageTargetTitle(lang) {
        scheduleLeftBillboardAdaptive();
     var data = document.getElementById('clbi-lang-data');
    }
    if (!data || !lang) return '';


     window.setTimeout(function () {
     var keys = [
         if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
        'data-' + lang,
            scheduleAdaptiveLeftRecentItems();
        'data-page-' + lang,
         }
         'data-title-' + lang,
        'data-target-' + lang,
         'data-lang-' + lang
    ];


        if (typeof scheduleLeftBillboardAdaptive === 'function') {
    for (var i = 0; i < keys.length; i++) {
            scheduleLeftBillboardAdaptive();
        var value = data.getAttribute(keys[i]);
         }
         if (value) return value;
    }, 120);
    }
}


 
     return '';
// 국가_및_조합 전용 왼쪽 사이드바 이미지
function updateLeftSidebarNationsImage() {
     $('#clbi-left-nations-image').remove();
}
}


function setProfileActionLabel(selector, text) {
function escapeClbiHtml(value) {
     var target = $(selector);
     return String(value == null ? '' : value)
    var label = target.find('.profile-action-label');
        .replace(/&/g, '&amp;')
 
        .replace(/</g, '&lt;')
    if (label.length) {
        .replace(/>/g, '&gt;')
         label.text(text);
         .replace(/"/g, '&quot;')
    } else {
         .replace(/'/g, '&#039;');
         target.text(text);
    }
}
}


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


    var currentLang = getCurrentLang();
var SIDEBAR_LANG_SVG_NS = 'http://www.w3.org/2000/svg';
    var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
var SIDEBAR_LANGUAGE_STATUS_TITLE = 'MediaWiki:LanguageStatus.json';
 
var SIDEBAR_LANGUAGE_LABELS = {
     var newsTitle = t.news || '뉴스';
    ko: '한국어',
     var changelogTitle = t.changelog || '체인지로그';
    en: 'English',
     var recentTitle = t.recentChanges || '최근 변경';
    zh: '中文',
    var languageTitle = t.language || '언어';
    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
};


    $('#clbi-title-left-language').text(languageTitle);
var sidebarLanguageStatusRegistry = {};
    renderSidebarLanguageBox();
var sidebarLanguageStatusLoaded = false;
var sidebarLanguageStatusLoading = false;
var sidebarLanguageStatusCallbacks = [];


    $('#clbi-title-left-news').text(newsTitle);
var sidebarLanguageState = {
     $('#clbi-left-news-changelog-main').text(changelogTitle);
     order: ['ko', 'en', 'zh', 'ja', 'ru', 'es'],
    $('#clbi-left-news-recent-main').text(recentTitle);
     currentLang: 'ko',
 
    baseIndex: 0,
    $('#clbi-title-search a').text(t.search);
    selectedIndex: 0,
    $('#clbi-search-input').attr('placeholder', t.search + '...');
    rotation: 0,
     $('#clbi-title-recent a').text(recentTitle);
    dragging: false,
     $('#clbi-title-guide-label').text(t.guide);
    dragMoved: false,
     $('#clbi-guide-link').text(t.getStarted);
    dragStartX: 0,
     $('#clbi-title-links-label').text(t.links);
    dragStartY: 0,
 
    dragStartRotation: 0,
     setProfileActionLabel('#clbi-btn-contribution', t.contribution);
    dragAxis: null,
     setProfileActionLabel('#clbi-btn-watchlist', t.watchlist);
    pointerCaptured: false,
     setProfileActionLabel('#clbi-btn-preferences', t.preferences);
    lastX: 0,
     setProfileActionLabel('#clbi-btn-logout', t.logout);
    lastTime: 0,
     setProfileActionLabel('#clbi-btn-login', t.login);
    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
};


    var pageName = normalizePageName(mw.config.get('wgPageName'));
function createSidebarLanguageSvgEl(tag) {
     var specialPage = String(mw.config.get('wgCanonicalSpecialPageName') || '');
     return document.createElementNS(SIDEBAR_LANG_SVG_NS, tag);
}


$('#clbi-left-news-changelog-main').text(changelogTitle);
function normalizeSidebarLanguageIndex(index) {
$('#clbi-left-news-recent-title').text('RECENT CHANGES');
    var length = sidebarLanguageState.order.length;
    var normalized = index % length;
    return normalized < 0 ? normalized + length : normalized;
}


     $('.clbi-user-btn').removeClass('clbi-user-btn-active');
function getSidebarLanguageName(lang) {
     return SIDEBAR_LANGUAGE_LABELS[lang] || String(lang || '').toUpperCase();
}


    if (
function getSidebarLanguageDialName(lang) {
        specialPage === 'Contributions' ||
    return SIDEBAR_LANGUAGE_DIAL_LABELS[lang] || getSidebarLanguageName(lang);
        specialPage === '기여' ||
}
        pageName.indexOf('특수:기여') === 0 ||
        pageName.indexOf('Special:Contributions') === 0
    ) {
        $('#clbi-btn-contribution').addClass('clbi-user-btn-active');
    }


     if (specialPage === 'Watchlist') {
function normalizeSidebarLanguageStatusValue(value) {
        $('#clbi-btn-watchlist').addClass('clbi-user-btn-active');
     value = String(value == null ? '' : value).toLowerCase().trim();
    }
    return SIDEBAR_LANGUAGE_STATUS_VALUES[value] ? value : '';
}


    if (
function getSidebarLanguageStatusPageKey() {
        specialPage === '설정' ||
    var raw = String(mw.config.get('wgPageName') || '').trim();
        pageName === '특수:설정' ||
     var normalized = normalizePageName(raw);
        pageName === 'Special:설정'
    ) {
        $('#clbi-btn-preferences').addClass('clbi-user-btn-active');
     }


     $('.toggleBtn').each(function() {
     return normalized || raw || '대문';
        var btn = $(this);
 
        if (!$('#' + btn.data('target')).hasClass('folding-open')) {
            btn.text(t.expand);
        } else {
            btn.text(t.collapse);
        }
    });
 
    updateLeftSidebarNationsImage();
}
}


function canShowContentTools() {
function getSidebarLanguageStatusEntry() {
     // 비로그인 사용자는 편집/역사/공유 버튼을 숨김
     var registry = sidebarLanguageStatusRegistry || {};
     if (!mw.config.get('wgUserName')) {
    var pages = registry.pages && typeof registry.pages === 'object' ? registry.pages : registry;
         return false;
    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;


     // MediaWiki가 현재 문서를 편집 가능하지 않다고 판단하면 숨김
     for (i = 0; i < keys.length; i += 1) {
    var isEditable = mw.config.get('wgIsProbablyEditable');
        if (keys[i] && pages[keys[i]] && typeof pages[keys[i]] === 'object') {
    if (isEditable === false) {
            return pages[keys[i]];
        return false;
        }
     }
     }


     var relevantEditable = mw.config.get('wgRelevantPageIsProbablyEditable');
     return {};
    if (relevantEditable === false) {
}
        return false;
    }


     return true;
function getSidebarLanguageStatusOverride(lang) {
    var entry = getSidebarLanguageStatusEntry();
     return normalizeSidebarLanguageStatusValue(entry[lang]);
}
}


function getCatlinkNodes(root) {
function flushSidebarLanguageStatusCallbacks() {
     var seen = [];
     var callbacks = sidebarLanguageStatusCallbacks.slice();
     var nodes = [];
     sidebarLanguageStatusCallbacks.length = 0;
    var $root = root ? $(root) : $(document);
 
 
     callbacks.forEach(function(callback) {
     $root.find('#catlinks, .catlinks').add($root.filter('#catlinks, .catlinks')).each(function () {
         if (typeof callback === 'function') {
         if (seen.indexOf(this) !== -1) return;
            callback(sidebarLanguageStatusRegistry);
        seen.push(this);
         }
         nodes.push(this);
     });
     });
    return nodes;
}
}


function getCatlinksTarget(root) {
function loadSidebarLanguageStatusRegistry(callback, force) {
     var $root = root ? $(root) : $(document);
     if (typeof callback === 'function') {
    var parserOutput = $root.find('.liberty-content-main .mw-parser-output').first();
        sidebarLanguageStatusCallbacks.push(callback);
     var main = $root.find('.liberty-content-main').first();
     }


     if (!parserOutput.length && root && $(root).is('.liberty-content-main')) {
     if (sidebarLanguageStatusLoaded && !force) {
         parserOutput = $(root).find('.mw-parser-output').first();
         flushSidebarLanguageStatusCallbacks();
         main = $(root);
         return;
     }
     }


     if (!parserOutput.length && root && $(root).is('.mw-parser-output')) {
     if (sidebarLanguageStatusLoading) return;
        parserOutput = $(root);
    }


     if (parserOutput.length) return parserOutput;
     sidebarLanguageStatusLoading = true;
    if (main.length) return main;


     if (!root) {
     function finishLanguageStatus(parsed) {
         parserOutput = $('.liberty-content-main .mw-parser-output').first();
         sidebarLanguageStatusRegistry = parsed && typeof parsed === 'object' ? parsed : {};
         main = $('.liberty-content-main').first();
         sidebarLanguageStatusLoaded = true;
         if (parserOutput.length) return parserOutput;
         sidebarLanguageStatusLoading = false;
         if (main.length) return main;
         flushSidebarLanguageStatusCallbacks();
     }
     }


     return $();
     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;
    }


var CLBI_CATLINKS_FETCH_TOKEN = 0;
    (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 = {};


function getCurrentPageTitleForCatlinks() {
            try {
    return String(
                parsed = text ? JSON.parse(text) : {};
        mw.config.get('wgPageName') ||
            } catch (err) {
        mw.config.get('wgRelevantPageName') ||
                console.error('LanguageStatus.json parse failed:', err);
        ''
                parsed = {};
    ).trim();
            }
}


function shouldFetchCatlinks() {
            finishLanguageStatus(parsed);
    var pageName = getCurrentPageTitleForCatlinks();
        }).fail(function() {
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
            finishLanguageStatus({});
 
        });
     if (!pageName) return false;
     })();
    if (specialPage) return false;
 
    return true;
}
}


function clearCatlinksInlineHiding(cat) {
window.CLBI_LANGUAGE_STATUS = {
     if (!cat || !cat.style) return;
    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();
    }
};


    cat.style.removeProperty('display');
function getSidebarLanguageMeta(lang) {
     cat.style.removeProperty('visibility');
     var currentLang = getCurrentLang();
     cat.style.removeProperty('height');
     var targetTitle = getLanguageTargetTitle(lang);
     cat.style.removeProperty('max-height');
     var isCurrent = lang === currentLang;
    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 () {
     return {
         if (!this.style) return;
        lang: lang,
         this.style.removeProperty('display');
         code: getLangShortCode(lang),
         this.style.removeProperty('visibility');
         name: getSidebarLanguageName(lang),
         this.style.removeProperty('height');
         dialName: getSidebarLanguageDialName(lang),
         this.style.removeProperty('max-height');
         targetTitle: targetTitle,
         this.style.removeProperty('overflow');
         isCurrent: isCurrent,
     });
         canMove: !!targetTitle && !isCurrent
     };
}
}


function exposeHiddenCatlinks(cat) {
function getSidebarLanguageStatus(meta) {
     if (!cat) return;
     var override;


     $(cat).find('.mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
     if (!meta) {
         this.classList.remove('mw-hidden-cats-hidden');
         return {
        this.classList.add('mw-hidden-cats-user-shown');
            className: 'is-locked',
            label: 'UNAVAILABLE',
            canApply: false
        };
    }


        if (this.style) {
    if (meta.isCurrent) {
            this.style.removeProperty('display');
        return {
             this.style.removeProperty('visibility');
             className: 'is-current',
             this.style.removeProperty('height');
             label: 'CURRENT',
             this.style.removeProperty('max-height');
             canApply: false
            this.style.removeProperty('overflow');
         };
         }
     }
     });
}


function getCatlinkTextContent(cat) {
    override = getSidebarLanguageStatusOverride(meta.lang);
    var clone;
    var text;


     if (!cat) return '';
     if (override === 'wip') {
        return {
            className: 'is-locked',
            label: 'WIP',
            canApply: false
        };
    }


     clone = cat.cloneNode(true);
     if (override === 'unavailable') {
    $(clone).find('script, style').remove();
        return {
            className: 'is-locked',
            label: 'UNAVAILABLE',
            canApply: false
        };
    }


     text = String(clone.textContent || '')
     if (override === 'available' || meta.targetTitle) {
         .replace(/\s+/g, ' ')
         return {
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*:\s*/i, '')
            className: meta.targetTitle ? 'is-ready' : 'is-locked',
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*$/i, '')
            label: meta.targetTitle ? 'AVAILABLE' : 'UNAVAILABLE',
         .trim();
            canApply: !!meta.targetTitle
         };
    }


     return text;
     return {
        className: 'is-locked',
        label: 'UNAVAILABLE',
        canApply: false
    };
}
}


function hasRenderedCatlinkItems(cat) {
function sidebarLanguageRad(deg) {
     var hasLink;
     return (deg * Math.PI) / 180;
    var hasListText;
}


     if (!cat) return false;
function sidebarLanguagePointAt(radius, deg) {
    var state = sidebarLanguageState;
     var angle = sidebarLanguageRad(deg);


     hasLink = false;
     return {
    $(cat).find('a').each(function () {
         x: state.cx + Math.sin(angle) * radius,
         var text = String($(this).text() || '').trim();
         y: state.cy - Math.cos(angle) * radius
         var href = String(this.getAttribute('href') || '').trim();
     };
        if (text || href) hasLink = true;
}
     });
    if (hasLink) return true;


     hasListText = false;
function getSidebarLanguageSectorPath(start, end) {
     $(cat).find('li').each(function () {
     var state = sidebarLanguageState;
        if (String($(this).text() || '').trim()) hasListText = true;
     var p1 = sidebarLanguagePointAt(state.outerR, start);
     });
    var p2 = sidebarLanguagePointAt(state.outerR, end);
     if (hasListText) return true;
    var p3 = sidebarLanguagePointAt(state.innerR, end);
     var p4 = sidebarLanguagePointAt(state.innerR, start);
     var largeArc = Math.abs(end - start) > 180 ? 1 : 0;


     return !!getCatlinkTextContent(cat);
     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 normalizeCategoryTitle(rawTitle) {
function getSidebarLanguageShellPath() {
     var title = String(rawTitle == null ? '' : rawTitle).trim();
     return getSidebarLanguageSectorPath(-68, 68);
}


     if (!title) return '';
function getSidebarLanguageByStep(step) {
    var state = sidebarLanguageState;
     var index = normalizeSidebarLanguageIndex(state.baseIndex + step);


     title = title.replace(/_/g, ' ');
     return {
        index: index,
        meta: getSidebarLanguageMeta(state.order[index])
    };
}


    if (/^(Category|분류):/i.test(title)) {
function getSidebarLanguagePreviewIndex() {
        return title;
    var state = sidebarLanguageState;
     }
     var step = Math.round(-state.rotation / state.sectorAngle);
 
     return normalizeSidebarLanguageIndex(state.baseIndex + step);
     return '분류:' + title;
}
}


function makeCategoryLinkTitle(rawTitle) {
function getSidebarLanguagePreviewMeta() {
     return String(rawTitle || '')
    var state = sidebarLanguageState;
        .replace(/^Category:/i, '')
     return getSidebarLanguageMeta(state.order[getSidebarLanguagePreviewIndex()]);
        .replace(/^분류:/, '')
        .replace(/_/g, ' ')
        .trim();
}
}


function dedupeCatlinkCategories(categories) {
function makeSidebarLanguageSector(step) {
     var seen = {};
     var state = sidebarLanguageState;
     var result = [];
    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;


     (categories || []).forEach(function (item) {
     group.setAttribute('class', 'sidebar-lang-sector-group');
        var title = '';
    group.setAttribute('data-step', String(step));
        var hidden = false;
    group.setAttribute('data-index', String(item.index));
    group.setAttribute('data-lang', item.meta.lang);
    group.setAttribute('transform', 'rotate(' + angle + ' ' + state.cx + ' ' + state.cy + ')');


        if (typeof item === 'string') {
    path.setAttribute('class', 'sidebar-lang-sector');
            title = normalizeCategoryTitle(item);
    path.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
        } else if (item && typeof item === 'object') {
            title = normalizeCategoryTitle(item.title || item.name || item.category || '');
            hidden = item.hidden !== undefined || item.isHidden === true;
        }


        if (!title) return;
    label.setAttribute('class', 'sidebar-lang-sector-label');
        if (seen[title]) return;
    label.setAttribute('x', String(state.cx));
    label.setAttribute('y', String(labelY + 5));
    label.textContent = item.meta.dialName || item.meta.name;


        seen[title] = true;
    group.appendChild(path);
        result.push({ title: title, hidden: hidden });
     group.appendChild(label);
     });


     return result;
     group.addEventListener('click', function(e) {
}
        if (sidebarLanguageState.dragging || performance.now() < sidebarLanguageState.suppressClickUntil) return;


function getConfigCatlinksCategories() {
        e.preventDefault();
    var normal = mw.config.get('wgCategories') || [];
        e.stopPropagation();
    var hidden = mw.config.get('wgHiddenCategories') || [];
    var categories = [];


    if (!Array.isArray(normal)) normal = [];
        cancelSidebarLanguageSpin();
    if (!Array.isArray(hidden)) hidden = [];
        snapSidebarLanguageToStep(parseInt(group.getAttribute('data-step') || '0', 10), true);
 
    normal.forEach(function (name) {
        categories.push({ title: normalizeCategoryTitle(name), hidden: false });
     });
     });


    hidden.forEach(function (name) {
     return group;
        categories.push({ title: normalizeCategoryTitle(name), hidden: true });
    });
 
     return dedupeCatlinkCategories(categories);
}
}


function markCatlinksReady(cat, pageTitle) {
function renderSidebarLanguageWheel() {
     if (!cat) return;
     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;


     cat.classList.add('catlinks');
     if (!fan) return;
    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) {
     fan.innerHTML = '';
     if (!cat) return;


     cat.classList.add('catlinks');
     svg = createSidebarLanguageSvgEl('svg');
     cat.classList.add('clbi-catlinks-empty');
     svg.setAttribute('class', 'sidebar-lang-fan-svg');
     cat.classList.remove('clbi-catlinks-ready');
     svg.setAttribute('viewBox', '0 0 202 150');
     cat.classList.remove('clbi-catlinks-pending');
     svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
     cat.classList.remove('clbi-catlinks-loading');
     svg.setAttribute('role', 'img');
     cat.removeAttribute('data-clbi-catlinks-fetching');
     svg.setAttribute('aria-label', '언어 선택 다이얼');
    cat.removeAttribute('data-clbi-catlinks-page');
}


function markCatlinksPending(cat, pageTitle) {
     defs = createSidebarLanguageSvgEl('defs');
     if (!cat) return;


     cat.classList.add('catlinks');
     clip = createSidebarLanguageSvgEl('clipPath');
     cat.classList.remove('clbi-catlinks-ready');
     clip.setAttribute('id', 'clbi-sidebar-language-fan-clip');
    cat.classList.remove('clbi-catlinks-empty');
     clipPath = createSidebarLanguageSvgEl('path');
    cat.classList.add('clbi-catlinks-pending');
     clipPath.setAttribute('d', getSidebarLanguageShellPath());
     cat.classList.add('clbi-catlinks-loading');
     clip.appendChild(clipPath);
     cat.setAttribute('data-clbi-catlinks-fetching', '1');
     cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
}


function renderFetchedCatlinks(cat, categories, pageTitle) {
    shadowBlur = createSidebarLanguageSvgEl('filter');
     var container;
    shadowBlur.setAttribute('id', 'clbi-sidebar-language-shadow-blur');
     var ul;
    shadowBlur.setAttribute('x', '-20%');
     var normalized;
     shadowBlur.setAttribute('y', '-20%');
     shadowBlur.setAttribute('width', '140%');
     shadowBlur.setAttribute('height', '140%');
    blur = createSidebarLanguageSvgEl('feGaussianBlur');
    blur.setAttribute('stdDeviation', '3');
    shadowBlur.appendChild(blur);


     if (!cat) return false;
     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');


     normalized = dedupeCatlinkCategories(categories);
     [
        ['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);
    });


     if (!normalized.length) {
     defs.appendChild(clip);
        markCatlinksEmpty(cat);
    defs.appendChild(shadowBlur);
        return false;
    defs.appendChild(fixedDepthGradient);
     }
     svg.appendChild(defs);


     cat.innerHTML = '';
     shell = createSidebarLanguageSvgEl('path');
     cat.classList.add('catlinks');
     shell.setAttribute('class', 'sidebar-lang-shell');
     cat.classList.add('clbi-catlinks-api-populated');
     shell.setAttribute('d', getSidebarLanguageShellPath());
    svg.appendChild(shell);


     container = document.createElement('div');
     clipped = createSidebarLanguageSvgEl('g');
     container.className = 'mw-normal-catlinks';
     clipped.setAttribute('clip-path', 'url(#clbi-sidebar-language-fan-clip)');
    container.appendChild(document.createTextNode('분류: '));


     ul = document.createElement('ul');
     rotor = createSidebarLanguageSvgEl('g');
    rotor.setAttribute('id', 'clbi-sidebar-lang-wheel-rotor');
    rotor.setAttribute('class', 'sidebar-lang-wheel-rotor');


     normalized.forEach(function (item) {
     for (step = -state.repeats; step <= state.repeats; step += 1) {
         var title = String(item && item.title ? item.title : '').trim();
         rotor.appendChild(makeSidebarLanguageSector(step));
        var li;
    }
        var a;


        if (!title) return;
    clipped.appendChild(rotor);
    svg.appendChild(clipped);


        li = document.createElement('li');
    fixedDepthPath = createSidebarLanguageSvgEl('path');
        a = document.createElement('a');
    fixedDepthPath.setAttribute('class', 'sidebar-lang-fixed-depth');
        a.href = mw.util.getUrl(title);
    fixedDepthPath.setAttribute('d', getSidebarLanguageShellPath());
        a.title = title;
    svg.appendChild(fixedDepthPath);
        a.textContent = makeCategoryLinkTitle(title);


        if (item.hidden) {
    fixedFocus = createSidebarLanguageSvgEl('path');
            li.className = 'clbi-hidden-category-item';
    fixedFocus.setAttribute('class', 'sidebar-lang-fixed-focus');
        }
    fixedFocus.setAttribute('d', getSidebarLanguageSectorPath(-state.halfSector, state.halfSector));
    svg.appendChild(fixedFocus);


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


     if (!ul.children.length) {
     shadowHard = createSidebarLanguageSvgEl('path');
        markCatlinksEmpty(cat);
    shadowHard.setAttribute('class', 'sidebar-lang-inner-shadow-hard');
        return false;
    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);


     container.appendChild(ul);
     state.rotor = rotor;
     cat.appendChild(container);
     setSidebarLanguageRotation(state.rotation, false);
    markCatlinksReady(cat, pageTitle);
    return true;
}
}


function fetchCatlinksForPage(pageTitle, callback) {
function updateSidebarLanguageDial() {
     var api;
     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 (typeof pageTitle === 'function') {
     if (selectedValue) {
         callback = pageTitle;
         selectedValue.textContent = meta.name;
        pageTitle = getCurrentPageTitleForCatlinks();
     }
     }


    pageTitle = String(pageTitle || '').trim();
     if (availabilityPanel) {
 
         availabilityPanel.classList.remove('is-ready', 'is-current', 'is-locked');
     if (!pageTitle || !shouldFetchCatlinks()) {
         availabilityPanel.classList.add(status.className);
         if (typeof callback === 'function') callback([], pageTitle);
         return;
     }
     }


     if (!mw.Api) {
     if (availabilityValue) {
         if (typeof callback === 'function') callback([], pageTitle);
         availabilityValue.textContent = status.label;
        return;
     }
     }


     api = new mw.Api();
     if (apply) {
    api.get({
        apply.classList.toggle('is-disabled', !status.canApply);
        action: 'query',
         apply.setAttribute('aria-disabled', status.canApply ? 'false' : 'true');
         prop: 'categories',
         apply.setAttribute('aria-label', status.canApply ? (meta.name + ' 적용') : (meta.isCurrent ? '현재 언어' : '사용할 수 없는 언어'));
        titles: pageTitle,
     }
         cllimit: 'max',
 
        clprop: 'hidden',
    if (selector) {
        formatversion: 2
        selector.setAttribute('data-selected-lang', meta.lang);
     }).done(function (data) {
        selector.setAttribute('data-selected-code', meta.code);
         var pages = data && data.query && data.query.pages ? data.query.pages : [];
         selector.classList.toggle('is-current', meta.isCurrent);
         var page = pages && pages.length ? pages[0] : null;
        selector.classList.toggle('is-ready', status.canApply);
         var categories = page && page.categories ? page.categories : [];
         selector.classList.toggle('is-locked', !status.canApply && !meta.isCurrent);
        selector.classList.toggle('is-dragging', !!state.dragging);
         selector.classList.toggle('is-spinning', !!state.inertiaRaf);
    }


        if (typeof callback === 'function') callback(categories || [], pageTitle);
     return {
     }).fail(function () {
         meta: meta,
         if (typeof callback === 'function') callback([], pageTitle);
        status: status
     });
     };
}
}


function finalizeEmptyCatlinks(cat) {
function setSidebarLanguageRotation(value, animate) {
     if (!cat) return;
     var state = sidebarLanguageState;
     if (!cat.isConnected) return;
    state.rotation = value;
     updateSidebarLanguageDial();


     clearCatlinksInlineHiding(cat);
     if (!state.rotor) return;
    exposeHiddenCatlinks(cat);


     if (hasRenderedCatlinkItems(cat)) {
     if (animate) {
         markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
         $('#clbi-sidebar-lang-selector').addClass('is-snapping');
         return;
    } else {
         $('#clbi-sidebar-lang-selector').removeClass('is-snapping');
     }
     }


     markCatlinksEmpty(cat);
     state.rotor.style.transform = 'rotate(' + state.rotation.toFixed(3) + 'deg)';
}
}


function fetchCatlinksIfNeeded(cat) {
function requestSidebarLanguageRotation(value) {
     var configCategories;
     var state = sidebarLanguageState;
     var pageTitle;
     state.pendingRotation = value;
    var requestToken;


     if (!cat) return;
     if (state.raf) return;
    if (!cat.isConnected) return;


     pageTitle = getCurrentPageTitleForCatlinks();
     state.raf = requestAnimationFrame(function() {
        state.raf = null;
        setSidebarLanguageRotation(state.pendingRotation, false);
    });
}


    clearCatlinksInlineHiding(cat);
function cancelSidebarLanguageSpin() {
     exposeHiddenCatlinks(cat);
     var state = sidebarLanguageState;


     if (hasRenderedCatlinkItems(cat)) {
     if (state.inertiaRaf) {
         markCatlinksReady(cat, pageTitle);
         cancelAnimationFrame(state.inertiaRaf);
         return;
         state.inertiaRaf = null;
     }
     }


     configCategories = getConfigCatlinksCategories();
     $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
    if (configCategories.length) {
}
        renderFetchedCatlinks(cat, configCategories, pageTitle);
        return;
    }


    if (!shouldFetchCatlinks()) {
function finishSidebarLanguageSnap(nearestIndex, callback) {
        finalizeEmptyCatlinks(cat);
    var state = sidebarLanguageState;
        return;
    }


     if (cat.getAttribute('data-clbi-catlinks-fetching') === '1' && cat.getAttribute('data-clbi-catlinks-page') === pageTitle) return;
     state.baseIndex = normalizeSidebarLanguageIndex(nearestIndex);
    state.selectedIndex = state.baseIndex;
    state.rotation = 0;
    state.dragging = false;


     requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
     $('#clbi-sidebar-lang-selector').removeClass('is-snapping is-dragging is-spinning');
    markCatlinksPending(cat, pageTitle);


     fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
     renderSidebarLanguageWheel();
        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
    updateSidebarLanguageDial();
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
        if (!cat || !cat.isConnected) return;
        if (cat.getAttribute('data-clbi-catlinks-page') !== requestedPage) return;


        if (!renderFetchedCatlinks(cat, categories, requestedPage)) {
    if (typeof callback === 'function') {
            finalizeEmptyCatlinks(cat);
        callback(getSidebarLanguageMeta(state.order[state.selectedIndex]));
        }
     }
     });
}
}


function normalizeCatlinksPanel(cat) {
function snapSidebarLanguageToStep(step, animate, callback) {
     if (!cat) return;
     var state = sidebarLanguageState;
    var targetRotation = -step * state.sectorAngle;
    var nearestIndex = normalizeSidebarLanguageIndex(state.baseIndex + step);


     cat.classList.add('catlinks');
     cancelSidebarLanguageSpin();
     clearCatlinksInlineHiding(cat);
     clearTimeout(state.snapTimer);
    exposeHiddenCatlinks(cat);


     if (hasRenderedCatlinkItems(cat)) {
     state.selectedIndex = nearestIndex;
        markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
    setSidebarLanguageRotation(targetRotation, !!animate);
        return;
    }


     fetchCatlinksIfNeeded(cat);
     state.snapTimer = setTimeout(function() {
        finishSidebarLanguageSnap(nearestIndex, callback);
    }, animate ? 230 : 0);
}
}


function createCatlinksPanel(target, className) {
function snapSidebarLanguageNearest(callback) {
     var cat;
     var state = sidebarLanguageState;
    var step = Math.round(-state.rotation / state.sectorAngle);
    snapSidebarLanguageToStep(step, true, callback);
}


    if (!target || !target.length) return null;
function startSidebarLanguageInertiaSpin(initialVelocity) {
    var state = sidebarLanguageState;
    var velocity;
    var lastFrame;


     cat = document.createElement('div');
     cancelSidebarLanguageSpin();
    cat.id = 'catlinks';
    cat.className = className || 'catlinks clbi-catlinks-created clbi-catlinks-pending';
    target.append(cat);
    return cat;
}


function prepareSpaCatlinksBeforeInsert(root) {
    velocity = Math.max(-state.maxSpinVelocity, Math.min(state.maxSpinVelocity, initialVelocity));
    var nodes;
    var target;
    var configCategories;
    var pageTitle;


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


     pageTitle = getCurrentPageTitleForCatlinks();
     $('#clbi-sidebar-lang-selector').addClass('is-spinning');
    configCategories = getConfigCatlinksCategories();
     lastFrame = performance.now();
     nodes = getCatlinkNodes(root);


     nodes.forEach(function (node) {
     function frame(now) {
         node.classList.add('catlinks');
         var dt = Math.min(34, Math.max(1, now - lastFrame));
         clearCatlinksInlineHiding(node);
         var sign = velocity < 0 ? -1 : 1;
         exposeHiddenCatlinks(node);
         var nextSpeed;


         if (hasRenderedCatlinkItems(node)) {
         lastFrame = now;
            markCatlinksReady(node, pageTitle);
        state.rotation += velocity * dt;
         } else if (configCategories.length) {
        setSidebarLanguageRotation(state.rotation, false);
             renderFetchedCatlinks(node, configCategories, pageTitle);
 
        } else {
        nextSpeed = Math.max(0, Math.abs(velocity) - (state.spinDecel * dt));
             markCatlinksEmpty(node);
        velocity = sign * nextSpeed;
 
         if (nextSpeed <= state.minSpinVelocity) {
             state.inertiaRaf = null;
            $('#clbi-sidebar-lang-selector').removeClass('is-spinning');
             snapSidebarLanguageNearest();
            return;
         }
         }
    });


    if (nodes.length || !configCategories.length) return;
        state.inertiaRaf = requestAnimationFrame(frame);
    }


     target = getCatlinksTarget(root);
     state.inertiaRaf = requestAnimationFrame(frame);
    if (!target.length) target = $(root);
 
    renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
}
}


function moveCatlinksToBottom() {
function scheduleSidebarLanguageNavigation(meta) {
     var main = $('.liberty-content-main').first();
     var status = getSidebarLanguageStatus(meta);
    var target = getCatlinksTarget();
    var catlinks = getCatlinkNodes();
    var configCategories;
    var pageTitle;
    var requestToken;


     if (!main.length || !target.length) return;
     if (!meta || !status.canApply) return;


     pageTitle = getCurrentPageTitleForCatlinks();
     clearTimeout(sidebarLanguageState.navigateTimer);
    sidebarLanguageState.navigateTimer = setTimeout(function() {
        var title = getLanguageTargetTitle(meta.lang);


    catlinks.forEach(function (node) {
        if (!title || meta.lang === getCurrentLang()) return;
        var catNode = $(node);


         if (node.parentNode !== target[0]) {
         window.location.href = buildWikiPath(title);
            catNode.appendTo(target);
    }, 70);
        }
}


        normalizeCatlinksPanel(node);
function setSidebarLanguageSelection(lang) {
     });
    var state = sidebarLanguageState;
     var index = state.order.indexOf(lang);


     if (catlinks.length) return;
     if (index < 0) index = state.order.indexOf(getCurrentLang());
    if (index < 0) index = 0;


    configCategories = getConfigCatlinksCategories();
     if (state.raf) {
     if (configCategories.length) {
         cancelAnimationFrame(state.raf);
         renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
         state.raf = null;
         return;
     }
     }


     if (!shouldFetchCatlinks()) return;
     cancelSidebarLanguageSpin();
    clearTimeout(state.snapTimer);


     requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
     state.currentLang = lang;
    state.baseIndex = index;
    state.selectedIndex = index;
    state.rotation = 0;
    state.dragging = false;
    state.dragMoved = false;
    state.releaseVelocity = 0;


     fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
     renderSidebarLanguageWheel();
        var cat;
    updateSidebarLanguageDial();
}


        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
function moveSidebarLanguageSelection(delta) {
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
    snapSidebarLanguageToStep(-delta, true);
        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 bindSidebarLanguageSelector() {
function initCategoryNavIfAvailable(root) {
     var state = sidebarLanguageState;
     /*
    var selector = document.getElementById('clbi-sidebar-lang-selector');
     CategoryNav.js는 대문 카테고리 네비를 SVG로 생성한다.
     var fan = document.getElementById('clbi-sidebar-lang-fan');
    var apply = document.getElementById('clbi-sidebar-lang-apply');


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


    이 함수는 CategoryNav.js가 아직 로드되지 않았으면 아무 것도 하지 않는다.
     if (state.bound && state.boundElement === selector) return;
    */
     if (
        window.CLBI &&
        window.CLBI.categoryNav &&
        typeof window.CLBI.categoryNav.init === 'function'
    ) {
        window.CLBI.categoryNav.init(root || document);
    }
}


function removeLegacyMainPageHero() {
     state.bound = true;
    /*
     state.boundElement = selector;
    기존 대문 전용 레거시 요소 정리
    -----------------------------------------
     이전 대문 구조에서는 Common.js가 본문 바깥에 #clbi-main-logo를 직접 삽입하고,
     본문 안의 #clbi-main-crt-hero를 #clbi-main-crt-hero-wrap으로 감싸서
    .liberty-content-main 위쪽으로 재배치했다.


     새 대문은 본문 내부의 .main-portal이 로고, 알림, 카테고리 네비, 이미지 피드,
     fan.addEventListener('pointerdown', function(e) {
    방명록, 상태 패널을 모두 담당한다. 따라서 Common.js가 별도 로고나 CRT 래퍼를
        cancelSidebarLanguageSpin();
    삽입하면 새 로고/콘텐츠와 중복된다.
        clearTimeout(state.snapTimer);


    여기서는 JS가 만들던 바깥 로고와 CRT 래퍼를 제거하고, 예전 대문 원본이나
        state.dragging = true;
    캐시된 렌더 결과에 남아 있을 수 있는 #clbi-main-crt-hero도 제거한다.
        state.dragMoved = false;
    */
        state.dragStartX = e.clientX;
    $('#clbi-main-logo').remove();
        state.dragStartY = e.clientY || 0;
    $('#clbi-main-crt-hero-wrap').remove();
        state.dragStartRotation = state.rotation;
    $('#clbi-main-crt-hero').remove();
        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');


function setNativePageTitleHiddenHard(hidden) {
        /*
    var selectors = [
        Vertical page scrolling must stay available when the pointer starts on
         '.liberty-content-header',
         the language dial. Capture and preventDefault are delayed until a
         '.liberty-content-header .title',
         horizontal drag is confirmed.
         '.liberty-content-header .title h1',
         */
        '.liberty-content-header h1',
    });
        '#firstHeading',
 
        '.firstHeading',
    fan.addEventListener('pointermove', function(e) {
         '.mw-first-heading',
         var now;
         '.page-heading',
         var totalDx;
         '.page-header',
         var totalDy;
         '.mw-page-title-main',
         var frameDx;
         '.mw-page-title-namespace',
         var dt;
         '.mw-page-title-separator'
         var instantVelocity;
    ];


    document.querySelectorAll(selectors.join(',')).forEach(function(node) {
         if (!state.dragging) return;
         if (!node || !node.style) return;


         if (hidden) {
         totalDx = e.clientX - state.dragStartX;
            node.setAttribute('data-clbi-title-hidden', 'true');
        totalDy = (e.clientY || 0) - state.dragStartY;
            node.style.setProperty('display', 'none', 'important');
 
            node.style.setProperty('visibility', 'hidden', 'important');
         if (!state.dragAxis && (Math.abs(totalDx) > 4 || Math.abs(totalDy) > 4)) {
            node.style.setProperty('height', '0', 'important');
             state.dragAxis = Math.abs(totalDx) >= Math.abs(totalDy) ? 'x' : 'y';
            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() {
            if (state.dragAxis === 'y') {
    var hideTitle = true;
                state.dragging = false;
    var isSystemAssetPage = false;
                state.dragMoved = false;
                state.dragAxis = null;
                state.pointerCaptured = false;
                selector.classList.remove('is-dragging');
                return;
            }


    if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isSystemAssetPage === 'function') {
            if (fan.setPointerCapture && e.pointerId != null) {
        isSystemAssetPage = window.CLBI_PAGE_SHELL.isSystemAssetPage();
                try {
    }
                    fan.setPointerCapture(e.pointerId);
                    state.pointerCaptured = true;
                } catch (err) {
                    state.pointerCaptured = false;
                }
            }
        }


    if (isSystemAssetPage) {
         if (state.dragAxis !== 'x') return;
         hideTitle = true;
    } else if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isBackendOrSystemPage === 'function') {
        hideTitle = !window.CLBI_PAGE_SHELL.isBackendOrSystemPage();
    }


    $('body')
         now = performance.now();
         .toggleClass('page-title-hidden', hideTitle)
         frameDx = e.clientX - state.lastX;
         .toggleClass('page-title-visible', !hideTitle)
         dt = Math.max(1, now - state.lastTime);
         .toggleClass('clbi-system-doc-page', isSystemAssetPage);


    $('.content-tools').css('display', 'none');
        if (Math.abs(totalDx) > 3) state.dragMoved = true;


    if (isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.renderSystemDocIndicator === 'function') {
        instantVelocity = (frameDx * state.dragSensitivity) / dt;
         window.CLBI_PAGE_SHELL.renderSystemDocIndicator();
         state.releaseVelocity = (state.releaseVelocity * 0.62) + (instantVelocity * 0.38);
    } else if (!isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.removeSystemDocIndicator === 'function') {
        state.lastX = e.clientX;
         window.CLBI_PAGE_SHELL.removeSystemDocIndicator();
         state.lastTime = now;
    }


    if (hideTitle) {
         requestSidebarLanguageRotation(state.dragStartRotation + totalDx * state.dragSensitivity);
         $('.liberty-content-header').css('display', 'none');
         e.preventDefault();
         $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
         e.stopPropagation();
         $('#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() {
    function finishDrag(e) {
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
        var velocityAge;
    if (specialPage === 'Preferences') return;
        var throwVelocity;
        var wasHorizontal;


    var pageName = normalizePageName(mw.config.get('wgPageName'));
        if (!state.dragging) return;
    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);
        wasHorizontal = state.dragAxis === 'x';
    $('body').toggleClass('clbi-main-page', isMainPage);
        state.dragging = false;
        selector.classList.remove('is-dragging');


    // 모든 문서에서 분류 바를 본문 컨테이너 아래로 이동
        if (fan.releasePointerCapture && state.pointerCaptured && e && e.pointerId != null) {
    moveCatlinksToBottom();
            try { fan.releasePointerCapture(e.pointerId); } catch (err) {}
        }


    if (isMainPage) {
         state.pointerCaptured = false;
        $('.liberty-content-header').css('display', 'none');
         state.dragAxis = null;
        $('.mw-page-title-main').addClass('clbi-hide');
        setNativePageTitleHiddenHard(true);
         $('.catlinks').css('display', 'none');
         $('.liberty-content-main').css('border-radius', '0');


         // 새 대문은 .main-portal 본문 구조가 로고/히어로를 담당한다.
         if (!wasHorizontal && !state.dragMoved) {
        // Common.js의 구식 바깥 로고/CRT 재배치 루틴은 사용하지 않는다.
            return;
        removeLegacyMainPageHero();
         }
         $('#clbi-tools-box').remove();


         $('.content-tools').css('display', 'none');
         velocityAge = performance.now() - state.lastTime;
        throwVelocity = velocityAge > 120 ? 0 : state.releaseVelocity;


         initCategoryNavIfAvailable(document);
         if (state.dragMoved) {
            state.suppressClickUntil = performance.now() + 180;
        }


    } else if (isUserProfilePage) {
        if (state.dragMoved && Math.abs(throwVelocity) >= state.minSpinVelocity) {
        $('.liberty-content-header').css('display', 'none');
            startSidebarLanguageInertiaSpin(throwVelocity);
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').addClass('clbi-hide');
         } else {
         $('.catlinks').css('display', 'none');
            snapSidebarLanguageNearest();
         $('.liberty-content-main').css('border-radius', '0');
         }


         $('#clbi-main-logo').remove();
         if (e) {
        $('#clbi-main-crt-hero-wrap').remove();
            e.preventDefault();
         $('#clbi-main-crt-hero').remove();
            e.stopPropagation();
        $('#clbi-tools-box').remove();
         }
    }


        $('.content-tools').css('display', 'none');
    fan.addEventListener('pointerup', finishDrag);
    fan.addEventListener('pointercancel', finishDrag);
    fan.addEventListener('lostpointercapture', function() {
        if (!state.dragging) return;


    } else if (isScreenDoc) {
         state.dragging = false;
         $('.liberty-content-header').css('display', 'none');
         state.pointerCaptured = false;
         $('.mw-page-title-main').addClass('clbi-hide');
         state.dragAxis = null;
         $('.catlinks').css('display', '');
         selector.classList.remove('is-dragging');
         $('.liberty-content-main').css('border-radius', '0');


         $('#clbi-main-logo').remove();
         if (state.dragMoved && Math.abs(state.releaseVelocity) >= state.minSpinVelocity) {
         $('#clbi-main-crt-hero-wrap').remove();
            state.suppressClickUntil = performance.now() + 180;
            startSidebarLanguageInertiaSpin(state.releaseVelocity);
         } else {
            snapSidebarLanguageNearest();
        }
    });


        if ($('#clbi-tools-box').length === 0 && canShowContentTools()) {
    apply.addEventListener('click', function(e) {
            var $toolsBox = $('<div id="clbi-tools-box" class="clbi-left-box"></div>');
        e.preventDefault();
            var $toolsTitle = $('<div class="clbi-left-title">관리</div>');
        e.stopPropagation();
            var $toolsContent = $('<div class="clbi-left-content"></div>');


            $toolsContent.append($('.content-tools .btn-group').clone(true));
        snapSidebarLanguageNearest(function(meta) {
            $toolsBox.append($toolsTitle).append($toolsContent);
            scheduleSidebarLanguageNavigation(meta);
             $('#clbi-left-sidebar').append($toolsBox);
        });
    });
 
    selector.addEventListener('keydown', function(e) {
        if (e.key === 'ArrowLeft') {
             moveSidebarLanguageSelection(-1);
            e.preventDefault();
         }
         }


         $('.content-tools').css('display', 'none');
         if (e.key === 'ArrowRight') {
            moveSidebarLanguageSelection(1);
            e.preventDefault();
        }


    } else {
         if (e.key === 'Enter' || e.key === ' ') {
         $('.liberty-content-header').css('display', '');
            apply.click();
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
            e.preventDefault();
        $('.catlinks').css('display', '');
         }
         $('.liberty-content-main').css('border-radius', '0');
    });
}


        $('#clbi-main-logo').remove();
function renderSidebarLanguageBox() {
        $('#clbi-main-crt-hero-wrap').remove();
    bindSidebarLanguageSelector();
        $('#clbi-tools-box').remove();
    setSidebarLanguageSelection(getCurrentLang());
    }


     if (!isUserProfilePage) {
     if (!sidebarLanguageStatusLoaded) {
         $('.profile-card').remove();
         loadSidebarLanguageStatusRegistry(function() {
         $('.user-profile-portal').removeClass('user-profile-portal');
            setSidebarLanguageSelection(getCurrentLang());
         });
     }
     }
}


     $('.content-tools').css('display', 'none');
function loadRecentChangesList(targetSelector, limit) {
     var $target = $(targetSelector);


     applyDefaultPageTitleVisibility();
     if (!$target.length) return;
    updateSidebar();
}


// 본문 기본 목차 제거
    var lang = getCurrentLang();
function removeNativeTocFromContent() {
    var t = (window.LANG && window.LANG[lang]) ? window.LANG[lang] : (window.LANG ? window.LANG.ko : null);
     $('.liberty-content-main #toc, .liberty-content-main .toc').remove();
     var isNewsList = $target.closest('.clbi-left-news-box').length > 0;
}


// 왼쪽 목차: MediaWiki 문단 ID 가져오기
    function escapeHtml(value) {
function getHeadingId(heading) {
        return String(value == null ? '' : value)
    if (heading.id) {
            .replace(/&/g, '&amp;')
        return heading.id;
            .replace(/</g, '&lt;')
    }
            .replace(/>/g, '&gt;')
 
            .replace(/"/g, '&quot;')
    var headline = heading.querySelector('.mw-headline[id]');
            .replace(/'/g, '&#039;');
    if (headline && headline.id) {
        return headline.id;
     }
     }


     return '';
     $target.html((t && t.loading) ? t.loading : '불러오는 중...');
}


// 왼쪽 목차: MediaWiki 문단 제목 텍스트 가져오기
    $.getJSON(
function getHeadingText(heading) {
        '/api.php?action=query&list=recentchanges&rclimit=' + encodeURIComponent(limit || 5) + '&rcprop=title|timestamp|user&format=json&rcnamespace=0&rctype=edit|new',
    var headline = heading.querySelector('.mw-headline');
        function(data) {
    var source = headline || heading;
            var items = data && data.query ? data.query.recentchanges : [];
    var clone = source.cloneNode(true);
            var html = '';


    $(clone).find('.mw-editsection, .mw-editsection-bracket, .mw-editsection-divider').remove();
            if (!items || !items.length) {
                $target.html('표시할 변경 사항이 없습니다.');
                return;
            }


    return (clone.textContent || '')
            $.each(items, function(i, item) {
        .replace(/\s+/g, ' ')
                var label = timeAgo(item.timestamp);
        .trim();
                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) {
function initTocTitleScroll(root) {
                    html +=
    var $items = root
                        '<a href="' + escapeHtml(pageHref) + '" class="news-recent-item">' +
        ? $(root).find('.toc-scroll-text')
                            '<img class="news-recent-avatar" src="' + escapeHtml(avatarSrc) + '" alt="" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
        : $('#side-toc-box .toc-scroll-text');
                            '<div class="news-recent-main">' +
 
                                '<div class="news-recent-title-wrap">' +
    $items.each(function () {
                                    '<span class="news-recent-title">' + escapeHtml(title) + '</span>' +
        var $text = $(this);
                                '</div>' +
        var $wrap = $text.closest('.toc-scroll-wrap');
                                '<div class="news-recent-meta">' +
 
                                    '<span class="news-recent-user">@' + escapeHtml(userName) + '</span>' +
        if (!$wrap.length) return;
                                '</div>' +
 
                            '</div>' +
        var wrapW = Math.floor($wrap.width());
                            '<span class="news-recent-time">' + escapeHtml(label) + '</span>' +
        var textW = Math.ceil(this.scrollWidth);
                        '</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) {
        if (!wrapW || !textW) return;
                $target.html(
                    '<div class="news-recent-viewport">' +
                        '<div class="news-recent-stack">' + html + '</div>' +
                    '</div>'
                );


        if (textW <= wrapW + 12) {
                if (typeof ensureNewsBottomFinish === 'function') {
             // 왼쪽 목차: 칸을 넘지 않는 제목은 전체 텍스트를 그대로 보여준다.
                    ensureNewsBottomFinish();
            $wrap.removeClass('is-scrolling');
                }
             } else {
                $target.html(html);
            }


             if ($text.data('toc-scroll-enabled')) {
             if (isNewsList && typeof scheduleAdaptiveLeftRecentItems === 'function') {
                $text.css({
                 scheduleAdaptiveLeftRecentItems();
                    animation: '',
                    'animation-delay': '',
                    '--scroll-dist': ''
                });
                 $text.removeData('toc-scroll-enabled');
                $text.removeData('toc-scroll-key');
             }
             }


             return;
             $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');


        var scrollDist = '-' + (textW - wrapW + 10) + 'px';
                if (!wrap.length || !title.length) return;
        var duration = Math.max(7, textW / 38) * 1.25;
        var scrollKey = scrollDist + '|' + duration;


        // 왼쪽 목차: 긴 제목에는 오른쪽 페이드와 스크롤을 적용한다.
                var wrapW = wrap.width();
        $wrap.addClass('is-scrolling');
                var titleW = title[0].scrollWidth;


        // 왼쪽 목차: 같은 값으로 이미 적용된 애니메이션은 다시 초기화하지 않는다.
                if (titleW > wrapW + 20) {
        if ($text.data('toc-scroll-key') === scrollKey) {
                    var duration = titleW / 40;
            return;
        }


        $text.data('toc-scroll-enabled', true);
                    title.css({
         $text.data('toc-scroll-key', scrollKey);
                        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);


         $text.css({
         $target.html((t && t.loadFail) ? t.loadFail : '불러오기 실패');
            // 왼쪽 목차: 페이지 진입 직후에는 잠시 읽을 시간을 준 뒤 흐르게 한다.
            animation: 'toc-scroll-blink-reset ' + duration + 's linear infinite',
            'animation-delay': '1s',
            '--scroll-dist': scrollDist
        });
     });
     });
}
}


// 목차를 왼쪽 사이드바에 새로 생성
function moveTocToLeftSidebar() {
    removeNativeTocFromContent();
    $('#side-toc-box').remove();
    return;


     // 왼쪽 목차: MediaWiki가 만든 원래 목차는 본문에서 제거한다.
function ensureRecentViewport() {
     removeNativeTocFromContent();
     var list = document.getElementById('clbi-left-recent-list');
     var viewport;
    var stack;
    var children;


    var leftSidebar = document.getElementById('clbi-left-sidebar');
     if (!list) return null;
     if (!leftSidebar) return;


     var content =
     viewport = list.querySelector(':scope > .news-recent-viewport');
        document.querySelector('.liberty-content-main .mw-parser-output') ||
    stack = viewport ? viewport.querySelector(':scope > .news-recent-stack') : null;
        document.querySelector('.liberty-content-main');


     if (!content) return;
     if (viewport && stack) return viewport;


     var headings = Array.prototype.slice.call(
     children = Array.prototype.slice.call(list.children || []);
        content.querySelectorAll('h2, h3')
    ).filter(function (heading) {
        if (heading.closest('#toc, .toc, #side-toc-box')) return false;


        var id = getHeadingId(heading);
    viewport = document.createElement('div');
        var text = getHeadingText(heading);
    viewport.className = 'news-recent-viewport';


        if (!id || !text) return false;
    stack = document.createElement('div');
    stack.className = 'news-recent-stack';


         return true;
    children.forEach(function (child) {
         if (child.classList && child.classList.contains('news-recent-viewport')) return;
        stack.appendChild(child);
     });
     });


     var tocKey = headings.map(function (heading) {
     viewport.appendChild(stack);
        return getHeadingId(heading) + '|' + getHeadingText(heading);
     list.appendChild(viewport);
     }).join('||');


     var existingBox = document.getElementById('side-toc-box');
     return viewport;
}


    // 왼쪽 목차: 같은 문서에서 같은 목차를 이미 만들었다면 다시 지우고 만들지 않는다.
function ensureNewsBottomFinish() {
     if (existingBox && existingBox.getAttribute('data-toc-key') === tocKey) {
     var newsBox = document.querySelector('#clbi-left-sidebar .clbi-left-news-box');
        initTocTitleScroll(existingBox);
    var content = newsBox ? newsBox.querySelector('.clbi-news-box') : null;
        return;
    var finish;
    }


     if (existingBox) {
     if (!content) return null;
        existingBox.remove();
    }


     if (!headings.length) return;
     finish = content.querySelector(':scope > .news-bottom-finish');


     var tocBox = document.createElement('div');
     if (!finish) {
    tocBox.className = 'clbi-left-box';
        finish = document.createElement('div');
    tocBox.id = 'side-toc-box';
        finish.className = 'news-bottom-finish';
    tocBox.setAttribute('data-toc-key', tocKey);
        finish.setAttribute('aria-hidden', 'true');
        content.appendChild(finish);
    }


     var title = document.createElement('div');
     return finish;
    title.className = 'clbi-left-title';
}


     // 왼쪽 목차: 박스 제목은 Lang.js의 현재 UI 언어를 따른다.
function updateAdaptiveLeftRecentItems() {
     var currentLang = getCurrentLang();
     /*
     var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
    134 기준: 좌측 사이드는 뉴스 확장형 flex 레이아웃이 높이를 담당한다.
     var tocTitleText = (t && t.toc) ? t.toc : '목차';
     이전 adaptive 코드는 항목을 숨기거나 mask/fade를 걸기 위한 것이었으므로
     여기서는 잔여 상태만 정리하고 DOM 래퍼만 보장한다.
     */
    resetLeftRecentAdaptiveState();


     title.textContent = tocTitleText;
     if (typeof ensureRecentViewport === 'function') {
        ensureRecentViewport();
    }


     var body = document.createElement('div');
     if (typeof ensureNewsBottomFinish === 'function') {
     body.className = 'clbi-left-content toc-sidebar-content';
        ensureNewsBottomFinish();
     }


     var list = document.createElement('ul');
     if (typeof scheduleClbiContentBottomGap === 'function') {
     list.className = 'generated-toc';
        scheduleClbiContentBottomGap();
     }
}


     headings.forEach(function (heading) {
function scheduleAdaptiveLeftRecentItems() {
         var id = getHeadingId(heading);
     window.requestAnimationFrame(function () {
        var text = getHeadingText(heading);
         updateAdaptiveLeftRecentItems();
        var level = heading.tagName.toLowerCase() === 'h3' ? 3 : 2;
    });


        var item = document.createElement('li');
    window.setTimeout(updateAdaptiveLeftRecentItems, 80);
        item.className = 'toc-level-' + level;
    window.setTimeout(updateAdaptiveLeftRecentItems, 240);
}


        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');
function updateClbiContentBottomGap(iteration) {
        textSpan.className = 'toc-scroll-text';
    var content = document.querySelector('.container-fluid.liberty-content');
        textSpan.textContent = text;
    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;


        textWrap.appendChild(textSpan);
    iteration = iteration || 0;
        link.appendChild(textWrap);


        item.appendChild(link);
    if (!content || !main || !bottomNav) return;
        list.appendChild(item);
    });


     body.appendChild(list);
     /*
     tocBox.appendChild(title);
    하단 간격은 scale 모드에서도 같은 기준으로 계산한다.
    tocBox.appendChild(body);
     transform:scale()이 걸리면 getBoundingClientRect()는 축소된 화면 좌표를 반환하므로,
     leftSidebar.appendChild(tocBox);
     목표 간격 8px도 scale을 곱한 화면 좌표로 비교하고 다시 design px로 환산한다.


     // 왼쪽 목차: DOM 배치가 끝난 뒤 긴 제목 스크롤 여부를 계산한다.
     목표:
     requestAnimationFrame(function () {
    .liberty-content-main.bottom === #clbi-bottom-nav-wrap.top - 8px
         initTocTitleScroll(tocBox);
    */
     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);
    }


        setTimeout(function () {
    contentRect = content.getBoundingClientRect();
            initTocTitleScroll(tocBox);
    bottomTop = bottomNav.getBoundingClientRect().top;
        }, 120);
    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');
var RIGHT_BILLBOARD_ITEMS = [
     content.style.setProperty('height', targetHeight + 'px', 'important');
     {
     content.style.setProperty('max-height', targetHeight + 'px', 'important');
        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) {
     if (Math.abs(currentHeight - targetHeight) >= 1 && iteration < 4) {
    var items = RIGHT_BILLBOARD_ITEMS;
         window.requestAnimationFrame(function () {
 
             updateClbiContentBottomGap(iteration + 1);
     if (!items || !items.length) {
         });
         return {
             file: 'Side-visual-001.png',
            alt: '',
            caption: []
         };
     }
     }
}
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);
}


    var normalized = index % items.length;
    if (normalized < 0) normalized += items.length;


     return items[normalized];
function updateLeftBillboardAdaptive() {
     /*
    134 기준: Ad는 이미지/CRT 비율을 유지하는 고정 슬롯이다.
    남는 세로 공간은 뉴스 박스가 흡수하므로, Ad에 하단 finish를 늘리거나
    title-only 상태로 접는 adaptive 보정은 사용하지 않는다.
    */
    resetLeftBillboardAdaptiveState();
}
}


function getRightBillboardImageUrl(fileName) {
function scheduleLeftBillboardAdaptive() {
     return '/index.php?title=특수:Redirect/file/' + encodeURIComponent(fileName || 'Side-visual-001.png');
     window.requestAnimationFrame(updateLeftBillboardAdaptive);
    window.setTimeout(updateLeftBillboardAdaptive, 80);
    window.setTimeout(updateLeftBillboardAdaptive, 240);
}
}


function getRightBillboardCaptionHtml(item) {
function scheduleLeftSidebarVerticalFit() {
     var lines = item && item.caption ? item.caption : [];
     if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
    var html = '';
        scheduleAdaptiveLeftRecentItems();
    }


     function escapeCaptionText(value) {
     if (typeof scheduleLeftBillboardAdaptive === 'function') {
        return String(value == null ? '' : value)
        scheduleLeftBillboardAdaptive();
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\"/g, '&quot;')
            .replace(/'/g, '&#039;');
     }
     }


     lines.forEach(function(line) {
     window.setTimeout(function () {
         var text = String(line == null ? '' : line);
         if (typeof scheduleAdaptiveLeftRecentItems === 'function') {
        var isGap = !text.trim();
            scheduleAdaptiveLeftRecentItems();
        var className = 'right-billboard-caption-line' + (isGap ? ' is-gap' : '');
         }
         html += '<span class="' + className + '">' + (isGap ? '&nbsp;' : escapeCaptionText(text)) + '</span>';
    });


     return html;
        if (typeof scheduleLeftBillboardAdaptive === 'function') {
            scheduleLeftBillboardAdaptive();
        }
     }, 120);
}
}


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


    var item = getRightBillboardItem(index);
// 시대 문서 전용 왼쪽 사이드바 이미지
    var src = getRightBillboardImageUrl(item.file);
function updateLeftSidebarNationsImage() {
     var images = box.querySelectorAll('.right-billboard-image');
     $('#clbi-left-nations-image').remove();
    var caption = box.querySelector('#right-billboard-caption');
}
    var emptySub = box.querySelector('.right-billboard-empty-sub');


    box.setAttribute('data-billboard-index', String(index));
function setProfileActionLabel(selector, text) {
     box.classList.remove('is-empty');
    var target = $(selector);
     var label = target.find('.profile-action-label');


     Array.prototype.forEach.call(images, function(img) {
     if (label.length) {
         img.style.display = '';
         label.text(text);
        img.setAttribute('src', src);
     } else {
        img.setAttribute('alt', img.classList.contains('right-billboard-image-base') ? (item.alt || '') : '');
         target.text(text);
     });
 
    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;
function updateSidebar() {
 
     if (!window.LANG) {
    if (Number.isNaN(duration) || duration < 500) {
        setTimeout(updateSidebar, 100);
         duration = 3000;
         return;
     }
     }


     return duration;
     var currentLang = getCurrentLang();
}
    var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;


function initRightBillboardCarousel() {
    var newsTitle = t.news || '뉴스';
     var box = document.querySelector('.right-billboard-box');
     var changelogTitle = t.changelog || '체인지로그';
     if (!box || box.getAttribute('data-billboard-ready') === '1') return;
     var recentTitle = t.recentChanges || '최근 변경';
    var languageTitle = t.language || '언어';


     box.setAttribute('data-billboard-ready', '1');
     $('#clbi-title-left-language').text(languageTitle);
     box.setAttribute('data-billboard-index', '0');
     renderSidebarLanguageBox();


     setRightBillboardItem(0);
     $('#clbi-title-left-news').text(newsTitle);
    $('#clbi-left-news-changelog-main').text(changelogTitle);
    $('#clbi-left-news-recent-main').text(recentTitle);


     if (!RIGHT_BILLBOARD_ITEMS || RIGHT_BILLBOARD_ITEMS.length <= 1) return;
     $('#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);


     function scheduleNext() {
     setProfileActionLabel('#clbi-btn-contribution', t.contribution);
        var current = parseInt(box.getAttribute('data-billboard-index') || '0', 10);
    setProfileActionLabel('#clbi-btn-watchlist', t.watchlist);
        if (Number.isNaN(current)) current = 0;
    setProfileActionLabel('#clbi-btn-preferences', t.preferences);
    setProfileActionLabel('#clbi-btn-logout', t.logout);
    setProfileActionLabel('#clbi-btn-login', t.login);


        var currentItem = getRightBillboardItem(current);
    var pageName = normalizePageName(mw.config.get('wgPageName'));
        var delay = getRightBillboardItemDuration(currentItem);
    var specialPage = String(mw.config.get('wgCanonicalSpecialPageName') || '');


        window.setTimeout(function() {
$('#clbi-left-news-changelog-main').text(changelogTitle);
            if (!document.body.contains(box)) return;
$('#clbi-left-news-recent-title').text('RECENT CHANGES');


            if (!document.hidden) {
    $('.clbi-user-btn').removeClass('clbi-user-btn-active');
                setRightBillboardItem(current + 1);
            }


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


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


    if (
        specialPage === '설정' ||
        pageName === '특수:설정' ||
        pageName === 'Special:설정'
    ) {
        $('#clbi-btn-preferences').addClass('clbi-user-btn-active');
    }


function escapeRightBillboardAttr(value) {
     $('.toggleBtn').each(function() {
     return String(value == null ? '' : value)
         var btn = $(this);
        .replace(/&/g, '&amp;')
        .replace(/</g, '&lt;')
        .replace(/>/g, '&gt;')
         .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}


function buildRightBillboardBox() {
        if (!$('#' + btn.data('target')).hasClass('folding-open')) {
    var billboardInitial = getRightBillboardItem(0);
            btn.text(t.expand);
    var billboardSrc = getRightBillboardImageUrl(billboardInitial.file);
        } else {
            btn.text(t.collapse);
        }
    });


     return '' +
     updateLeftSidebarNationsImage();
        '<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>';
}
}


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


var GREAT_WALL_DATA_TITLE = '프로젝트:The_Great_Wall/Data.json';
    // MediaWiki가 현재 문서를 편집 가능하지 않다고 판단하면 숨김
var GREAT_WALL_LIST_LIMIT = 0;
    var isEditable = mw.config.get('wgIsProbablyEditable');
var greatWallState = {
    if (isEditable === false) {
    data: { entries: {} },
        return false;
    loaded: false,
     }
    loading: false,
    saving: false,
     selectedOwnEntry: false,
    statusText: ''
};


function normalizeGreatWallData(data) {
     var relevantEditable = mw.config.get('wgRelevantPageIsProbablyEditable');
     var normalized = { entries: {} };
     if (relevantEditable === false) {
     var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};
        return false;
    }


     Object.keys(entries).forEach(function(key) {
     return true;
        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;
function getCatlinkNodes(root) {
    var seen = [];
    var nodes = [];
    var $root = root ? $(root) : $(document);


        normalized.entries[user] = {
    $root.find('#catlinks, .catlinks').add($root.filter('#catlinks, .catlinks')).each(function () {
            user: user,
        if (seen.indexOf(this) !== -1) return;
            text: text.slice(0, 140),
        seen.push(this);
            timestamp: timestamp || new Date(0).toISOString()
         nodes.push(this);
         };
     });
     });


     return normalized;
     return nodes;
}
}


function parseGreatWallData(text) {
function getCatlinksTarget(root) {
     var parsed;
     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);
    }


     try {
     if (!parserOutput.length && root && $(root).is('.mw-parser-output')) {
        parsed = text ? JSON.parse(text) : {};
         parserOutput = $(root);
    } catch (err) {
        console.error('The Great Wall data parse failed:', err);
         parsed = {};
     }
     }


     return normalizeGreatWallData(parsed);
     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;
    }


function stringifyGreatWallData(data) {
     return $();
     return JSON.stringify(normalizeGreatWallData(data), null, 2) + '\n';
}
}


function getGreatWallRevisionText(page) {
var CLBI_CATLINKS_FETCH_TOKEN = 0;
    var rev;
    var slot;


     if (!page || !page.revisions || !page.revisions.length) return '';
function getCurrentPageTitleForCatlinks() {
     return String(
        mw.config.get('wgPageName') ||
        mw.config.get('wgRelevantPageName') ||
        ''
    ).trim();
}


     rev = page.revisions[0];
function shouldFetchCatlinks() {
     var pageName = getCurrentPageTitleForCatlinks();
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');


     if (rev.slots && rev.slots.main) {
     if (!pageName) return false;
        slot = rev.slots.main;
    if (specialPage) return false;
        return slot.content || slot['*'] || '';
    }


     return rev.content || rev['*'] || '';
     return true;
}
}


function fetchGreatWallData() {
function clearCatlinksInlineHiding(cat) {
     var api = new mw.Api();
     if (!cat || !cat.style) return;


     return api.get({
     cat.style.removeProperty('display');
        action: 'query',
    cat.style.removeProperty('visibility');
        prop: 'revisions',
    cat.style.removeProperty('height');
        titles: GREAT_WALL_DATA_TITLE,
    cat.style.removeProperty('max-height');
        rvprop: 'content|timestamp',
     cat.style.removeProperty('overflow');
        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) {
    $(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 () {
            return { entries: {} };
         if (!this.style) return;
         }
         this.style.removeProperty('display');
 
         this.style.removeProperty('visibility');
         return parseGreatWallData(getGreatWallRevisionText(page));
        this.style.removeProperty('height');
    }, function(err) {
         this.style.removeProperty('max-height');
         console.error('The Great Wall load failed:', err);
         this.style.removeProperty('overflow');
         return { entries: {} };
     });
     });
}
}


function getGreatWallEntries(data) {
function exposeHiddenCatlinks(cat) {
     var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};
     if (!cat) return;


     return Object.keys(entries).map(function(key) {
     $(cat).find('.mw-hidden-catlinks, #mw-hidden-catlinks, .mw-hidden-cats-hidden, .mw-hidden-cats-user-shown').each(function () {
         return entries[key];
         this.classList.remove('mw-hidden-cats-hidden');
    }).filter(function(item) {
        this.classList.add('mw-hidden-cats-user-shown');
        return item && item.user && item.text;
 
    }).sort(function(a, b) {
        if (this.style) {
        return String(a.timestamp || '').localeCompare(String(b.timestamp || ''));
            this.style.removeProperty('display');
            this.style.removeProperty('visibility');
            this.style.removeProperty('height');
            this.style.removeProperty('max-height');
            this.style.removeProperty('overflow');
        }
     });
     });
}
}


function getGreatWallMessageTime(timestamp) {
function getCatlinkTextContent(cat) {
     var date = timestamp ? new Date(timestamp) : null;
     var clone;
     var month;
     var text;
    var day;
 
     var hour;
     if (!cat) return '';
    var minute;


     if (!date || isNaN(date.getTime())) return '—';
     clone = cat.cloneNode(true);
    $(clone).find('script, style').remove();


     month = String(date.getMonth() + 1).padStart(2, '0');
     text = String(clone.textContent || '')
    day = String(date.getDate()).padStart(2, '0');
        .replace(/\s+/g, ' ')
    hour = String(date.getHours()).padStart(2, '0');
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*:\s*/i, '')
    minute = String(date.getMinutes()).padStart(2, '0');
        .replace(/^(분류|숨은 분류|Category|Hidden categories)\s*$/i, '')
        .trim();


     return month + '.' + day + ' ' + hour + ':' + minute;
     return text;
}
}


function getGreatWallAvatarSrc(user) {
function hasRenderedCatlinkItems(cat) {
     return '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(String(user || '')) + '.png';
     var hasLink;
}
    var hasListText;


function buildGreatWallEntryHtml(item, currentUser, selectedOwnEntry) {
     if (!cat) return false;
    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 '' +
     hasLink = false;
        '<' + tag + attrs + ' class="' + className + '">' +
    $(cat).find('a').each(function () {
            '<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;;">' +
        var text = String($(this).text() || '').trim();
            '<div class="great-wall-bubble">' +
        var href = String(this.getAttribute('href') || '').trim();
                '<div class="great-wall-entry-head">' +
         if (text || href) hasLink = true;
                    '<span class="great-wall-user">@' + escapeClbiHtml(item.user) + '</span>' +
    });
                    '<span class="great-wall-time" title="' + escapeClbiHtml(isoTime) + '">' + escapeClbiHtml(messageTime) + '</span>' +
    if (hasLink) return true;
                '</div>' +
                '<div class="great-wall-text">' + escapeClbiHtml(item.text) + '</div>' +
            '</div>' +
         '</' + tag + '>';
}


function renderGreatWallBox() {
     hasListText = false;
     var box = document.getElementById('great-wall-sidebar');
     $(cat).find('li').each(function () {
     var list = document.getElementById('great-wall-list');
        if (String($(this).text() || '').trim()) hasListText = true;
    var input = document.getElementById('great-wall-input');
     });
    var submit = document.getElementById('great-wall-submit');
     if (hasListText) return true;
    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;
     return !!getCatlinkTextContent(cat);
}


    box.classList.toggle('is-guest', !currentUser);
function normalizeCategoryTitle(rawTitle) {
     box.classList.toggle('is-loading', !!greatWallState.loading);
     var title = String(rawTitle == null ? '' : rawTitle).trim();
    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 (!title) return '';
        if (seen[item.user]) return;
        visibleEntries.push(item);
        seen[item.user] = true;
    });


     if (greatWallState.loading && !greatWallState.loaded) {
     title = title.replace(/_/g, ' ');
        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) {
     if (/^(Category|분류):/i.test(title)) {
         list.scrollTop = list.scrollHeight;
         return title;
     }
     }


     if (status) {
     return '분류:' + title;
         status.textContent = greatWallState.statusText || (currentUser ? (ownEntry ? 'SELECT YOUR MARK TO UPDATE' : 'LEAVE ONE MARK') : 'ACCOUNT REQUIRED');
}
    }
 
function makeCategoryLinkTitle(rawTitle) {
    return String(rawTitle || '')
         .replace(/^Category:/i, '')
        .replace(/^분류:/, '')
        .replace(/_/g, ' ')
        .trim();
}


    if (!input || !submit) return;
function dedupeCatlinkCategories(categories) {
    var seen = {};
    var result = [];


     input.disabled = false;
     (categories || []).forEach(function (item) {
    input.readOnly = false;
        var title = '';
    input.removeAttribute('aria-readonly');
        var hidden = false;


    if (!currentUser) {
        if (typeof item === 'string') {
        input.disabled = true;
            title = normalizeCategoryTitle(item);
         input.readOnly = false;
         } else if (item && typeof item === 'object') {
        input.value = '';
            title = normalizeCategoryTitle(item.title || item.name || item.category || '');
        input.placeholder = 'Login required';
            hidden = item.hidden !== undefined || item.isHidden === true;
        submit.textContent = 'LOGIN';
        submit.disabled = false;
        if (deleteButton) {
            deleteButton.disabled = true;
            deleteButton.title = 'Login required';
         }
         }
        return;
    }


    if (greatWallState.saving || greatWallState.loading) {
        if (!title) return;
        input.disabled = true;
         if (seen[title]) return;
        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) {
         seen[title] = true;
         deleteButton.disabled = !ownEntry;
         result.push({ title: title, hidden: hidden });
         deleteButton.title = ownEntry ? 'Delete your mark' : 'No mark to delete';
     });
     }


     if (ownEntry && !greatWallState.selectedOwnEntry) {
     return result;
        input.disabled = false;
        input.readOnly = true;
        input.setAttribute('aria-readonly', 'true');
        input.value = '';
        input.placeholder = 'Select your existing mark';
        submit.disabled = true;
        submit.textContent = 'UPDATE';
        return;
    }
 
    input.disabled = false;
    input.readOnly = false;
    input.removeAttribute('aria-readonly');
    input.placeholder = ownEntry ? 'Update your mark' : 'Leave your mark';
    if (ownEntry && greatWallState.selectedOwnEntry && !input.value) {
        input.value = ownEntry.text || '';
    }
    submit.disabled = false;
    submit.textContent = ownEntry ? 'UPDATE' : 'POST';
}
}


function saveGreatWallEntry() {
function getConfigCatlinksCategories() {
     var input = document.getElementById('great-wall-input');
     var normal = mw.config.get('wgCategories') || [];
     var currentUser = mw.config.get('wgUserName') || '';
     var hidden = mw.config.get('wgHiddenCategories') || [];
     var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
     var categories = [];
    var text = input ? String(input.value || '').trim() : '';
    var api;


     if (!currentUser) {
     if (!Array.isArray(normal)) normal = [];
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
    if (!Array.isArray(hidden)) hidden = [];
        return;
    }


     if (ownEntry && !greatWallState.selectedOwnEntry) {
     normal.forEach(function (name) {
         greatWallState.statusText = 'SELECT YOUR MARK FIRST';
         categories.push({ title: normalizeCategoryTitle(name), hidden: false });
        renderGreatWallBox();
     });
        return;
     }


     if (!text) {
     hidden.forEach(function (name) {
         greatWallState.statusText = 'EMPTY MARK';
         categories.push({ title: normalizeCategoryTitle(name), hidden: true });
        renderGreatWallBox();
     });
        return;
     }


     if (text.length > 140) {
     return dedupeCatlinkCategories(categories);
        text = text.slice(0, 140);
}
    }


    greatWallState.saving = true;
function markCatlinksReady(cat, pageTitle) {
    greatWallState.statusText = 'SAVING';
     if (!cat) return;
     renderGreatWallBox();


     fetchGreatWallData().then(function(data) {
     cat.classList.add('catlinks');
        data = normalizeGreatWallData(data);
    cat.classList.add('clbi-catlinks-ready');
        data.entries[currentUser] = {
    cat.classList.remove('clbi-catlinks-empty');
            user: currentUser,
    cat.classList.remove('clbi-catlinks-pending');
            text: text,
     cat.classList.remove('clbi-catlinks-loading');
            timestamp: new Date().toISOString()
     cat.removeAttribute('data-clbi-catlinks-fetching');
        };
    cat.setAttribute('data-clbi-catlinks-page', pageTitle || getCurrentPageTitleForCatlinks());
 
    clearCatlinksInlineHiding(cat);
        api = new mw.Api();
     exposeHiddenCatlinks(cat);
        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 markCatlinksEmpty(cat) {
    if (!cat) return;


function deleteGreatWallEntry() {
    cat.classList.add('catlinks');
     var input = document.getElementById('great-wall-input');
     cat.classList.add('clbi-catlinks-empty');
     var currentUser = mw.config.get('wgUserName') || '';
     cat.classList.remove('clbi-catlinks-ready');
     var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    cat.classList.remove('clbi-catlinks-pending');
     var api;
     cat.classList.remove('clbi-catlinks-loading');
    cat.removeAttribute('data-clbi-catlinks-fetching');
     cat.removeAttribute('data-clbi-catlinks-page');
}


    if (!currentUser) {
function markCatlinksPending(cat, pageTitle) {
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
    if (!cat) return;
        return;
    }


     if (!ownEntry) {
     cat.classList.add('catlinks');
        greatWallState.statusText = 'NO MARK TO DELETE';
    cat.classList.remove('clbi-catlinks-ready');
        renderGreatWallBox();
    cat.classList.remove('clbi-catlinks-empty');
        return;
    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());
}


     greatWallState.saving = true;
function renderFetchedCatlinks(cat, categories, pageTitle) {
     greatWallState.statusText = 'DELETING';
     var container;
     renderGreatWallBox();
     var ul;
     var normalized;


     fetchGreatWallData().then(function(data) {
     if (!cat) return false;
        data = normalizeGreatWallData(data);
        if (data.entries && data.entries[currentUser]) {
            delete data.entries[currentUser];
        }


        api = new mw.Api();
     normalized = dedupeCatlinkCategories(categories);
        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 (!normalized.length) {
     if (!document.getElementById('great-wall-sidebar')) return;
         markCatlinksEmpty(cat);
 
         return false;
    if (mw.Api) {
         initGreatWallBox();
         return;
     }
     }


     if (mw.loader && mw.loader.using) {
     cat.innerHTML = '';
        mw.loader.using(['mediawiki.api']).then(function() {
    cat.classList.add('catlinks');
            initGreatWallBox();
    cat.classList.add('clbi-catlinks-api-populated');
        });
    }
}


function initGreatWallBox() {
     container = document.createElement('div');
     var box = document.getElementById('great-wall-sidebar');
     container.className = 'mw-normal-catlinks';
     var input = document.getElementById('great-wall-input');
     container.appendChild(document.createTextNode('분류: '));
     var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');


     if (!box || box.getAttribute('data-great-wall-ready') === '1') return;
     ul = document.createElement('ul');


     if (!mw.Api) {
     normalized.forEach(function (item) {
         initGreatWallBoxWhenReady();
         var title = String(item && item.title ? item.title : '').trim();
         return;
         var li;
    }
        var a;


    box.setAttribute('data-great-wall-ready', '1');
        if (!title) return;


    box.addEventListener('click', function(e) {
        li = document.createElement('li');
         var ownButton = e.target.closest ? e.target.closest('[data-great-wall-own-entry="1"]') : null;
         a = document.createElement('a');
         var currentUser = mw.config.get('wgUserName') || '';
         a.href = mw.util.getUrl(title);
         var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
         a.title = title;
        a.textContent = makeCategoryLinkTitle(title);


         if (!ownButton || !ownEntry) return;
         if (item.hidden) {
            li.className = 'clbi-hidden-category-item';
        }


         greatWallState.selectedOwnEntry = true;
         li.appendChild(a);
        greatWallState.statusText = 'YOUR MARK SELECTED';
         ul.appendChild(li);
        renderGreatWallBox();
 
         if (input) {
            input.focus();
            input.setSelectionRange(input.value.length, input.value.length);
        }
     });
     });


     document.addEventListener('click', function(e) {
     if (!ul.children.length) {
         var target = e.target;
         markCatlinksEmpty(cat);
         var keepSelection;
         return false;
    }


        if (!greatWallState.selectedOwnEntry || !target || !target.closest) return;
    container.appendChild(ul);
    cat.appendChild(container);
    markCatlinksReady(cat, pageTitle);
    return true;
}


        keepSelection = target.closest('[data-great-wall-own-entry="1"], .great-wall-editor, .great-wall-compose-sector');
function fetchCatlinksForPage(pageTitle, callback) {
    var api;


         if (keepSelection) return;
    if (typeof pageTitle === 'function') {
        callback = pageTitle;
         pageTitle = getCurrentPageTitleForCatlinks();
    }


        greatWallState.selectedOwnEntry = false;
    pageTitle = String(pageTitle || '').trim();
        greatWallState.statusText = '';
        if (input) input.value = '';
        renderGreatWallBox();
    });


     if (submit) {
     if (!pageTitle || !shouldFetchCatlinks()) {
         submit.addEventListener('click', function(e) {
         if (typeof callback === 'function') callback([], pageTitle);
            e.preventDefault();
         return;
            if (!mw.config.get('wgUserName')) {
                window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
                return;
            }
            saveGreatWallEntry();
         });
     }
     }


     if (deleteButton) {
     if (!mw.Api) {
         deleteButton.addEventListener('click', function(e) {
         if (typeof callback === 'function') callback([], pageTitle);
            e.preventDefault();
         return;
            deleteGreatWallEntry();
         });
     }
     }


     if (input) {
     api = new mw.Api();
         input.addEventListener('keydown', function(e) {
    api.get({
            if (e.key === 'Enter') {
         action: 'query',
                e.preventDefault();
        prop: 'categories',
                saveGreatWallEntry();
        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 : [];


         input.addEventListener('input', function() {
         if (typeof callback === 'function') callback(categories || [], pageTitle);
            if (input.value.length > 140) {
    }).fail(function () {
                input.value = input.value.slice(0, 140);
        if (typeof callback === 'function') callback([], pageTitle);
            }
    });
        });
}
    }


     greatWallState.loading = true;
function finalizeEmptyCatlinks(cat) {
     greatWallState.statusText = 'SYNCING WALL';
    if (!cat) return;
     renderGreatWallBox();
     if (!cat.isConnected) return;
 
     clearCatlinksInlineHiding(cat);
     exposeHiddenCatlinks(cat);


     fetchGreatWallData().then(function(data) {
     if (hasRenderedCatlinkItems(cat)) {
         greatWallState.data = normalizeGreatWallData(data);
         markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
         greatWallState.loaded = true;
         return;
        greatWallState.loading = false;
     }
        greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
        renderGreatWallBox();
     });
}


function buildGreatWallBox() {
    markCatlinksEmpty(cat);
    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="Leave your mark">' +
                    '<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() {
function fetchCatlinksIfNeeded(cat) {
     var portal = document.querySelector('.main-portal');
     var configCategories;
    var guestbook = portal ? portal.querySelector('.guestbook-device') : null;
     var pageTitle;
     var sideScreen;
     var requestToken;
     var grid;


     if (!portal || !guestbook) return;
     if (!cat) return;
    if (!cat.isConnected) return;


     sideScreen = guestbook.closest ? guestbook.closest('.side-screen') : null;
     pageTitle = getCurrentPageTitleForCatlinks();
    grid = sideScreen && sideScreen.closest ? sideScreen.closest('.console-grid') : null;


     if (guestbook.parentNode) {
     clearCatlinksInlineHiding(cat);
        guestbook.parentNode.removeChild(guestbook);
    exposeHiddenCatlinks(cat);
    }


     if (sideScreen && !(sideScreen.textContent || '').trim() && !sideScreen.querySelector('img,svg,video,canvas,form,input,button,a')) {
     if (hasRenderedCatlinkItems(cat)) {
         if (sideScreen.parentNode) {
         markCatlinksReady(cat, pageTitle);
            sideScreen.parentNode.removeChild(sideScreen);
        return;
        }
    }


        if (grid) {
    configCategories = getConfigCatlinksCategories();
            grid.style.gridTemplateColumns = 'minmax(0,1fr)';
    if (configCategories.length) {
         }
        renderFetchedCatlinks(cat, configCategories, pageTitle);
         return;
     }
     }


     portal.classList.add('is-great-wall-relocated');
     if (!shouldFetchCatlinks()) {
}
        finalizeEmptyCatlinks(cat);
        return;
    }


function buildSiteInformationBox() {
    if (cat.getAttribute('data-clbi-catlinks-fetching') === '1' && cat.getAttribute('data-clbi-catlinks-page') === pageTitle) return;
    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>';
}


    requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
    markCatlinksPending(cat, pageTitle);


// 초기화 함수
    fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
function initSidebars() {
        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
    var header = $('.liberty-content-header');
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
    var content = $('.liberty-content');
        if (!cat || !cat.isConnected) return;
        if (cat.getAttribute('data-clbi-catlinks-page') !== requestedPage) return;


     if (header.length && content.length) {
        if (!renderFetchedCatlinks(cat, categories, requestedPage)) {
         header.prependTo(content);
            finalizeEmptyCatlinks(cat);
        }
    });
}
 
function normalizeCatlinksPanel(cat) {
     if (!cat) return;
 
    cat.classList.add('catlinks');
    clearCatlinksInlineHiding(cat);
    exposeHiddenCatlinks(cat);
 
    if (hasRenderedCatlinkItems(cat)) {
         markCatlinksReady(cat, getCurrentPageTitleForCatlinks());
        return;
     }
     }


     if ($('#clbi-right-sidebar').length === 0) {
     fetchCatlinksIfNeeded(cat);
        var username = mw.config.get('wgUserName');
}
        var isLoggedIn = username !== null;
 
        var avatarSrc = isLoggedIn
function createCatlinksPanel(target, className) {
            ? '/index.php?title=특수:Redirect/file/Pfp-' + username + '.png'
    var cat;
            : '/index.php?title=특수:Redirect/file/Pfp-default.png';
 
    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;


        var userBox;
    if (!root) return;


        if (isLoggedIn) {
    pageTitle = getCurrentPageTitleForCatlinks();
            userBox =
    configCategories = getConfigCatlinksCategories();
                '<div class="clbi-right-box profile-card-box">' +
    nodes = getCatlinkNodes(root);
                    '<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 {
    nodes.forEach(function (node) {
            greatWallBox = buildGreatWallBox();
        node.classList.add('catlinks');
        } catch (err) {
        clearCatlinksInlineHiding(node);
            console.error('The Great Wall build failed:', err);
         exposeHiddenCatlinks(node);
            greatWallBox = '';
         }


         try {
         if (hasRenderedCatlinkItems(node)) {
             siteInformationBox = buildSiteInformationBox();
             markCatlinksReady(node, pageTitle);
         } catch (err) {
         } else if (configCategories.length) {
             console.error('Site information build failed:', err);
             renderFetchedCatlinks(node, configCategories, pageTitle);
             siteInformationBox = '';
        } else {
             markCatlinksEmpty(node);
         }
         }
    });


    if (nodes.length || !configCategories.length) return;


        var sidebar = userBox + greatWallBox + siteInformationBox;
    target = getCatlinksTarget(root);
    if (!target.length) target = $(root);


        $('.content-wrapper').append('<div id="clbi-right-sidebar">' + sidebar + '</div>');
    renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
        initGreatWallBoxWhenReady();
}
        removeMainPortalGuestbookPreview();
    }


     initGreatWallBoxWhenReady();
function moveCatlinksToBottom() {
     removeMainPortalGuestbookPreview();
     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();


     if ($('#clbi-left-sidebar').length === 0) {
     catlinks.forEach(function (node) {
var leftBillboardBox = '';
        var catNode = $(node);


         try {
         if (node.parentNode !== target[0]) {
            leftBillboardBox = buildRightBillboardBox();
             catNode.appendTo(target);
        } catch (err) {
             console.error('Left billboard build failed:', err);
            leftBillboardBox = '';
         }
         }


var leftSidebar =
        normalizeCatlinksPanel(node);
     '<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>' +
    if (catlinks.length) return;
                '<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>' +
    configCategories = getConfigCatlinksCategories();
 
     if (configCategories.length) {
                '<div class="news-feed-title" id="clbi-left-news-recent-title">RECENT CHANGES</div>' +
         renderFetchedCatlinks(createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending'), configCategories, pageTitle);
                '<div class="news-left-recent-feed" id="clbi-left-recent-list">불러오는 중...</div>' +
         return;
 
                '<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 {
     if (!shouldFetchCatlinks()) return;
        initRightBillboardCarousel();
    } catch (err) {
        console.error('Right billboard carousel failed:', err);
    }


     if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
     requestToken = ++CLBI_CATLINKS_FETCH_TOKEN;
    applyMainPageStyle();
    initClbiCustomDocumentScrollbars();
    initCategoryNavIfAvailable(document);


     if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
     fetchCatlinksForPage(pageTitle, function (categories, requestedPage) {
         window.ProgressSystemWebUi.boot('initSidebars');
         var cat;
    }


    $('#side-toc-box').remove();
        if (requestToken !== CLBI_CATLINKS_FETCH_TOKEN) return;
        if (requestedPage !== getCurrentPageTitleForCatlinks()) return;
        if (getCatlinkNodes().length) return;
        if (!categories || !categories.length) return;


    mw.loader.using(['mediawiki.api']).then(function() {
        cat = createCatlinksPanel(target, 'catlinks catlinks-allhidden clbi-catlinks-created clbi-catlinks-pending');
        setTimeout(function() {
         renderFetchedCatlinks(cat, categories, requestedPage);
            initNotifications();
            initProfile();
            moveTocToLeftSidebar();
        }, 300);
 
         setTimeout(moveTocToLeftSidebar, 800);
        setTimeout(moveTocToLeftSidebar, 1500);
     });
     });
}
}


$(function() {
// 대문 스타일
     loadLangScript(function() {
function initCategoryNavIfAvailable(root) {
        setTimeout(function() {
     /*
            initSidebars();
    CategoryNav.js는 대문 카테고리 네비를 SVG로 생성한다.
         }, 100);
 
     });
    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;
     }


$(document).on('click.profileQuickPlaceholder', '#profile-quick-inventory, #profile-quick-achievements', function(e) {
    if (
    e.preventDefault();
        window.CLBI &&
     e.stopPropagation();
        window.CLBI.categoryNav &&
});
        typeof window.CLBI.categoryNav.init === 'function'
    ) {
        window.CLBI.categoryNav.init(root || document);
     }
}


function extractJsonArrayAfterMwConfigKey(text, key) {
function removeLegacyMainPageHero() {
     var needle = '"' + key + '"';
     /*
    var keyIndex = String(text || '').indexOf(needle);
     기존 대문 전용 레거시 요소 정리
     var start;
     -----------------------------------------
     var i;
     이전 대문 구조에서는 Common.js가 본문 바깥에 #clbi-main-logo를 직접 삽입하고,
     var depth = 0;
     본문 안의 #clbi-main-crt-hero를 #clbi-main-crt-hero-wrap으로 감싸서
     var inString = false;
     .liberty-content-main 위쪽으로 재배치했다.
     var escaped = false;


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


     start = String(text || '').indexOf('[', keyIndex + needle.length);
     여기서는 JS가 만들던 바깥 로고와 CRT 래퍼를 제거하고, 예전 대문 원본이나
     if (start === -1) return null;
    캐시된 렌더 결과에 남아 있을 수 있는 #clbi-main-crt-hero도 제거한다.
    */
    $('#clbi-main-logo').remove();
    $('#clbi-main-crt-hero-wrap').remove();
     $('#clbi-main-crt-hero').remove();
}


    for (i = start; i < text.length; i += 1) {
        var ch = text.charAt(i);


        if (inString) {
function setNativePageTitleHiddenHard(hidden) {
            if (escaped) {
    var selectors = [
                escaped = false;
        '.liberty-content-header',
            } else if (ch === '\\') {
        '.liberty-content-header .title',
                escaped = true;
        '.liberty-content-header .title h1',
            } else if (ch === '"') {
        '.liberty-content-header h1',
                inString = false;
        '#firstHeading',
            }
        '.firstHeading',
            continue;
        '.mw-first-heading',
         }
        '.page-heading',
        '.page-header',
        '.mw-page-title-main',
        '.mw-page-title-namespace',
         '.mw-page-title-separator'
    ];


        if (ch === '"') {
    document.querySelectorAll(selectors.join(',')).forEach(function(node) {
            inString = true;
        if (!node || !node.style) return;
            continue;
        }


         if (ch === '[') depth += 1;
         if (hidden) {
        if (ch === ']') {
            node.setAttribute('data-clbi-title-hidden', 'true');
             depth -= 1;
            node.style.setProperty('display', 'none', 'important');
             if (depth === 0) {
            node.style.setProperty('visibility', 'hidden', 'important');
                try {
            node.style.setProperty('height', '0', 'important');
                    return JSON.parse(text.slice(start, i + 1));
             node.style.setProperty('min-height', '0', 'important');
                } catch (err) {
            node.style.setProperty('margin', '0', 'important');
                    return null;
            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');
         }
         }
     }
     });
 
    return null;
}
}


function extractJsonStringAfterMwConfigKey(text, key) {
function applyDefaultPageTitleVisibility() {
     var needle = '"' + key + '"';
     var hideTitle = true;
     var keyIndex = String(text || '').indexOf(needle);
     var isSystemAssetPage = false;
    var colon;
    var start;
    var i;
    var escaped = false;


     if (keyIndex === -1) return null;
     if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isSystemAssetPage === 'function') {
        isSystemAssetPage = window.CLBI_PAGE_SHELL.isSystemAssetPage();
    }


     colon = text.indexOf(':', keyIndex + needle.length);
     if (isSystemAssetPage) {
     if (colon === -1) return null;
        hideTitle = true;
     } else if (window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.isBackendOrSystemPage === 'function') {
        hideTitle = !window.CLBI_PAGE_SHELL.isBackendOrSystemPage();
    }


     start = text.indexOf('"', colon + 1);
     $('body')
    if (start === -1) return null;
        .toggleClass('page-title-hidden', hideTitle)
        .toggleClass('page-title-visible', !hideTitle)
        .toggleClass('clbi-system-doc-page', isSystemAssetPage);


     for (i = start + 1; i < text.length; i += 1) {
     $('.content-tools').css('display', 'none');
        var ch = text.charAt(i);


        if (escaped) {
    if (isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.renderSystemDocIndicator === 'function') {
            escaped = false;
        window.CLBI_PAGE_SHELL.renderSystemDocIndicator();
            continue;
    } else if (!isSystemAssetPage && window.CLBI_PAGE_SHELL && typeof window.CLBI_PAGE_SHELL.removeSystemDocIndicator === 'function') {
        }
        window.CLBI_PAGE_SHELL.removeSystemDocIndicator();
    }


         if (ch === '\\') {
    if (hideTitle) {
            escaped = true;
         $('.liberty-content-header').css('display', 'none');
            continue;
        $('.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);
         if (ch === '"') {
    } else {
            try {
         $('.liberty-content-header').css('display', '');
                return JSON.parse(text.slice(start, i + 1));
        $('.mw-page-title-main, .mw-page-title-namespace, .mw-page-title-separator').removeClass('clbi-hide');
            } catch (err) {
        $('#firstHeading, .firstHeading, .mw-first-heading, .page-heading, .page-header').css('display', '');
                return text.slice(start + 1, i);
         setNativePageTitleHiddenHard(false);
            }
         }
     }
     }
    return null;
}
}


function syncCatlinksConfigFromSpaDocument(doc) {
function applyMainPageStyle() {
     var scripts = doc ? doc.querySelectorAll('script') : [];
     var specialPage = mw.config.get('wgCanonicalSpecialPageName');
     var categories = null;
     if (specialPage === 'Preferences') return;
    var hiddenCategories = null;
    var relevantPageName = null;
    var pageName = null;
    var i;
    var text;
    var value;


     for (i = 0; i < scripts.length; i += 1) {
     var pageName = normalizePageName(mw.config.get('wgPageName'));
        text = scripts[i].textContent || '';
    var namespaceNumber = mw.config.get('wgNamespaceNumber');
    var isMainPage = (pageName === '대문');
    var isUserProfilePage = (namespaceNumber === 2);
    var isScreenDoc = ($('.screen-header').length > 0);
    var hideTools = (isMainPage || isUserProfilePage || !canShowContentTools());


        if (categories === null) {
    $('body').toggleClass('user-profile-page', isUserProfilePage);
            value = extractJsonArrayAfterMwConfigKey(text, 'wgCategories');
    $('body').toggleClass('clbi-main-page', isMainPage);
            if (Array.isArray(value)) categories = value;
        }


        if (hiddenCategories === null) {
    // 모든 문서에서 분류 바를 본문 컨테이너 아래로 이동
            value = extractJsonArrayAfterMwConfigKey(text, 'wgHiddenCategories');
    moveCatlinksToBottom();
            if (Array.isArray(value)) hiddenCategories = value;
        }


        if (relevantPageName === null) {
    if (isMainPage) {
            value = extractJsonStringAfterMwConfigKey(text, 'wgRelevantPageName');
        $('.liberty-content-header').css('display', 'none');
            if (value !== null) relevantPageName = value;
        $('.mw-page-title-main').addClass('clbi-hide');
         }
        setNativePageTitleHiddenHard(true);
        $('.catlinks').css('display', 'none');
         $('.liberty-content-main').css('border-radius', '0');


         if (pageName === null) {
         // 새 대문은 .main-portal 본문 구조가 로고/히어로를 담당한다.
            value = extractJsonStringAfterMwConfigKey(text, 'wgPageName');
        // Common.js의 구식 바깥 로고/CRT 재배치 루틴은 사용하지 않는다.
            if (value !== null) pageName = value;
        removeLegacyMainPageHero();
        }
        $('#clbi-tools-box').remove();
    }


    mw.config.set('wgCategories', Array.isArray(categories) ? categories : []);
        $('.content-tools').css('display', 'none');
    mw.config.set('wgHiddenCategories', Array.isArray(hiddenCategories) ? hiddenCategories : []);


    if (relevantPageName !== null) {
         initCategoryNavIfAvailable(document);
        mw.config.set('wgRelevantPageName', relevantPageName);
    } else if (pageName !== null) {
         mw.config.set('wgRelevantPageName', pageName);
    }


     CLBI_CATLINKS_FETCH_TOKEN += 1;
     } 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');


// SPA 네비게이션
        $('#clbi-main-logo').remove();
function shouldSkip(url) {
        $('#clbi-main-crt-hero-wrap').remove();
    return url.match(/action=edit|action=submit|action=history|action=delete|action=protect|action=purge|특수:로그인|특수:로그아웃|Special:UserLogin|Special:UserLogout|특수:사용자정보|특수:비밀번호바꾸기|uselang=/);
        $('#clbi-main-crt-hero').remove();
}
        $('#clbi-tools-box').remove();


$(function() {
        $('.content-tools').css('display', 'none');
    if (window._spaInitialized) return;
    window._spaInitialized = true;


     function isInternal(url) {
     } else if (isScreenDoc) {
         var a = document.createElement('a');
         $('.liberty-content-header').css('display', 'none');
         a.href = url;
         $('.mw-page-title-main').addClass('clbi-hide');
         return a.hostname === window.location.hostname;
         $('.catlinks').css('display', '');
    }
        $('.liberty-content-main').css('border-radius', '0');


    function loadPage(url) {
        $('#clbi-main-logo').remove();
         invalidateProfileRender();
         $('#clbi-main-crt-hero-wrap').remove();


         fetch(url)
         if ($('#clbi-tools-box').length === 0 && canShowContentTools()) {
            .then(function(res) {
            var $toolsBox = $('<div id="clbi-tools-box" class="clbi-left-box"></div>');
                return res.text();
             var $toolsTitle = $('<div class="clbi-left-title">관리</div>');
             })
            var $toolsContent = $('<div class="clbi-left-content"></div>');
            .then(function(html) {
                var parser = new DOMParser();
                var doc = parser.parseFromString(html, 'text/html');


                var scripts = doc.querySelectorAll('script');
            $toolsContent.append($('.content-tools .btn-group').clone(true));
                for (var i = 0; i < scripts.length; i++) {
            $toolsBox.append($toolsTitle).append($toolsContent);
                    var src = scripts[i].textContent;
            $('#clbi-left-sidebar').append($toolsBox);
        }


                    if (src.indexOf('wgNamespaceNumber') !== -1) {
        $('.content-tools').css('display', 'none');
                        var match = src.match(/"wgNamespaceNumber":(-?\d+)/);
                        if (match) mw.config.set('wgNamespaceNumber', parseInt(match[1], 10));


                        var matchTitle = src.match(/"wgTitle":"([^"]+)"/);
    } else {
                        if (matchTitle) mw.config.set('wgTitle', matchTitle[1]);
        $('.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 matchPage = src.match(/"wgPageName":"([^"]+)"/);
        $('#clbi-main-logo').remove();
                        if (matchPage) mw.config.set('wgPageName', matchPage[1]);
        $('#clbi-main-crt-hero-wrap').remove();
        $('#clbi-tools-box').remove();
    }


                        var matchArticle = src.match(/"wgArticleId":(\d+)/);
    if (!isUserProfilePage) {
                        if (matchArticle) {
        $('.profile-card').remove();
                            mw.config.set('wgArticleId', parseInt(matchArticle[1], 10));
        $('.user-profile-portal').removeClass('user-profile-portal');
                        } else {
    }
                            mw.config.set('wgArticleId', 0);
                        }


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


                        var matchSpecial = src.match(/"wgCanonicalSpecialPageName":"([^"]+)"/);
    applyDefaultPageTitleVisibility();
                        if (matchSpecial) {
    updateSidebar();
                            mw.config.set('wgCanonicalSpecialPageName', matchSpecial[1]);
}
                        } else {
                            mw.config.set('wgCanonicalSpecialPageName', false);
                        }
                        break;
                    }
                }


                syncCatlinksConfigFromSpaDocument(doc);
// 본문 기본 목차 제거
function removeNativeTocFromContent() {
    $('.liberty-content-main #toc, .liberty-content-main .toc').remove();
}


                var newContent = doc.querySelector('.liberty-content-main');
// 왼쪽 목차: MediaWiki 문단 ID 가져오기
                var newTitle = doc.querySelector('.mw-page-title-main');
function getHeadingId(heading) {
                var newHead = doc.querySelector('title');
    if (heading.id) {
                var newHeader = doc.querySelector('.liberty-content-header');
        return heading.id;
    }


                if (newContent) {
    var headline = heading.querySelector('.mw-headline[id]');
                    prepareSpaCatlinksBeforeInsert(newContent);
    if (headline && headline.id) {
                    $('#side-toc-box').remove();
        return headline.id;
                    $('.profile-card').remove();
    }
                    $('.user-profile-portal').removeClass('user-profile-portal');
                    $('.liberty-content-main').html(newContent.innerHTML);
                    $('.profile-card').remove();
                    $('body').removeClass('page-loading');
                }


                if (newTitle) {
    return '';
                    $('.mw-page-title-main').html(newTitle.innerHTML);
}
                }


                if (newHead) {
// 왼쪽 목차: MediaWiki 문단 제목 텍스트 가져오기
                    document.title = newHead.textContent;
function getHeadingText(heading) {
                }
    var headline = heading.querySelector('.mw-headline');
    var source = headline || heading;
    var clone = source.cloneNode(true);


                if (newHeader) {
    $(clone).find('.mw-editsection, .mw-editsection-bracket, .mw-editsection-divider').remove();
                    $('.liberty-content-header').html(newHeader.innerHTML);
                }


                if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
    return (clone.textContent || '')
                window.scrollTo(0, 0);
        .replace(/\s+/g, ' ')
                mw.hook('wikipage.content').fire($('.liberty-content-main'));
        .trim();
                applyMainPageStyle();
}
                initClbiCustomDocumentScrollbars();
                initCategoryNavIfAvailable(document);


                if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.handleSpaPageView === 'function') {
// 왼쪽 목차: 긴 제목에 자동 스크롤 적용
                    window.ProgressSystemWebUi.handleSpaPageView();
function initTocTitleScroll(root) {
                } else if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
    var $items = root
                    window.ProgressSystemWebUi.boot('spa');
        ? $(root).find('.toc-scroll-text')
                }
        : $('#side-toc-box .toc-scroll-text');


                $('#side-toc-box').remove();
    $items.each(function () {
                setTimeout(moveTocToLeftSidebar, 100);
        var $text = $(this);
                setTimeout(moveTocToLeftSidebar, 500);
        var $wrap = $text.closest('.toc-scroll-wrap');
                setTimeout(moveTocToLeftSidebar, 1200);


                mw.loader.using(['mediawiki.api']).then(function() {
        if (!$wrap.length) return;
                    initProfile();
                    moveTocToLeftSidebar();
                });
            });
    }


// 목차 링크는 전용 처리
        var wrapW = Math.floor($wrap.width());
$(document).on('click', '#side-toc-box a, #toc a, .toc a', function(e) {
        var textW = Math.ceil(this.scrollWidth);
    var href = $(this).attr('href');
    if (!href || href.charAt(0) !== '#') return;


    var rawId = href.slice(1);
        // 왼쪽 목차: 레이아웃 계산이 끝나지 않았으면 이번 실행에서는 건드리지 않는다.
    if (!rawId) return;
        if (!wrapW || !textW) return;


    var decodedId = rawId;
        if (textW <= wrapW + 12) {
            // 왼쪽 목차: 칸을 넘지 않는 제목은 전체 텍스트를 그대로 보여준다.
            $wrap.removeClass('is-scrolling');


    try {
            if ($text.data('toc-scroll-enabled')) {
        decodedId = decodeURIComponent(rawId);
                $text.css({
    } catch (err) {
                    animation: '',
        decodedId = rawId;
                    'animation-delay': '',
    }
                    '--scroll-dist': ''
                });
                $text.removeData('toc-scroll-enabled');
                $text.removeData('toc-scroll-key');
            }


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


    if (!target && window.CSS && CSS.escape) {
        var scrollDist = '-' + (textW - wrapW + 10) + 'px';
         target = document.querySelector('#' + CSS.escape(decodedId));
         var duration = Math.max(7, textW / 38) * 1.25;
    }
        var scrollKey = scrollDist + '|' + duration;


    if (!target) return;
        // 왼쪽 목차: 긴 제목에는 오른쪽 페이드와 스크롤을 적용한다.
        $wrap.addClass('is-scrolling');


    e.preventDefault();
        // 왼쪽 목차: 같은 값으로 이미 적용된 애니메이션은 다시 초기화하지 않는다.
    e.stopPropagation();
        if ($text.data('toc-scroll-key') === scrollKey) {
            return;
        }


    var scrollTarget = target.closest('h2, h3') || target;
        $text.data('toc-scroll-enabled', true);
        $text.data('toc-scroll-key', scrollKey);


    scrollTarget.scrollIntoView({
        $text.css({
        behavior: 'auto',
            // 왼쪽 목차: 페이지 진입 직후에는 잠시 읽을 시간을 준 뒤 흐르게 한다.
        block: 'start'
            animation: 'toc-scroll-blink-reset ' + duration + 's linear infinite',
            'animation-delay': '1s',
            '--scroll-dist': scrollDist
        });
     });
     });
}
// 목차를 왼쪽 사이드바에 새로 생성
function moveTocToLeftSidebar() {
    removeNativeTocFromContent();
    $('#side-toc-box').remove();
    return;


     history.replaceState(null, '', '#' + rawId);
     // 왼쪽 목차: MediaWiki가 만든 원래 목차는 본문에서 제거한다.
});
    removeNativeTocFromContent();


     $(document).on('click', 'a', function(e) {
     var leftSidebar = document.getElementById('clbi-left-sidebar');
        // 휠 클릭, 새 탭 열기, 보조키 이동은 브라우저 기본 동작을 유지한다.
    if (!leftSidebar) return;
        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');
    var content =
         if (!href) return;
        document.querySelector('.liberty-content-main .mw-parser-output') ||
         document.querySelector('.liberty-content-main');


        // 목차 링크는 별도 핸들러에서 처리
    if (!content) return;
        if ($(this).closest('#side-toc-box, #toc, .toc').length) return;


         // 단순 해시 링크는 SPA 가로채기 제외
    var headings = Array.prototype.slice.call(
         if (href.startsWith('#')) return;
         content.querySelectorAll('h2, h3')
    ).filter(function (heading) {
         if (heading.closest('#toc, .toc, #side-toc-box')) return false;


         var link = document.createElement('a');
         var id = getHeadingId(heading);
         link.href = href;
         var text = getHeadingText(heading);


         var samePath = decodeURIComponent(link.pathname) === decodeURIComponent(window.location.pathname);
         if (!id || !text) return false;
        var sameSearch = (link.search || '') === (window.location.search || '');


         if (link.hash && samePath && sameSearch) return;
         return true;
    });


        var currentBase = window.location.href.split('#')[0];
    var tocKey = headings.map(function (heading) {
        var targetBase = link.href.split('#')[0];
        return getHeadingId(heading) + '|' + getHeadingText(heading);
    }).join('||');


        if (link.hash && currentBase === targetBase) return;
    var existingBox = document.getElementById('side-toc-box');


        if (!isInternal(href)) return;
    // 왼쪽 목차: 같은 문서에서 같은 목차를 이미 만들었다면 다시 지우고 만들지 않는다.
         if (shouldSkip(href)) return;
    if (existingBox && existingBox.getAttribute('data-toc-key') === tocKey) {
         initTocTitleScroll(existingBox);
        return;
    }


        e.preventDefault();
    if (existingBox) {
        playStaticSound();
         existingBox.remove();
        $('body').addClass('page-loading');
     }
         history.pushState(null, '', href);
        loadPage(href);
     });


     window.addEventListener('popstate', function() {
     if (!headings.length) return;
        loadPage(window.location.href);
    });
});


    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';


/* ========== CLBI Custom Document Scrollbar ========== */
    // 왼쪽 목차: 박스 제목은 Lang.js의 현재 UI 언어를 따른다.
function isGeneralDocumentView() {
    var currentLang = getCurrentLang();
     var body = document.body;
     var t = (window.LANG && window.LANG[currentLang]) ? window.LANG[currentLang] : window.LANG.ko;
     if (!body) return false;
     var tocTitleText = (t && t.toc) ? t.toc : '목차';


     return body.classList.contains('action-view') &&
     title.textContent = tocTitleText;
        !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() {
    var body = document.createElement('div');
     if (!isGeneralDocumentView()) return [];
     body.className = 'clbi-left-content toc-sidebar-content';


     return Array.prototype.slice.call(document.querySelectorAll(
     var list = document.createElement('ul');
        '.liberty-content-main > #mw-content-text .mw-parser-output, ' +
     list.className = 'generated-toc';
        '.liberty-content-main > .mw-body-content .mw-parser-output'
     )).filter(function (el, index, list) {
        return el && list.indexOf(el) === index;
    });
}


function getClbiOuterWellForScroll(scrollEl) {
    headings.forEach(function (heading) {
    var main = scrollEl ? scrollEl.closest('.liberty-content-main') : null;
        var id = getHeadingId(heading);
    var children;
        var text = getHeadingText(heading);
    var i;
        var level = heading.tagName.toLowerCase() === 'h3' ? 3 : 2;
    var child;


    if (!main) return null;
        var item = document.createElement('li');
        item.className = 'toc-level-' + level;


    children = Array.prototype.slice.call(main.children || []);
        var link = document.createElement('a');
    for (i = 0; i < children.length; i += 1) {
        link.setAttribute('href', '#' + id);
        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;
        // 왼쪽 목차: 긴 제목 스크롤을 위해 텍스트를 별도 span으로 감싼다.
}
        var textWrap = document.createElement('span');
        textWrap.className = 'toc-scroll-wrap';


function buildClbiCustomScrollbar(well, scrollEl) {
        var textSpan = document.createElement('span');
    var bar = well.querySelector(':scope > .clbi-custom-scrollbar');
        textSpan.className = 'toc-scroll-text';
    var up;
        textSpan.textContent = text;
    var track;
    var thumb;
    var down;


    if (!bar) {
         textWrap.appendChild(textSpan);
         bar = document.createElement('div');
         link.appendChild(textWrap);
        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;
        item.appendChild(link);
    up = bar.querySelector('.clbi-custom-scroll-arrow-up');
        list.appendChild(item);
    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) {
     body.appendChild(list);
        up.__clbiBound = true;
    tocBox.appendChild(title);
        up.addEventListener('mousedown', function (e) {
    tocBox.appendChild(body);
            e.preventDefault();
    leftSidebar.appendChild(tocBox);
            e.stopPropagation();
            if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop -= 48;
            updateClbiCustomScrollbar(bar);
        });
    }


     if (down && !down.__clbiBound) {
     // 왼쪽 목차: DOM 배치가 끝난 뒤 긴 제목 스크롤 여부를 계산한다.
        down.__clbiBound = true;
    requestAnimationFrame(function () {
        down.addEventListener('mousedown', function (e) {
        initTocTitleScroll(tocBox);
            e.preventDefault();
 
            e.stopPropagation();
        setTimeout(function () {
             if (bar.__clbiScrollTarget) bar.__clbiScrollTarget.scrollTop += 48;
             initTocTitleScroll(tocBox);
            updateClbiCustomScrollbar(bar);
        }, 120);
        });
    });
    }
}


    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();
var RIGHT_BILLBOARD_ITEMS = [
             e.stopPropagation();
    {
        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: [
            '"지금 지원하세요!"'
        ]
    }
];


            target = bar.__clbiScrollTarget;
function getRightBillboardItem(index) {
            if (!target) return;
    var items = RIGHT_BILLBOARD_ITEMS;


            rect = track.getBoundingClientRect();
    if (!items || !items.length) {
             thumbRect = thumb.getBoundingClientRect();
        return {
             direction = e.clientY < thumbRect.top ? -1 : 1;
             file: 'Side-visual-001.png',
            target.scrollTop += direction * Math.max(60, Math.floor(target.clientHeight * 0.82));
             alt: '',
             updateClbiCustomScrollbar(bar);
             caption: []
         });
         };
     }
     }


     if (thumb && !thumb.__clbiBound) {
     var normalized = index % items.length;
        thumb.__clbiBound = true;
    if (normalized < 0) normalized += items.length;
        thumb.addEventListener('mousedown', function (e) {
            var target = bar.__clbiScrollTarget;
            var startY;
            var startScroll;
            var maxScroll;
            var maxThumbTop;
            var trackHeight;
            var thumbHeight;


            if (!target) return;
    return items[normalized];
}


            e.preventDefault();
function getRightBillboardImageUrl(fileName) {
            e.stopPropagation();
    return '/index.php?title=특수:Redirect/file/' + encodeURIComponent(fileName || 'Side-visual-001.png');
}


            startY = e.clientY;
function getRightBillboardCaptionHtml(item) {
            startScroll = target.scrollTop;
    var lines = item && item.caption ? item.caption : [];
            maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
    var html = '';
            trackHeight = track ? track.clientHeight : 0;
            thumbHeight = thumb.offsetHeight || 0;
            maxThumbTop = Math.max(1, trackHeight - thumbHeight);


             bar.classList.add('is-dragging');
    function escapeCaptionText(value) {
        return String(value == null ? '' : value)
             .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/\"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }


            function onMove(moveEvent) {
    lines.forEach(function(line) {
                var dy = moveEvent.clientY - startY;
        var text = String(line == null ? '' : line);
                target.scrollTop = startScroll + (dy / maxThumbTop) * maxScroll;
        var isGap = !text.trim();
                updateClbiCustomScrollbar(bar);
        var className = 'right-billboard-caption-line' + (isGap ? ' is-gap' : '');
                moveEvent.preventDefault();
        html += '<span class="' + className + '">' + (isGap ? '&nbsp;' : escapeCaptionText(text)) + '</span>';
            }
    });


            function onUp() {
    return html;
                bar.classList.remove('is-dragging');
}
                document.removeEventListener('mousemove', onMove);
                document.removeEventListener('mouseup', onUp);
            }


            document.addEventListener('mousemove', onMove);
function setRightBillboardItem(index) {
            document.addEventListener('mouseup', onUp);
    var box = document.querySelector('.right-billboard-box');
        });
    if (!box) return;
    }


     if (!scrollEl.__clbiCustomScrollbarBound) {
     var item = getRightBillboardItem(index);
        scrollEl.__clbiCustomScrollbarBound = true;
    var src = getRightBillboardImageUrl(item.file);
        scrollEl.addEventListener('scroll', function () {
    var images = box.querySelectorAll('.right-billboard-image');
            if (scrollEl.__clbiCustomScrollbar) {
    var caption = box.querySelector('#right-billboard-caption');
                updateClbiCustomScrollbar(scrollEl.__clbiCustomScrollbar);
    var emptySub = box.querySelector('.right-billboard-empty-sub');
            }
        }, { passive: true });
    }


     scrollEl.__clbiCustomScrollbar = bar;
     box.setAttribute('data-billboard-index', String(index));
     updateClbiCustomScrollbar(bar);
     box.classList.remove('is-empty');


     return bar;
     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 || '') : '');
    });


function updateClbiCustomScrollbar(bar) {
    if (caption) {
    var scrollEl = bar && bar.__clbiScrollTarget;
        caption.innerHTML = getRightBillboardCaptionHtml(item);
    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;
     if (emptySub) {
 
         emptySub.textContent = item.file || 'Side-visual-001.png';
    maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;
    if (maxScroll <= 1) {
         bar.classList.add('is-hidden');
        return;
     }
     }
}


     bar.classList.remove('is-hidden');
function getRightBillboardItemDuration(item) {
     var duration = item && item.duration ? parseInt(item.duration, 10) : 3000;


     trackHeight = Math.max(1, track.clientHeight || 1);
     if (Number.isNaN(duration) || duration < 500) {
    thumbHeight = Math.max(12, Math.floor((scrollEl.clientHeight / Math.max(scrollEl.scrollHeight, 1)) * trackHeight));
        duration = 3000;
     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';
     return duration;
    thumb.style.transform = 'translateY(' + top + 'px)';
}
}


function initClbiCustomDocumentScrollbars() {
function initRightBillboardCarousel() {
     var existing = Array.prototype.slice.call(document.querySelectorAll('.clbi-custom-scrollbar'));
     var box = document.querySelector('.right-billboard-box');
     var targets = getClbiDocumentScrollTargets();
    if (!box || box.getAttribute('data-billboard-ready') === '1') return;
     var liveBars = [];
 
    box.setAttribute('data-billboard-ready', '1');
     box.setAttribute('data-billboard-index', '0');
 
     setRightBillboardItem(0);


     if (!targets.length) {
     if (!RIGHT_BILLBOARD_ITEMS || RIGHT_BILLBOARD_ITEMS.length <= 1) return;
        existing.forEach(function (bar) { bar.remove(); });
        return;
    }


     targets.forEach(function (scrollEl) {
     function scheduleNext() {
         var well = getClbiOuterWellForScroll(scrollEl);
         var current = parseInt(box.getAttribute('data-billboard-index') || '0', 10);
         var bar;
         if (Number.isNaN(current)) current = 0;


         if (!well) return;
         var currentItem = getRightBillboardItem(current);
         bar = buildClbiCustomScrollbar(well, scrollEl);
         var delay = getRightBillboardItemDuration(currentItem);
        liveBars.push(bar);
    });


    existing.forEach(function (bar) {
        window.setTimeout(function() {
        if (liveBars.indexOf(bar) === -1) bar.remove();
            if (!document.body.contains(box)) return;
    });


    window.requestAnimationFrame(function () {
            if (!document.hidden) {
        liveBars.forEach(updateClbiCustomScrollbar);
                setRightBillboardItem(current + 1);
    });
            }


    setTimeout(function () {
            scheduleNext();
         liveBars.forEach(updateClbiCustomScrollbar);
         }, delay);
    }, 120);
    }
}


if (!window.__clbiCustomScrollbarResizeBound) {
     scheduleNext();
     window.__clbiCustomScrollbarResizeBound = true;
    window.addEventListener('resize', function () {
        setTimeout(initClbiCustomDocumentScrollbars, 60);
    });
}
}




// 시간 계산 함수
function escapeRightBillboardAttr(value) {
function timeAgo(timestamp) {
     return String(value == null ? '' : value)
     var now = new Date();
        .replace(/&/g, '&amp;')
    var date = new Date(timestamp);
        .replace(/</g, '&lt;')
    var diff = Math.floor((now - date) / 1000);
        .replace(/>/g, '&gt;')
        .replace(/"/g, '&quot;')
        .replace(/'/g, '&#039;');
}


    if (diff < 60) return diff + '초 전';
function buildRightBillboardBox() {
     if (diff < 3600) return Math.floor(diff / 60) + '분 전';
     var billboardInitial = getRightBillboardItem(0);
     if (diff < 86400) return Math.floor(diff / 3600) + '시간 전';
     var billboardSrc = getRightBillboardImageUrl(billboardInitial.file);
    return Math.floor(diff / 86400) + '일 전';
}


// 펼접 토글
    return '' +
// 펼접 토글
        '<div class="clbi-left-box right-billboard-box left-billboard-box left-ad-box" data-billboard-index="0">' +
function getFoldTexts() {
            '<div class="clbi-left-title right-billboard-title left-ad-title left-ad-title-iconless">' +
    var lang = getCurrentLang();
                '<span id="clbi-title-left-ad" class="left-ad-title-label">Looking for a job?</span>' +
    return (window.LANG && window.LANG[lang])
            '</div>' +
        ? window.LANG[lang]
            '<div class="clbi-left-content left-ad-content-shell">' +
        : (window.LANG ? window.LANG.ko : { expand: '펼치기', collapse: '접기' });
                '<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>';
}
}


function refreshOpenAncestors($start) {
    $start.parents('[id^="collapsible"]').each(function () {
        var $parent = $(this);
        if (!$parent.hasClass('folding-open')) return;


        // 이미 fully open 상태면 굳이 다시 잠그지 않음
var GREAT_WALL_DATA_TITLE = '프로젝트:The_Great_Wall/Data.json';
        if ($parent.data('fold-state') === 'open') {
var GREAT_WALL_LIST_LIMIT = 0;
            return;
var greatWallState = {
        }
    data: { entries: {} },
 
    loaded: false,
        $parent.css('max-height', this.scrollHeight + 'px');
    loading: false,
     });
    saving: false,
}
    selectedOwnEntry: false,
    statusText: ''
};
 
function normalizeGreatWallData(data) {
     var normalized = { entries: {} };
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};


function bindInnerResizeUpdates($target) {
     Object.keys(entries).forEach(function(key) {
    // 이미지 늦게 로드될 때 높이 갱신
         var item = entries[key];
     $target.find('img').off('.foldimg').on('load.foldimg', function () {
        var user = item && item.user ? String(item.user) : String(key || '');
         if ($target.hasClass('folding-open')) {
        var text = item && item.text ? String(item.text) : '';
            if ($target.data('fold-state') !== 'open') {
        var timestamp = item && item.timestamp ? String(item.timestamp) : '';
                $target.css('max-height', $target[0].scrollHeight + 'px');
            }
            refreshOpenAncestors($target);
        }
    });
}


function openFold($target, $btn) {
        if (!user || !text) return;
    var t = getFoldTexts();


    $target.data('fold-state', 'opening');
        normalized.entries[user] = {
     $target.addClass('folding-open');
            user: user,
            text: text.slice(0, 140),
            timestamp: timestamp || new Date(0).toISOString()
        };
     });


     // 열린 뒤 자연 확장 가능하게 만들기 위해 먼저 px로 열기
     return normalized;
    $target.css('max-height', '0px');
}
    $target[0].offsetHeight;
    $target.css('max-height', $target[0].scrollHeight + 'px');


    $btn.text(t.collapse);
function parseGreatWallData(text) {
    var parsed;


     bindInnerResizeUpdates($target);
     try {
        parsed = text ? JSON.parse(text) : {};
    } catch (err) {
        console.error('The Great Wall data parse failed:', err);
        parsed = {};
    }


     // 바깥 펼접 즉시 갱신
     return normalizeGreatWallData(parsed);
    refreshOpenAncestors($target);
}


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


        $target.css('max-height', 'none');
function getGreatWallRevisionText(page) {
        $target.data('fold-state', 'open');
    var rev;
    var slot;


        refreshOpenAncestors($target);
    if (!page || !page.revisions || !page.revisions.length) return '';
    });


     // 늦게 렌더되는 콘텐츠 대응
     rev = page.revisions[0];
    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 (rev.slots && rev.slots.main) {
        if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
        slot = rev.slots.main;
            $target.css('max-height', $target[0].scrollHeight + 'px');
        return slot.content || slot['*'] || '';
            refreshOpenAncestors($target);
     }
        }
     }, 80);


     setTimeout(function () {
     return rev.content || rev['*'] || '';
        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) {
function fetchGreatWallData() {
     var t = getFoldTexts();
     var api = new mw.Api();


     // none 상태에서 닫으면 transition이 안 되므로 실제 높이로 고정
     return api.get({
    if ($target.css('max-height') === 'none' || $target.data('fold-state') === 'open') {
        action: 'query',
         $target.css('max-height', $target[0].scrollHeight + 'px');
        prop: 'revisions',
    } else {
        titles: GREAT_WALL_DATA_TITLE,
         $target.css('max-height', $target[0].scrollHeight + 'px');
        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;


    $target.data('fold-state', 'closing');
        if (!page || page.missing) {
    $target[0].offsetHeight;
            return { entries: {} };
    $target.css('max-height', '0px');
        }
    $target.removeClass('folding-open');


     $btn.text(t.expand);
        return parseGreatWallData(getGreatWallRevisionText(page));
     }, function(err) {
        console.error('The Great Wall load failed:', err);
        return { entries: {} };
    });
}


    refreshOpenAncestors($target);
function getGreatWallEntries(data) {
    var entries = data && data.entries && typeof data.entries === 'object' ? data.entries : {};


     setTimeout(function () {
     return Object.keys(entries).map(function(key) {
         refreshOpenAncestors($target);
         return entries[key];
         $target.data('fold-state', 'closed');
    }).filter(function(item) {
     }, 250);
        return item && item.user && item.text;
    }).sort(function(a, b) {
         return String(a.timestamp || '').localeCompare(String(b.timestamp || ''));
     });
}
}


$(function () {
function getGreatWallMessageTime(timestamp) {
     $(document)
     var date = timestamp ? new Date(timestamp) : null;
        .off('click.clbiToggle')
    var month;
        .on('click.clbiToggle', '.toggleBtn', function () {
    var day;
            var $btn = $(this);
    var hour;
            var targetId = $btn.data('target');
    var minute;
            var $target = $('#' + targetId);
            if (!$target.length) return;


            var scrollY = window.scrollY;
    if (!date || isNaN(date.getTime())) return '—';


            if ($target.hasClass('folding-open')) {
    month = String(date.getMonth() + 1).padStart(2, '0');
                closeFold($target, $btn);
    day = String(date.getDate()).padStart(2, '0');
            } else {
    hour = String(date.getHours()).padStart(2, '0');
                openFold($target, $btn);
    minute = String(date.getMinutes()).padStart(2, '0');
            }


            window.scrollTo(0, scrollY);
    return month + '.' + day + ' ' + hour + ':' + minute;
        });
}
});


// ========== 프로필 시스템 ==========
function getGreatWallAvatarSrc(user) {
function initProfile() {
     return '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(String(user || '')) + '.png';
     $('.profile-card').remove();
}
    $('.user-profile-portal').removeClass('user-profile-portal');


     var token = ++PROFILE_RENDER_TOKEN;
function buildGreatWallEntryHtml(item, currentUser, selectedOwnEntry) {
     var ns = mw.config.get('wgNamespaceNumber');
     var isOwn = currentUser && item.user === currentUser;
     var title = mw.config.get('wgTitle');
     var tag = isOwn ? 'button' : 'div';
     var specialPage = mw.config.get('wgCanonicalSpecialPageName');
     var attrs = isOwn ? ' type="button" data-great-wall-own-entry="1" aria-label="Edit your wall message"' : '';
     var isProfileSettings = specialPage === '사용자정보';
     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 || '';


     $('body').toggleClass('user-profile-page', ns === 2);
     return '' +
    $('body').toggleClass('user-profile-settings-page', isProfileSettings);
        '<' + 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;;">' +
    if (ns === 2) {
            '<div class="great-wall-bubble">' +
        var profileUser = title.split('/')[0];
                '<div class="great-wall-entry-head">' +
        renderProfile(profileUser, token);
                    '<span class="great-wall-user">@' + escapeClbiHtml(item.user) + '</span>' +
    }
                    '<span class="great-wall-time" title="' + escapeClbiHtml(isoTime) + '">' + escapeClbiHtml(messageTime) + '</span>' +
 
                '</div>' +
    if (isProfileSettings) {
                '<div class="great-wall-text">' + escapeClbiHtml(item.text) + '</div>' +
         initUserProfilePage();
            '</div>' +
    }
         '</' + tag + '>';
}
}


function renderProfile(username, token) {
function renderGreatWallBox() {
     var api = new mw.Api();
     var box = document.getElementById('great-wall-sidebar');
     api.get({
     var list = document.getElementById('great-wall-list');
        action: 'query',
    var input = document.getElementById('great-wall-input');
        list: 'users',
    var submit = document.getElementById('great-wall-submit');
        ususers: username,
     var deleteButton = document.getElementById('great-wall-delete');
        usprop: 'editcount'
    var status = document.getElementById('great-wall-status');
     }).then(function(data) {
    var currentUser = mw.config.get('wgUserName') || '';
        if (token !== PROFILE_RENDER_TOKEN) return;
    var entries = getGreatWallEntries(greatWallState.data);
        if (mw.config.get('wgNamespaceNumber') !== 2) return;
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var visibleEntries = [];
    var seen = {};


        var currentTitle = String(mw.config.get('wgTitle') || '').split('/')[0];
    if (!box || !list) return;
        if (currentTitle !== username) return;


        var user = data.query.users[0];
    box.classList.toggle('is-guest', !currentUser);
        var contentEl = document.getElementById('mw-content-text');
    box.classList.toggle('is-loading', !!greatWallState.loading);
        if (!contentEl) return;
    box.classList.toggle('is-saving', !!greatWallState.saving);
    box.classList.toggle('has-own-entry', !!ownEntry);
    box.classList.toggle('is-own-selected', !!greatWallState.selectedOwnEntry);


         var pageContent = contentEl.querySelector('.mw-parser-output') || contentEl;
    entries.forEach(function(item) {
         injectProfileCard(username, user, pageContent);
         if (seen[item.user]) return;
         visibleEntries.push(item);
        seen[item.user] = true;
     });
     });
}


function injectProfileCard(username, userData, container) {
    if (greatWallState.loading && !greatWallState.loaded) {
     var isOwnPage = mw.config.get('wgUserName') === username;
        list.innerHTML = '<div class="great-wall-empty">SYNCING WALL</div>';
     var editCount = (userData && userData.editcount) ? userData.editcount : 0;
     } 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;
    }


     function escapeHtml(value) {
     if (status) {
         return String(value == null ? '' : value)
         // Status text is intentionally suppressed in the composer strip; the area is spacing-only UI.
            .replace(/&/g, '&amp;')
        status.textContent = '';
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
     }
     }


     container.classList.add('user-profile-portal');
     if (!input || !submit) return;


     var safeUsername = escapeHtml(username);
     input.disabled = false;
     var avatarSrc = '/index.php?title=특수:Redirect/file/Pfp-' + encodeURIComponent(username) + '.png&width=220';
     input.readOnly = false;
     var fallbackSrc = '/index.php?title=특수:Redirect/file/Pfp-default.png&width=220';
     input.removeAttribute('aria-readonly');
    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
     if (!currentUser) {
         ? '<div class="profile-page-progress is-syncing" data-profile-progress>' +
        input.disabled = true;
            '<div class="profile-section-title">LEVEL RECORD</div>' +
         input.readOnly = false;
            '<div class="profile-page-progress-body">' +
        input.value = '';
                '<div class="profile-page-progress-row">' +
        input.placeholder = '담벼락';
                    '<span class="profile-page-level">SYNC</span>' +
        submit.textContent = 'LOGIN';
                    '<span class="profile-page-total-xp">— XP</span>' +
        submit.disabled = false;
                '</div>' +
        if (deleteButton) {
                '<div class="profile-page-xp-bar" aria-hidden="true"><div class="profile-page-xp-fill"></div></div>' +
            deleteButton.disabled = true;
                '<div class="profile-page-progress-sub">SYNCING</div>' +
            deleteButton.title = 'Login required';
                '<div class="profile-page-progress-meta">TODAY — · DISCOVERED —</div>' +
        }
             '</div>' +
        return;
         '</div>'
    }
        : '';
 
    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';
    }


     var card = document.createElement('div');
     if (ownEntry && !greatWallState.selectedOwnEntry) {
    card.className = 'profile-card profile-page-console';
        input.disabled = false;
    card.innerHTML =
        input.readOnly = true;
         '<div class="profile-card-titlebar">' +
         input.setAttribute('aria-readonly', 'true');
            '<span>USER PROFILE</span>' +
         input.value = '';
            '<span>OFFICIAL ARCHIVE</span>' +
         input.placeholder = '담벼락';
         '</div>' +
        submit.disabled = true;
         '<div class="profile-card-body">' +
        submit.textContent = 'UPDATE';
            '<div class="profile-identity-row">' +
         return;
                '<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();
     input.disabled = false;
     container.insertBefore(card, container.firstChild);
     input.readOnly = false;
     loadProfileFields(username, card);
     input.removeAttribute('aria-readonly');
     loadProfileContributionPages(username, card);
     input.placeholder = '담벼락';
    updateProfilePageEnvironment(card, null);
     if (ownEntry && greatWallState.selectedOwnEntry && !input.value) {
 
         input.value = ownEntry.text || '';
     if (isOwnPage) {
         loadProfileProgressForUserPage(card);
     }
     }
    submit.disabled = false;
    submit.textContent = ownEntry ? 'UPDATE' : 'POST';
}
}


function getProfileLanguageLabel() {
function saveGreatWallEntry() {
     var lang = getCurrentLang();
     var input = document.getElementById('great-wall-input');
     return SIDEBAR_LANGUAGE_LABELS[lang] || (lang ? lang.toUpperCase() : '—');
    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;


function updateProfilePageEnvironment(card, summary) {
    if (!currentUser) {
    if (!card) return;
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }


     var timezone = summary && summary.timezone ? summary.timezone : 'UTC';
     if (ownEntry && !greatWallState.selectedOwnEntry) {
    var timeEl = card.querySelector('[data-profile-time]');
        greatWallState.statusText = '';
     var langEl = card.querySelector('[data-profile-language]');
        renderGreatWallBox();
        return;
     }


     if (timeEl) {
     if (!text) {
         try {
         greatWallState.statusText = 'EMPTY MARK';
            timeEl.textContent = timezone + ' ' + new Intl.DateTimeFormat('ko-KR', {
         renderGreatWallBox();
                hour: '2-digit',
         return;
                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 (text.length > 140) {
         langEl.textContent = getProfileLanguageLabel();
         text = text.slice(0, 140);
     }
     }
}


function loadProfileContributionPages(username, card) {
     greatWallState.saving = true;
     if (!username || !card) return;
     greatWallState.statusText = 'SAVING';
     if (!mw.loader || typeof mw.loader.using !== 'function') return;
    renderGreatWallBox();


     var valueEl = card.querySelector('[data-contrib-pages-value]');
     fetchGreatWallData().then(function(data) {
    if (valueEl) valueEl.textContent = 'SYNC';
        data = normalizeGreatWallData(data);
        data.entries[currentUser] = {
            user: currentUser,
            text: text,
            timestamp: new Date().toISOString()
        };


    mw.loader.using(['mediawiki.api']).then(function () {
        api = new mw.Api();
         var api = new mw.Api();
        return api.postWithToken('csrf', {
         var pages = Object.create(null);
            action: 'edit',
         var cont = {};
            title: GREAT_WALL_DATA_TITLE,
         var guard = 0;
            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 requestNext() {
            guard++;


            var params = Object.assign({
function deleteGreatWallEntry() {
                action: 'query',
    var input = document.getElementById('great-wall-input');
                list: 'usercontribs',
    var currentUser = mw.config.get('wgUserName') || '';
                ucuser: username,
    var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
                ucnamespace: 0,
    var api;
                ucprop: 'title',
                uclimit: 'max',
                format: 'json',
                formatversion: 2
            }, cont);


            return api.get(params).then(function (data) {
    if (!currentUser) {
                var rows = data && data.query && data.query.usercontribs ? data.query.usercontribs : [];
        window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
        return;
    }


                rows.forEach(function (row) {
    if (!ownEntry) {
                    if (row && row.title) pages[row.title] = true;
        greatWallState.statusText = 'NO MARK TO DELETE';
                });
        renderGreatWallBox();
        return;
    }


                if (data && data.continue && data.continue.uccontinue && guard < 40) {
    greatWallState.saving = true;
                    cont = data.continue;
    greatWallState.statusText = 'DELETING';
                    return requestNext();
    renderGreatWallBox();
                }


                if (valueEl) valueEl.textContent = Object.keys(pages).length;
    fetchGreatWallData().then(function(data) {
             });
        data = normalizeGreatWallData(data);
        if (data.entries && data.entries[currentUser]) {
             delete data.entries[currentUser];
         }
         }


         requestNext().fail(function () {
         api = new mw.Api();
             if (valueEl) valueEl.textContent = '—';
        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 loadProfileProgressForUserPage(card) {
function initGreatWallBoxWhenReady() {
     if (!mw.config.get('wgUserName')) return;
     if (!document.getElementById('great-wall-sidebar')) return;
     if (!mw.loader || typeof mw.loader.using !== 'function') return;
 
     if (mw.Api) {
        initGreatWallBox();
        return;
    }


     mw.loader.using(['mediawiki.api']).then(function () {
     if (mw.loader && mw.loader.using) {
         var api = new mw.Api();
         mw.loader.using(['mediawiki.api']).then(function() {
        api.get({
             initGreatWallBox();
            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) {
function initGreatWallBox() {
     var panel = card.querySelector('[data-profile-progress]');
     var box = document.getElementById('great-wall-sidebar');
     if (!panel || !summary) return;
     var input = document.getElementById('great-wall-input');
    var submit = document.getElementById('great-wall-submit');
    var deleteButton = document.getElementById('great-wall-delete');


     var level = summary.level || 1;
     if (!box || box.getAttribute('data-great-wall-ready') === '1') return;
    var totalXp = summary.totalXp || 0;
 
    var xpIntoLevel = summary.xpIntoLevel || 0;
     if (!mw.Api) {
    var xpForNext = summary.xpForNextLevel || 1;
        initGreatWallBoxWhenReady();
     var percent = Math.max(0, Math.min(100, summary.progressPercent || 0));
        return;
    var isMaxLevel = !!summary.isMaxLevel;
     }
     var dailyXp = summary.dailyXp || 0;
    var discoveries = summary.discoveryCount || 0;


     panel.classList.remove('is-syncing');
     box.setAttribute('data-great-wall-ready', '1');
    panel.classList.toggle('is-max-level', isMaxLevel);


     var levelEl = panel.querySelector('.profile-page-level');
     box.addEventListener('click', function(e) {
    var totalEl = panel.querySelector('.profile-page-total-xp');
        var ownButton = e.target.closest ? e.target.closest('[data-great-wall-own-entry="1"]') : null;
    var fillEl = panel.querySelector('.profile-page-xp-fill');
        var currentUser = mw.config.get('wgUserName') || '';
    var subEl = panel.querySelector('.profile-page-progress-sub');
        var ownEntry = currentUser && greatWallState.data.entries ? greatWallState.data.entries[currentUser] : null;
    var metaEl = panel.querySelector('.profile-page-progress-meta');


    if (levelEl) levelEl.textContent = (isMaxLevel ? 'MAX ' : 'LVL ') + level;
        if (!ownButton || !ownEntry) return;
    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) {
         greatWallState.selectedOwnEntry = true;
    var api = new mw.Api();
         greatWallState.statusText = '';
    api.get({
         renderGreatWallBox();
        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) {
        if (input) {
    var nameEl = card.querySelector('[data-field="name"]');
            input.focus();
    var roleEl = card.querySelector('[data-field="role"]');
            input.setSelectionRange(input.value.length, input.value.length);
    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 || '';
}
// ========== 프로필 시스템 끝 ==========


// ========== 알림 시스템 ==========
     document.addEventListener('click', function(e) {
function ensureNotificationPopup() {
        var target = e.target;
     if (document.getElementById('clbi-notification-popup')) return;
        var keepSelection;


    var popup = document.createElement('div');
        if (!greatWallState.selectedOwnEntry || !target || !target.closest) return;
    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 =
         keepSelection = target.closest('[data-great-wall-own-entry="1"], .great-wall-editor, .great-wall-compose-sector');
         '<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);
        if (keepSelection) return;
}


function positionNotificationPopup() {
        greatWallState.selectedOwnEntry = false;
    var btn = document.getElementById('profile-quick-notifications');
        greatWallState.statusText = '';
    var popup = document.getElementById('clbi-notification-popup');
        if (input) input.value = '';
     if (!btn || !popup) return;
        renderGreatWallBox();
     });


     var rect = btn.getBoundingClientRect();
     if (submit) {
    var top = rect.bottom + 6;
        submit.addEventListener('click', function(e) {
    var left = rect.left + (rect.width / 2) - (popup.offsetWidth / 2);
            e.preventDefault();
            if (!mw.config.get('wgUserName')) {
                window.location.href = '/index.php?title=특수:로그인&returnto=' + encodeURIComponent(mw.config.get('wgPageName') || '대문');
                return;
            }
            saveGreatWallEntry();
        });
    }


     if (left < 8) left = 8;
     if (deleteButton) {
    if (left + popup.offsetWidth > window.innerWidth - 8) {
        deleteButton.addEventListener('click', function(e) {
        left = window.innerWidth - popup.offsetWidth - 8;
            e.preventDefault();
    }
            deleteGreatWallEntry();
    if (top + popup.offsetHeight > window.innerHeight - 8) {
         });
         top = Math.max(8, rect.top - popup.offsetHeight - 6);
     }
     }


     popup.style.top = top + 'px';
     if (input) {
    popup.style.left = left + 'px';
        input.addEventListener('keydown', function(e) {
}
            if (e.key === 'Enter') {
                e.preventDefault();
                saveGreatWallEntry();
            }
        });


function parseNotificationItemsFromHtml(html) {
        input.addEventListener('input', function() {
    var parser = new DOMParser();
            if (input.value.length > 140) {
    var doc = parser.parseFromString(html, 'text/html');
                input.value = input.value.slice(0, 140);
            }
        });
    }


     var selectors = [
     greatWallState.loading = true;
        '.mw-echo-ui-notificationItemWidget',
    greatWallState.statusText = 'SYNCING WALL';
        '.mw-echo-ui-notificationsInboxWidgetRow',
     renderGreatWallBox();
        '.echo-ui-notificationItemWidget',
        'li[data-notification-id]',
        '.mw-echo-notifications-list li'
     ];


     var items = [];
     fetchGreatWallData().then(function(data) {
    for (var i = 0; i < selectors.length; i++) {
        greatWallState.data = normalizeGreatWallData(data);
         items = Array.prototype.slice.call(doc.querySelectorAll(selectors[i]));
        greatWallState.loaded = true;
         if (items.length) break;
        greatWallState.loading = false;
     }
         greatWallState.selectedOwnEntry = false;
        greatWallState.statusText = '';
         renderGreatWallBox();
     });
}


    return items.slice(0, 5).map(function(item) {
function buildGreatWallBox() {
         var link = item.querySelector('a[href]');
    return '' +
        var href = link ? link.getAttribute('href') : '/index.php?title=Special:Notifications';
         '<div id="great-wall-sidebar" class="clbi-right-box great-wall-sidebar">' +
        var text = (item.textContent || '').replace(/\s+/g, ' ').trim();
            '<div class="clbi-right-title great-wall-title">' +
 
                '<span id="clbi-title-great-wall">The Great Wall</span>' +
        var notificationId =
            '</div>' +
            item.getAttribute('data-notification-id') ||
            '<div class="clbi-right-content great-wall-content">' +
            item.getAttribute('data-id') ||
                '<div id="great-wall-list" class="great-wall-list"><div class="great-wall-empty">SYNCING WALL</div></div>' +
             item.getAttribute('data-notification') ||
            '</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>';
}


        if (!notificationId) {
function removeMainPortalGuestbookPreview() {
            var anyWithId = item.querySelector('[data-notification-id], [data-id], [data-notification]');
    var portal = document.querySelector('.main-portal');
            if (anyWithId) {
    var guestbook = portal ? portal.querySelector('.guestbook-device') : null;
                notificationId =
    var sideScreen;
                    anyWithId.getAttribute('data-notification-id') ||
    var grid;
                    anyWithId.getAttribute('data-id') ||
                    anyWithId.getAttribute('data-notification') ||
                    '';
            }
        }


        if (href && href.indexOf('http') !== 0) {
    if (!portal || !guestbook) return;
            href = href.charAt(0) === '/'
                ? href
                : '/index.php' + (href.charAt(0) === '?' ? href : '/' + href);
        }


        return {
    sideScreen = guestbook.closest ? guestbook.closest('.side-screen') : null;
            id: notificationId,
     grid = sideScreen && sideScreen.closest ? sideScreen.closest('.console-grid') : null;
            href: href,
            text: text || '알림'
        };
     });
}


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


function renderNotificationPopup(items) {
    if (sideScreen && !(sideScreen.textContent || '').trim() && !sideScreen.querySelector('img,svg,video,canvas,form,input,button,a')) {
    var list = document.getElementById('clbi-notification-list');
        if (sideScreen.parentNode) {
    var badge = document.getElementById('clbi-notification-badge');
            sideScreen.parentNode.removeChild(sideScreen);
    if (!list) return;
        }


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


     var html = '';
     portal.classList.add('is-great-wall-relocated');
    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) {
function buildSiteInformationBox() {
         badge.textContent = items.length;
    return '' +
        badge.style.display = 'block';
         '<div class="clbi-right-box site-info-sidebar">' +
    }
            '<div class="clbi-right-title site-info-title">' +
    setNotificationIcon(true);
                '<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 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) {
function initSidebars() {
            return res.text();
    var header = $('.liberty-content-header');
        })
    var content = $('.liberty-content');
        .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() {
    if (header.length && content.length) {
    return new mw.Api().postWithToken('csrf', {
         header.prependTo(content);
        action: 'echomarkread',
        list: 'all'
    });
}
 
function markNotificationReadById(notificationId) {
    if (!notificationId) {
         return $.Deferred().resolve().promise();
     }
     }


     return new mw.Api().postWithToken('csrf', {
     if ($('#clbi-right-sidebar').length === 0) {
         action: 'echomarkread',
        var username = mw.config.get('wgUserName');
        list: notificationId
        var isLoggedIn = username !== null;
    });
         var avatarSrc = isLoggedIn
}
            ? '/index.php?title=특수:Redirect/file/Pfp-' + username + '.png'
            : '/index.php?title=특수:Redirect/file/Pfp-default.png';


function initNotifications() {
        var userBox;
    var quickBtn = document.getElementById('profile-quick-notifications');


    if (!quickBtn) return;
        if (isLoggedIn) {
 
            userBox =
    ensureNotificationPopup();
                '<div class="clbi-right-box profile-card-box">' +
    loadNotificationsIntoPopup();
                    '<div id="clbi-user-avatar-wrap" class="profile-identity-panel">' +
 
                        '<div class="profile-avatar-stage">' +
    $(document)
                            '<img id="clbi-user-avatar" src="' + avatarSrc + '" onerror="this.onerror=null;this.src=\'/index.php?title=특수:Redirect/file/Pfp-default.png\';">' +
        .off('click.clbiNotificationToggle')
                        '</div>' +
        .on('click.clbiNotificationToggle', '#profile-quick-notifications', function(e) {
                        '<div id="clbi-user-name-row" class="profile-name-row">' +
             e.preventDefault();
                            '<a href="/index.php/사용자:' + username + '" id="clbi-user-name">' + username + '</a>' +
            e.stopPropagation();
                        '</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 = '';


             var popup = document.getElementById('clbi-notification-popup');
        try {
             if (!popup) return;
             greatWallBox = buildGreatWallBox();
        } catch (err) {
            console.error('The Great Wall build failed:', err);
             greatWallBox = '';
        }


             if (popup.style.display === 'none' || popup.style.display === '') {
        try {
                popup.style.display = 'block';
             siteInformationBox = buildSiteInformationBox();
                positionNotificationPopup();
        } catch (err) {
                loadNotificationsIntoPopup();
            console.error('Site information build failed:', err);
             } else {
             siteInformationBox = '';
                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))) {
        var sidebar = userBox + greatWallBox + siteInformationBox;
                popup.style.display = 'none';
            }
        });


    $(document)
        $('.content-wrapper').append('<div id="clbi-right-sidebar">' + sidebar + '</div>');
        .off('click.clbiNotificationReadAll')
        initGreatWallBoxWhenReady();
        .on('click.clbiNotificationReadAll', '#clbi-notification-readall', function(e) {
        removeMainPortalGuestbookPreview();
            e.preventDefault();
    }
            e.stopPropagation();


            var button = this;
    initGreatWallBoxWhenReady();
            button.disabled = true;
    removeMainPortalGuestbookPreview();
            button.textContent = '처리 중...';


            markAllNotificationsRead()
                .then(function() {
                    loadNotificationsIntoPopup();
                })
                .always(function() {
                    button.disabled = false;
                    button.textContent = '전체 읽음';
                });
        });


     $(document)
     if ($('#clbi-left-sidebar').length === 0) {
        .off('click.clbiNotificationItem')
var leftBillboardBox = '';
        .on('click.clbiNotificationItem', '.clbi-notification-item', function(e) {
            e.preventDefault();
            e.stopPropagation();


             var href = this.getAttribute('href');
        try {
             var notificationId = this.getAttribute('data-notification-id') || '';
             leftBillboardBox = buildRightBillboardBox();
        } catch (err) {
             console.error('Left billboard build failed:', err);
            leftBillboardBox = '';
        }


            markNotificationReadById(notificationId).always(function() {
var leftSidebar =
                loadNotificationsIntoPopup();
     '<div id="clbi-left-sidebar">' +
                if (href) {
         '<div class="clbi-left-box clbi-left-lang-box">' +
                    window.location.href = href;
             '<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="언어 선택">' +
     $(window)
                    '<div id="clbi-sidebar-lang-dial-stage" class="sidebar-lang-dial-stage">' +
        .off('resize.clbiNotification')
                        '<div id="clbi-sidebar-lang-fan" class="sidebar-lang-fan" aria-hidden="true"></div>' +
         .on('resize.clbiNotification', function() {
                        '<div id="clbi-sidebar-lang-selected-panel" class="sidebar-lang-status-panel sidebar-lang-status-left" aria-hidden="true">' +
             var popup = document.getElementById('clbi-notification-popup');
                            '<span id="clbi-sidebar-lang-selected-value" class="sidebar-lang-status-value">한국어</span>' +
             if (popup && popup.style.display === 'block') {
                        '</div>' +
                positionNotificationPopup();
                        '<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">' +


function initUserProfilePage() {
                '<div class="news-feed-title" id="clbi-left-news-changelog-title">CHANGELOG</div>' +
    $('body').addClass('user-profile-settings-page');
                '<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>' +


    var saveBtn = document.getElementById('pref-save');
                '<div class="news-divider"></div>' +
    if (!saveBtn) return;


    function getPrefRow(id) {
                '<div class="news-feed-title" id="clbi-left-news-recent-title">RECENT CHANGES</div>' +
        var el = document.getElementById(id);
                '<div class="news-left-recent-feed" id="clbi-left-recent-list">불러오는 중...</div>' +
        if (!el) return null;
        return el.closest('.clbi-pref-row') || el.parentNode;
    }


    function removePrefRow(id) {
                '<a class="news-fill-image-slot" id="clbi-left-news-fill-image" href="/index.php/특수:최근바뀜" aria-label="최근 바뀜으로 이동">' +
        var row = getPrefRow(id);
                    '<div class="news-fill-image-frame">' +
        if (row && row.parentNode) {
                        '<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();">' +
            row.parentNode.removeChild(row);
                    '</div>' +
        }
                '</a>' +
    }


    function createPrefSection(className, titleText) {
            '</div>' +
         var section = document.createElement('div');
         '</div>' +
         section.className = 'clbi-pref-section ' + className;
         leftBillboardBox +
    '</div>';


         var title = document.createElement('div');
         $('.content-wrapper').prepend(leftSidebar);
        title.className = 'clbi-pref-section-title';
        title.textContent = titleText;


         var body = document.createElement('div');
         renderSidebarLanguageBox();
         body.className = 'clbi-pref-section-body';
         loadRecentChangesList('#clbi-left-recent-list', 10);
        scheduleAdaptiveLeftRecentItems();
        scheduleLeftBillboardAdaptive();
        scheduleClbiContentBottomGap();
        updateLeftSidebarNationsImage();
    }


         section.appendChild(title);
    try {
        section.appendChild(body);
         initRightBillboardCarousel();
 
    } catch (err) {
         return {
         console.error('Right billboard carousel failed:', err);
            section: section,
            body: body
        };
     }
     }


     function moveRowToSection(id, targetBody, className) {
     if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
        var row = getPrefRow(id);
    applyMainPageStyle();
        if (!row || !targetBody) return false;
    initClbiCustomDocumentScrollbars();
    initCategoryNavIfAvailable(document);


        row.classList.add('clbi-pref-row-key-' + className);
    if (window.ProgressSystemWebUi && typeof window.ProgressSystemWebUi.boot === 'function') {
         targetBody.appendChild(row);
         window.ProgressSystemWebUi.boot('initSidebars');
        return true;
     }
     }


     function rebuildProfileSettingsLayout() {
     $('#side-toc-box').remove();
        var root = document.querySelector('.clbi-prefs-profile');
        if (!root || root.dataset.profileSettingsReworked === '1') return;


        root.dataset.profileSettingsReworked = '1';
    mw.loader.using(['mediawiki.api']).then(function() {
         root.classList.add('profile-settings-console');
        setTimeout(function() {
            initNotifications();
            initProfile();
            moveTocToLeftSidebar();
         }, 300);


         removePrefRow('pref-badges');
         setTimeout(moveTocToLeftSidebar, 800);
        setTimeout(moveTocToLeftSidebar, 1500);
    });
}


         var originalRows = Array.prototype.slice.call(root.querySelectorAll('.clbi-pref-row'));
$(function() {
         var actionNodes = [];
    loadLangScript(function() {
         setTimeout(function() {
            initSidebars();
         }, 100);
    });
});


        if (saveBtn.parentNode === root || saveBtn.closest('.clbi-prefs-profile') === root) {
$(document).on('click.profileQuickPlaceholder', '#profile-quick-inventory, #profile-quick-achievements', function(e) {
            actionNodes.push(saveBtn);
    e.preventDefault();
        }
    e.stopPropagation();
});


        var statusNode = document.getElementById('pref-status');
function extractJsonArrayAfterMwConfigKey(text, key) {
        if (statusNode && statusNode.closest('.clbi-prefs-profile') === root) {
    var needle = '"' + key + '"';
            actionNodes.push(statusNode);
    var keyIndex = String(text || '').indexOf(needle);
        }
    var start;
    var i;
    var depth = 0;
    var inString = false;
    var escaped = false;


        var main = document.createElement('div');
    if (keyIndex === -1) return null;
        main.className = 'clbi-pref-main-grid';


        var media = createPrefSection('clbi-pref-section-media', 'PROFILE IMAGE');
    start = String(text || '').indexOf('[', keyIndex + needle.length);
        var identity = createPrefSection('clbi-pref-section-identity', 'IDENTITY RECORD');
    if (start === -1) return null;
        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);
    for (i = start; i < text.length; i += 1) {
        main.appendChild(identity.section);
         var ch = text.charAt(i);
        main.appendChild(bio.section);
         main.appendChild(account.section);
        main.appendChild(misc.section);


         root.innerHTML = '';
         if (inString) {
        root.appendChild(main);
            if (escaped) {
                escaped = false;
            } else if (ch === '\\') {
                escaped = true;
            } else if (ch === '"') {
                inString = false;
            }
            continue;
        }


         moveRowToSection('pref-pfp-preview', media.body, 'pfp');
         if (ch === '"') {
        moveRowToSection('pref-pfp-btn', media.body, 'pfp');
            inString = true;
         moveRowToSection('pref-pfp-input', media.body, 'pfp');
            continue;
         }


         moveRowToSection('pref-name', identity.body, 'name');
         if (ch === '[') depth += 1;
         moveRowToSection('pref-role', identity.body, 'role');
         if (ch === ']') {
        moveRowToSection('pref-discord', identity.body, 'discord');
            depth -= 1;
            if (depth === 0) {
                try {
                    return JSON.parse(text.slice(start, i + 1));
                } catch (err) {
                    return null;
                }
            }
        }
    }


        moveRowToSection('pref-bio', bio.body, 'bio');
    return null;
}


        moveRowToSection('pref-new-email', account.body, 'email');
function extractJsonStringAfterMwConfigKey(text, key) {
        moveRowToSection('pref-email-password', account.body, 'email');
    var needle = '"' + key + '"';
        moveRowToSection('pref-email-save', account.body, 'email');
    var keyIndex = String(text || '').indexOf(needle);
    var colon;
    var start;
    var i;
    var escaped = false;


        originalRows.forEach(function (row) {
    if (keyIndex === -1) return null;
            if (!row.parentNode && !row.className.match(/clbi-pref-row-key-/)) {
                misc.body.appendChild(row);
            }
        });


        if (!misc.body.children.length) {
    colon = text.indexOf(':', keyIndex + needle.length);
            misc.section.parentNode.removeChild(misc.section);
    if (colon === -1) return null;
        }


        var actions = document.createElement('div');
    start = text.indexOf('"', colon + 1);
        actions.className = 'clbi-pref-actions';
    if (start === -1) return null;


        if (saveBtn) actions.appendChild(saveBtn);
    for (i = start + 1; i < text.length; i += 1) {
         if (statusNode) actions.appendChild(statusNode);
         var ch = text.charAt(i);


         root.appendChild(actions);
         if (escaped) {
    }
            escaped = false;
            continue;
        }


    rebuildProfileSettingsLayout();
        if (ch === '\\') {
            escaped = true;
            continue;
        }


    var api = new mw.Api();
        if (ch === '"') {
    var selectedFile = null;
            try {
    var cropper = null;
                return JSON.parse(text.slice(start, i + 1));
 
             } catch (err) {
    if (!document.getElementById('clbi-gallery-modal')) {
                 return text.slice(start + 1, i);
        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')) {
     return null;
        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 =
function syncCatlinksConfigFromSpaDocument(doc) {
            '<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;">' +
    var scripts = doc ? doc.querySelectorAll('script') : [];
                '<div style="font-size:14px;font-weight:700;color:#e2e2e2;">사진 조정</div>' +
    var categories = null;
                '<div style="width:100%;max-height:380px;overflow:hidden;border-radius:8px;">' +
    var hiddenCategories = null;
                    '<img id="clbi-crop-image" style="max-width:100%;">' +
    var relevantPageName = null;
                '</div>' +
    var pageName = null;
                '<div style="display:flex;gap:8px;justify-content:flex-end;">' +
    var i;
                    '<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>' +
    var text;
                    '<button type="button" id="clbi-crop-confirm" style="background:#854369;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">확정</button>' +
    var value;
                '</div>' +
            '</div>';


         document.body.appendChild(cModal);
    for (i = 0; i < scripts.length; i += 1) {
    }
         text = scripts[i].textContent || '';


    var gModal = document.getElementById('clbi-gallery-modal');
        if (categories === null) {
    var cModal = document.getElementById('clbi-crop-modal');
            value = extractJsonArrayAfterMwConfigKey(text, 'wgCategories');
    var cropImage = document.getElementById('clbi-crop-image');
            if (Array.isArray(value)) categories = value;
    var pfpInput = document.getElementById('pref-pfp-input');
        }


    function openGallery() {
        if (hiddenCategories === null) {
        gModal.style.display = 'flex';
            value = extractJsonArrayAfterMwConfigKey(text, 'wgHiddenCategories');
            if (Array.isArray(value)) hiddenCategories = value;
        }


         var username = mw.config.get('wgUserName');
         if (relevantPageName === null) {
        api.get({
             value = extractJsonStringAfterMwConfigKey(text, 'wgRelevantPageName');
             action: 'query',
             if (value !== null) relevantPageName = value;
            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');
        if (pageName === null) {
             var sectionEl = document.getElementById('clbi-gallery-history-section');
             value = extractJsonStringAfterMwConfigKey(text, 'wgPageName');
             historyEl.innerHTML = '';
             if (value !== null) pageName = value;
        }
    }


            page.imageinfo.forEach(function(info, idx) {
    mw.config.set('wgCategories', Array.isArray(categories) ? categories : []);
                var wrap = document.createElement('div');
    mw.config.set('wgHiddenCategories', Array.isArray(hiddenCategories) ? hiddenCategories : []);
                wrap.style.cssText = 'position:relative;cursor:pointer;';


                var img = document.createElement('img');
    if (relevantPageName !== null) {
                img.src = info.url;
        mw.config.set('wgRelevantPageName', relevantPageName);
                img.style.cssText =
    } else if (pageName !== null) {
                    'width:72px;height:72px;object-fit:cover;border-radius:8px;border:2px solid #444;flex-shrink:0;';
        mw.config.set('wgRelevantPageName', pageName);
    }


                if (idx === 0) {
    CLBI_CATLINKS_FETCH_TOKEN += 1;
                    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() {
// SPA 네비게이션
                    if (idx !== 0) img.style.borderColor = '#854369';
function shouldSkip(url) {
                });
    return url.match(/action=edit|action=submit|action=history|action=delete|action=protect|action=purge|특수:로그인|특수:로그아웃|Special:UserLogin|Special:UserLogout|특수:사용자정보|특수:비밀번호바꾸기|uselang=/);
}


                img.addEventListener('mouseleave', function() {
$(function() {
                    if (idx !== 0) img.style.borderColor = '#444';
    if (window._spaInitialized) return;
                });
    window._spaInitialized = true;


                img.addEventListener('click', function() {
    function isInternal(url) {
                    fetch(info.url)
        var a = document.createElement('a');
                        .then(function(r) {
        a.href = url;
                            return r.blob();
        return a.hostname === window.location.hostname;
                        })
    }
                        .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 getCachedSpaPageHtml(url) {
                historyEl.appendChild(wrap);
        if (!window.EntryStore || typeof window.EntryStore.getTextSync !== 'function') return '';
            });
        return window.EntryStore.getTextSync(url) || window.EntryStore.getTextSync(String(url || '').replace(/^https?:\/\/[^/]+/i, '')) || '';
    }


            sectionEl.style.display = 'block';
    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 openCrop(src) {
     function prepareDetachedEntryContent(newContent) {
         cropImage.src = src;
         /*
         cModal.style.display = 'flex';
        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.
         if (cropper) {
        It must stay synchronous or already-resolved: if a subsystem cannot prepare from
             cropper.destroy();
        EntryStore immediately, it should leave the old fallback path in place instead of
            cropper = null;
        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);
         }
         }
        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 loadPage(url) {
         openGallery();
         invalidateProfileRender();
    });


    document.getElementById('clbi-gallery-upload-btn').addEventListener('click', function() {
        return fetchSpaPageHtml(url)
        pfpInput.click();
            .then(function(html) {
    });
                var parser = new DOMParser();
                var doc = parser.parseFromString(html, 'text/html');


    document.getElementById('clbi-gallery-close').addEventListener('click', function() {
                var scripts = doc.querySelectorAll('script');
        gModal.style.display = 'none';
                for (var i = 0; i < scripts.length; i++) {
    });
                    var src = scripts[i].textContent;


    pfpInput.addEventListener('change', function() {
                    if (src.indexOf('wgNamespaceNumber') !== -1) {
        var file = this.files[0];
                        var match = src.match(/"wgNamespaceNumber":(-?\d+)/);
        if (!file) return;
                        if (match) mw.config.set('wgNamespaceNumber', parseInt(match[1], 10));


        gModal.style.display = 'none';
                        var matchTitle = src.match(/"wgTitle":"([^"]+)"/);
                        if (matchTitle) mw.config.set('wgTitle', matchTitle[1]);


        var reader = new FileReader();
                        var matchPage = src.match(/"wgPageName":"([^"]+)"/);
        reader.onload = function(e) {
                        if (matchPage) mw.config.set('wgPageName', matchPage[1]);
            openCrop(e.target.result);
        };
        reader.readAsDataURL(file);
    });


    document.getElementById('clbi-crop-cancel').addEventListener('click', function() {
                        var matchArticle = src.match(/"wgArticleId":(\d+)/);
        cModal.style.display = 'none';
                        if (matchArticle) {
        if (cropper) {
                            mw.config.set('wgArticleId', parseInt(matchArticle[1], 10));
            cropper.destroy();
                        } else {
            cropper = null;
                            mw.config.set('wgArticleId', 0);
        }
                        }
        pfpInput.value = '';
    });


    document.getElementById('clbi-crop-confirm').addEventListener('click', function() {
                        var matchIsMainPage = src.match(/"wgIsMainPage":(true|false)/);
        if (!cropper) return;
                        if (matchIsMainPage) {
                            mw.config.set('wgIsMainPage', matchIsMainPage[1] === 'true');
                        } else {
                            mw.config.set('wgIsMainPage', false);
                        }


        var canvas = cropper.getCroppedCanvas({ width: 256, height: 256 });
                        var matchSpecial = src.match(/"wgCanonicalSpecialPageName":"([^"]+)"/);
        if (!canvas) return;
                        if (matchSpecial) {
 
                            mw.config.set('wgCanonicalSpecialPageName', matchSpecial[1]);
        canvas.toBlob(function(blob) {
                        } else {
            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
                            mw.config.set('wgCanonicalSpecialPageName', false);
            document.getElementById('pref-pfp-preview').src = URL.createObjectURL(blob);
                        }
            cModal.style.display = 'none';
                        break;
            cropper.destroy();
                    }
            cropper = null;
                }
            document.getElementById('pref-pfp-btn').textContent = '✓ 사진 선택됨';
        }, 'image/png');
    });


    var emailSaveBtn = document.getElementById('pref-email-save');
                syncCatlinksConfigFromSpaDocument(doc);
    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) {
                var newContent = doc.querySelector('.liberty-content-main');
                 statusEl.textContent = '이메일과 비밀번호를 입력해주세요.';
                 var newTitle = doc.querySelector('.mw-page-title-main');
                 return;
                 var newHead = doc.querySelector('title');
            }
                var newHeader = doc.querySelector('.liberty-content-header');


            statusEl.textContent = '변경 중...';
                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');
                }


            api.postWithToken('csrf', {
                 if (newTitle) {
                action: 'changeemail',
                    $('.mw-page-title-main').html(newTitle.innerHTML);
                email: newEmail,
                 }
                 password: password
            }).then(function() {
                statusEl.textContent = '✓ 이메일 변경됨';
                document.getElementById('pref-new-email').value = '';
                 document.getElementById('pref-email-password').value = '';


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


    saveBtn.addEventListener('click', function() {
                if (newHeader) {
        var statusEl = document.getElementById('pref-status');
                    $('.liberty-content-header').html(newHeader.innerHTML);
        statusEl.textContent = '저장 중...';
                }


        var promises = [];
                if (typeof window.normalizeClbiShellDomOrder === 'function') window.normalizeClbiShellDomOrder();
                window.scrollTo(0, 0);
                mw.hook('wikipage.content').fire($('.liberty-content-main'));
                applyMainPageStyle();
                initClbiCustomDocumentScrollbars();
                initCategoryNavIfAvailable(document);


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


        var fields = ['name', 'discord', 'role', 'bio'];
                $('#side-toc-box').remove();
                setTimeout(moveTocToLeftSidebar, 100);
                setTimeout(moveTocToLeftSidebar, 500);
                setTimeout(moveTocToLeftSidebar, 1200);


        for (var i = 0; i < fields.length; i++) {
                mw.loader.using(['mediawiki.api']).then(function() {
            var el = document.getElementById('pref-' + fields[i]);
                    initProfile();
             if (!el) continue;
                    moveTocToLeftSidebar();
                });
            })
            .catch(function (err) {
                console.error('SPA page load failed:', err);
                $('body').removeClass('page-loading');
             });
    }


            promises.push(
// 목차 링크는 전용 처리
                api.postWithToken('csrf', {
$(document).on('click', '#side-toc-box a, #toc a, .toc a', function(e) {
                    action: 'options',
    var href = $(this).attr('href');
                    optionname: 'profile-' + fields[i],
    if (!href || href.charAt(0) !== '#') return;
                    optionvalue: el.value
                })
            );
        }


        $.when.apply($, promises)
    var rawId = href.slice(1);
            .then(function() {
    if (!rawId) return;
                statusEl.textContent = '✓ 저장됨';
                selectedFile = null;
                document.getElementById('pref-pfp-btn').textContent = '사진 선택';


                setTimeout(function() {
    var decodedId = rawId;
                    statusEl.textContent = '';
                }, 2000);
            })
            .fail(function() {
                statusEl.textContent = '저장 실패';
            });
    });
}


/* =========================================
    try {
  Banner / CRT Page Monitor thumbnail slices
        decodedId = decodeURIComponent(rawId);
  - base 이미지는 틀에 들어간 파일 문법 그대로 사용
    } catch (err) {
  - slice 레이어에는 300px MediaWiki 썸네일만 삽입
        decodedId = rawId;
  ========================================= */
    }


(function ($, mw) {
     var target = document.getElementById(decodedId);
     var thumbCache = {};


     function parseSliceWidth(value) {
     if (!target && window.CSS && CSS.escape) {
         var parsed = parseInt(value, 10);
         target = document.querySelector('#' + CSS.escape(decodedId));
    }


        if (!isFinite(parsed) || parsed < 120) {
    if (!target) return;
            return 300;
        }


        return parsed;
    e.preventDefault();
     }
     e.stopPropagation();


     function getImageSrc(img) {
     var scrollTarget = target.closest('h2, h3') || target;
        return img ? (img.currentSrc || img.getAttribute('src') || img.src || '') : '';
    }


     function getFileNameFromSrc(src) {
     scrollTarget.scrollIntoView({
         var a;
         behavior: 'auto',
         var parts;
         block: 'start'
        var fileName;
    });


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


        a = document.createElement('a');
    /* 길라잡이는 문서 링크가 아니라 대문 본문 화면 탭이다. */
         a.href = src;
    $(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;


         parts = (a.pathname || '').split('/').filter(function (part) {
         if (window.BottomGuideNav && typeof window.BottomGuideNav.toggle === 'function') {
            return !!part;
            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;


         if (!parts.length) return '';
        /* 길라잡이 화면 탭은 위 전용 처리 외에는 SPA 문서 이동 대상으로 삼지 않는다. */
         if ($(this).is('.portal-guide-anchor[data-category-key="guide"]')) return;


         fileName = parts.pop();
         var href = $(this).attr('href');
        if (!href) return;


         /*
         // 목차 링크는 별도 핸들러에서 처리
        * MediaWiki thumb URL 예시:
         if ($(this).closest('#side-toc-box, #toc, .toc').length) return;
        * /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-/, '');
         // 단순 해시 링크는 SPA 가로채기 제외
        if (href.startsWith('#')) return;


         try {
         var link = document.createElement('a');
            fileName = decodeURIComponent(fileName);
         link.href = href;
         } catch (e) {}


         return fileName;
         var samePath = decodeURIComponent(link.pathname) === decodeURIComponent(window.location.pathname);
    }
        var sameSearch = (link.search || '') === (window.location.search || '');


    function resolveThumbUrl(img, width, callback) {
         if (link.hash && samePath && sameSearch) return;
         var src = getImageSrc(img);
        var fileName = getFileNameFromSrc(src);
        var cacheKey;
        var entry;


         if (!src) return;
         var currentBase = window.location.href.split('#')[0];
        var targetBase = link.href.split('#')[0];


         if (!fileName || !mw || !mw.loader) {
         if (link.hash && currentBase === targetBase) return;
            callback(src);
            return;
        }


         cacheKey = fileName + '|' + width;
         if (!isInternal(href)) return;
         entry = thumbCache[cacheKey];
         if (shouldSkip(href)) return;


         if (entry) {
         e.preventDefault();
            if (entry.resolved) {
        playStaticSound();
                callback(entry.url || src);
        /*
            } else {
        SPA must remain a consumer phase.  If the target page HTML was prepared by
                entry.callbacks.push(callback);
        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.
            return;
        */
        if (getCachedSpaPageHtml(href)) {
            $('body').removeClass('page-loading');
        } else {
            $('body').addClass('page-loading');
         }
         }
        history.pushState(null, '', href);
        loadPage(href);
    });


        entry = {
    window.addEventListener('popstate', function() {
            resolved: false,
        loadPage(window.location.href);
            url: '',
    });
            callbacks: [callback]
});
        };


        thumbCache[cacheKey] = entry;


        function finish(url) {
            var callbacks = entry.callbacks.slice();
            var i;


            entry.resolved = true;
/* ========== CLBI Custom Document Scrollbar ========== */
            entry.url = url || src;
function isGeneralDocumentView() {
            entry.callbacks = [];
    var body = document.body;
    if (!body) return false;


            for (i = 0; i < callbacks.length; i++) {
    return body.classList.contains('action-view') &&
                callbacks[i](entry.url);
        !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');
}


        mw.loader.using('mediawiki.api').done(function () {
function getClbiDocumentScrollTargets() {
            var api = new mw.Api();
    if (!isGeneralDocumentView()) return [];


            api.get({
    return Array.prototype.slice.call(document.querySelectorAll(
                action: 'query',
        '.liberty-content-main > #mw-content-text .mw-parser-output, ' +
                titles: 'File:' + fileName,
        '.liberty-content-main > .mw-body-content .mw-parser-output'
                prop: 'imageinfo',
    )).filter(function (el, index, list) {
                iiprop: 'url',
        return el && list.indexOf(el) === index;
                iiurlwidth: width,
    });
                formatversion: 2
}
            }).done(function (data) {
                var page;
                var info;


                if (
function getClbiOuterWellForScroll(scrollEl) {
                    data &&
    var main = scrollEl ? scrollEl.closest('.liberty-content-main') : null;
                    data.query &&
    var children;
                    data.query.pages &&
    var i;
                    data.query.pages.length
    var child;
                ) {
                    page = data.query.pages[0];


                    if (
    if (!main) return null;
                        page &&
                        page.imageinfo &&
                        page.imageinfo.length
                    ) {
                        info = page.imageinfo[0];
                    }
                }


                finish((info && (info.thumburl || info.url)) || src);
    children = Array.prototype.slice.call(main.children || []);
             }).fail(function () {
    for (i = 0; i < children.length; i += 1) {
                finish(src);
        child = children[i];
            });
        if (
         }).fail(function () {
            child &&
             finish(src);
            (child.id === 'mw-content-text' || child.classList.contains('mw-body-content')) &&
         });
             child.contains(scrollEl)
         ) {
             return child;
         }
     }
     }


     function applySliceImages(frame, thumbUrl) {
     return scrollEl.parentElement || null;
        var slices;
}
        var i;
        var img;


        if (!frame || !thumbUrl) return;
function buildClbiCustomScrollbar(well, scrollEl) {
    var bar = well.querySelector(':scope > .clbi-custom-scrollbar');
    var up;
    var track;
    var thumb;
    var down;


         slices = frame.querySelectorAll('.crt-page-monitor-slice');
    if (!bar) {
 
         bar = document.createElement('div');
        for (i = 0; i < slices.length; i++) {
        bar.className = 'clbi-custom-scrollbar';
             slices[i].innerHTML = '';
        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);
    }


            img = document.createElement('img');
    bar.__clbiScrollTarget = scrollEl;
            img.className = 'crt-page-monitor-slice-img';
    up = bar.querySelector('.clbi-custom-scroll-arrow-up');
            img.src = thumbUrl;
    track = bar.querySelector('.clbi-custom-scroll-track');
            img.alt = '';
    thumb = bar.querySelector('.clbi-custom-scroll-thumb');
            img.decoding = 'async';
    down = bar.querySelector('.clbi-custom-scroll-arrow-down');
            img.loading = 'eager';
            img.setAttribute('aria-hidden', 'true');


             slices[i].appendChild(img);
    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);
         });
    }


         frame.setAttribute('data-crt-slices-ready', '1');
    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);
        });
     }
     }


     function initBannerFrame(frame) {
     if (track && !track.__clbiBound) {
        var baseImg;
        track.__clbiBound = true;
        var width;
        track.addEventListener('mousedown', function (e) {
            var rect;
            var thumbRect;
            var target;
            var direction;


        if (!frame) return;
            if (e.target === thumb) return;
        if (frame.getAttribute('data-crt-slices-ready') === '1') return;
            e.preventDefault();
            e.stopPropagation();


        baseImg = frame.querySelector('.crt-page-monitor-image-base img');
            target = bar.__clbiScrollTarget;
            if (!target) return;


        if (!baseImg) return;
            rect = track.getBoundingClientRect();
 
            thumbRect = thumb.getBoundingClientRect();
        width = parseSliceWidth(frame.getAttribute('data-crt-slice-width'));
            direction = e.clientY < thumbRect.top ? -1 : 1;
 
            target.scrollTop += direction * Math.max(60, Math.floor(target.clientHeight * 0.82));
        resolveThumbUrl(baseImg, width, function (thumbUrl) {
             updateClbiCustomScrollbar(bar);
            if (!frame || !frame.parentNode) return;
             applySliceImages(frame, thumbUrl);
         });
         });
     }
     }


     function initBannerFrames(root) {
     if (thumb && !thumb.__clbiBound) {
         var scope = root && root.querySelectorAll ? root : document;
         thumb.__clbiBound = true;
         var frames = scope.querySelectorAll('.crt-page-monitor-frame');
         thumb.addEventListener('mousedown', function (e) {
        var i;
            var target = bar.__clbiScrollTarget;
            var startY;
            var startScroll;
            var maxScroll;
            var maxThumbTop;
            var trackHeight;
            var thumbHeight;


        for (i = 0; i < frames.length; i++) {
             if (!target) return;
             initBannerFrame(frames[i]);
        }
    }


    $(function () {
            e.preventDefault();
        initBannerFrames(document);
            e.stopPropagation();
    });


    if (mw && mw.hook) {
            startY = e.clientY;
        mw.hook('wikipage.content').add(function ($content) {
            startScroll = target.scrollTop;
             initBannerFrames($content && $content[0] ? $content[0] : document);
            maxScroll = Math.max(1, target.scrollHeight - target.clientHeight);
        });
             trackHeight = track ? track.clientHeight : 0;
    }
            thumbHeight = thumb.offsetHeight || 0;
})(jQuery, window.mw);
            maxThumbTop = Math.max(1, trackHeight - thumbHeight);


/* =========================================
            bar.classList.add('is-dragging');
  Doc Tab System — tab switching UI
  글리치 플리커 + RGB split + 방향 슬라이드
  ========================================= */


(function () {
            function onMove(moveEvent) {
    'use strict';
                var dy = moveEvent.clientY - startY;
                target.scrollTop = startScroll + (dy / maxThumbTop) * maxScroll;
                updateClbiCustomScrollbar(bar);
                moveEvent.preventDefault();
            }


    function initDocTabs() {
            function onUp() {
        var tabBars = document.querySelectorAll('.doc-tab-bar');
                bar.classList.remove('is-dragging');
        if (!tabBars.length) return;
                document.removeEventListener('mousemove', onMove);
                document.removeEventListener('mouseup', onUp);
            }
 
            document.addEventListener('mousemove', onMove);
            document.addEventListener('mouseup', onUp);
        });
    }


         tabBars.forEach(function (bar) {
    if (!scrollEl.__clbiCustomScrollbarBound) {
             if (bar.getAttribute('data-tabs-init')) return;
         scrollEl.__clbiCustomScrollbarBound = true;
             bar.setAttribute('data-tabs-init', '1');
        scrollEl.addEventListener('scroll', function () {
             if (scrollEl.__clbiCustomScrollbar) {
                updateClbiCustomScrollbar(scrollEl.__clbiCustomScrollbar);
             }
        }, { passive: true });
    }


            var tabs = Array.from(bar.querySelectorAll('.doc-tab'));
    scrollEl.__clbiCustomScrollbar = bar;
            if (!tabs.length) return;
    updateClbiCustomScrollbar(bar);


            var panel = bar.closest('.doc-panel');
    return bar;
            var display = panel ? panel.querySelector('.doc-display') : null;
}
            if (!display) display = document.getElementById('doc-main-display');
            if (!display) return;


            tabs.forEach(function (tab, i) {
function updateClbiCustomScrollbar(bar) {
                tab.addEventListener('click', function () {
    var scrollEl = bar && bar.__clbiScrollTarget;
                    var currentIdx = tabs.findIndex(function (t) {
    var track = bar ? bar.querySelector('.clbi-custom-scroll-track') : null;
                        return t.classList.contains('active');
    var thumb = bar ? bar.querySelector('.clbi-custom-scroll-thumb') : null;
                    });
    var maxScroll;
                    if (currentIdx === i) return;
    var trackHeight;
                    switchTab(tabs, display, i, i > currentIdx ? 1 : -1);
    var thumbHeight;
                });
    var maxTop;
            });
    var top;


            var initIdx = tabs.findIndex(function (t) { return t.classList.contains('active'); });
    if (!bar || !scrollEl || !track || !thumb) return;
            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 || '');
            }
        });


    maxScroll = scrollEl.scrollHeight - scrollEl.clientHeight;
    if (maxScroll <= 1) {
        bar.classList.add('is-hidden');
        return;
     }
     }


     var isAnimating = false;
     bar.classList.remove('is-hidden');


     function switchTab(tabs, display, nextIdx, dir) {
     trackHeight = Math.max(1, track.clientHeight || 1);
        if (isAnimating) return;
    thumbHeight = Math.max(12, Math.floor((scrollEl.clientHeight / Math.max(scrollEl.scrollHeight, 1)) * trackHeight));
        isAnimating = true;
    thumbHeight = Math.min(trackHeight, thumbHeight);
    maxTop = Math.max(0, trackHeight - thumbHeight);
    top = maxScroll > 0 ? Math.round((scrollEl.scrollTop / maxScroll) * maxTop) : 0;


        tabs.forEach(function (t) { t.classList.remove('active'); });
    thumb.style.height = thumbHeight + 'px';
        tabs[nextIdx].classList.add('active');
    thumb.style.transform = 'translateY(' + top + 'px)';
}


        var ref = tabs[nextIdx].dataset.ref;
function initClbiCustomDocumentScrollbars() {
        var nextContent;
    var existing = Array.prototype.slice.call(document.querySelectorAll('.clbi-custom-scrollbar'));
        if (ref) {
    var targets = getClbiDocumentScrollTargets();
            var refEl = document.getElementById(ref);
    var liveBars = [];
            nextContent = refEl ? refEl.innerHTML : '';
        } else {
            nextContent = tabs[nextIdx].dataset.content || '';
        }


        glitchOut(display, dir, function () {
    if (!targets.length) {
            display.innerHTML = nextContent;
        existing.forEach(function (bar) { bar.remove(); });
            glitchIn(display, dir, function () {
         return;
                isAnimating = false;
            });
         });
     }
     }


     function glitchOut(el, dir, cb) {
     targets.forEach(function (scrollEl) {
         var duration = 160;
         var well = getClbiOuterWellForScroll(scrollEl);
         var start = null;
         var bar;
        var slideX = dir * 16;


         function step(ts) {
         if (!well) return;
            if (!start) start = ts;
        bar = buildClbiCustomScrollbar(well, scrollEl);
            var p = Math.min((ts - start) / duration, 1);
        liveBars.push(bar);
            var ease = p * p;
    });


            var tx = slideX * ease;
    existing.forEach(function (bar) {
            var skew = dir * ease * 1.0;
        if (liveBars.indexOf(bar) === -1) bar.remove();
            var opacity = 1 - ease;
    });
            var rgb = ease * 5;


            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
    window.requestAnimationFrame(function () {
            el.style.opacity = opacity;
        liveBars.forEach(updateClbiCustomScrollbar);
            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) {
    setTimeout(function () {
                requestAnimationFrame(step);
        liveBars.forEach(updateClbiCustomScrollbar);
            } else {
    }, 120);
                el.style.opacity = '0';
}
                cb();
            }
        }
        requestAnimationFrame(step);
    }


     function glitchIn(el, dir, cb) {
if (!window.__clbiCustomScrollbarResizeBound) {
         var duration = 200;
    window.__clbiCustomScrollbarResizeBound = true;
        var start = null;
     window.addEventListener('resize', function () {
        var startX = -dir * 16;
         setTimeout(initClbiCustomDocumentScrollbars, 60);
    });
}


        el.style.transform = 'translateX(' + startX + 'px) skewX(' + (-dir * 1.0) + 'deg)';
        el.style.opacity = '0';


        function step(ts) {
// 시간 계산 함수
            if (!start) start = ts;
function timeAgo(timestamp) {
            var p = Math.min((ts - start) / duration, 1);
    var now = new Date();
            var ease = 1 - Math.pow(1 - p, 3);
    var date = new Date(timestamp);
    var diff = Math.floor((now - date) / 1000);


            var tx = startX * (1 - ease);
    if (diff < 60) return diff + '초 전';
            var skew = -dir * 1.0 * (1 - ease);
    if (diff < 3600) return Math.floor(diff / 60) + '분 전';
            var opacity = ease;
    if (diff < 86400) return Math.floor(diff / 3600) + '시간 전';
            var rgb = (1 - ease) * 3;
    return Math.floor(diff / 86400) + '일 전';
            var brightness = 1 + (1 - ease) * 0.35;
}


            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
// 펼접 토글
            el.style.opacity = opacity;
// 펼접 토글
            el.style.filter =
function getFoldTexts() {
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.65)) ' +
    var lang = getCurrentLang();
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.55)) ' +
    return (window.LANG && window.LANG[lang])
                'brightness(' + brightness + ')';
        ? 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;


            if (p < 1) {
        // 이미 fully open 상태면 굳이 다시 잠그지 않음
                requestAnimationFrame(step);
        if ($parent.data('fold-state') === 'open') {
            } else {
             return;
                el.style.transform = '';
                el.style.opacity = '';
                el.style.filter = '';
                cb();
             }
         }
         }
        requestAnimationFrame(step);
    }


if (document.readyState === 'loading') {
        $parent.css('max-height', this.scrollHeight + 'px');
    document.addEventListener('DOMContentLoaded', initDocTabs);
    });
} else {
    initDocTabs();
}
}


if (typeof mw !== 'undefined' && mw.hook) {
function bindInnerResizeUpdates($target) {
     mw.hook('wikipage.content').add(function () {
     // 이미지 늦게 로드될 때 높이 갱신
         initDocTabs();
    $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');
  Doc Section Switch — 좌측 섹션 전환
    $target.addClass('folding-open');
  ========================================= */


$(document).on('click', '.doc-nav-item[data-section]', function () {
    // 열린 뒤 자연 확장 가능하게 만들기 위해 먼저 px로 열기
    var name = $(this).attr('data-section');
    $target.css('max-height', '0px');
     var display = document.getElementById('doc-main-display');
     $target[0].offsetHeight;
     var titleEl = document.getElementById('doc-center-title');
     $target.css('max-height', $target[0].scrollHeight + 'px');
    var tabBar = document.getElementById('doc-tab-bar-text');


     if (!display) return;
     $btn.text(t.collapse);


     $('.doc-nav-item[data-section]').removeClass('active');
     bindInnerResizeUpdates($target);
    $('.doc-nav-item[data-section="' + name + '"]').addClass('active');


     if (name === 'text') {
     // 바깥 펼접 즉시 갱신
        if (titleEl) titleEl.textContent = '개요';
    refreshOpenAncestors($target);
        if (tabBar) $(tabBar).show();
 
        var activeTab = tabBar ? tabBar.querySelector('.doc-tab.active') : null;
    // 전환 끝나면 none으로 풀어서 중첩 펼접/동적 내용 증가를 자연스럽게 허용
         if (!activeTab && tabBar) activeTab = tabBar.querySelector('.doc-tab');
    $target.off('transitionend.foldopen').on('transitionend.foldopen', function (e) {
         if (activeTab) {
         if (e.target !== this) return;
            var ref = activeTab.dataset.ref;
         if (!$target.hasClass('folding-open')) return;
            var refEl = ref ? document.getElementById(ref) : null;
 
            display.innerHTML = refEl ? refEl.innerHTML : (activeTab.dataset.content || '');
         $target.css('max-height', 'none');
        }
         $target.data('fold-state', 'open');
    } 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 : '';
    }
});


/* =========================================
        refreshOpenAncestors($target);
  CRT WebGL Renderer — cool-retro-term IBM DOS style
     });
  ========================================= */
(function () {
     'use strict';


     function createNoiseTexture(gl) {
     // 늦게 렌더되는 콘텐츠 대응
         var size = 512;
    requestAnimationFrame(function () {
        var data = new Uint8Array(size * size * 4);
         if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
        var s = 12345;
             $target.css('max-height', $target[0].scrollHeight + 'px');
        function rand() {
             refreshOpenAncestors($target);
             s = (s * 1664525 + 1013904223) & 0xffffffff;
             return (s >>> 0) / 0xffffffff;
         }
         }
         for (var i = 0; i < data.length; i++) {
    });
             data[i] = (rand() * 255) | 0;
 
    setTimeout(function () {
         if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
            $target.css('max-height', $target[0].scrollHeight + 'px');
             refreshOpenAncestors($target);
         }
         }
        var tex = gl.createTexture();
    }, 80);
         gl.bindTexture(gl.TEXTURE_2D, tex);
 
        gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, size, size, 0, gl.RGBA, gl.UNSIGNED_BYTE, data);
    setTimeout(function () {
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.REPEAT);
         if ($target.hasClass('folding-open') && $target.data('fold-state') !== 'open') {
        gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.REPEAT);
            $target.css('max-height', $target[0].scrollHeight + 'px');
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR);
            refreshOpenAncestors($target);
         gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR);
        }
        return tex;
    }, 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');
     }
     }


     var VERT = [
     $target.data('fold-state', 'closing');
        'attribute vec2 a_pos;',
    $target[0].offsetHeight;
        'varying vec2 v_uv;',
    $target.css('max-height', '0px');
        'void main() {',
     $target.removeClass('folding-open');
        '  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 = [
     $btn.text(t.expand);
        '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; }',
    refreshOpenAncestors($target);
        '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) {',
    setTimeout(function () {
         '  float imgAR = u_imgSize.x / u_imgSize.y;',
         refreshOpenAncestors($target);
         ' float scrAR = u_res.x / u_res.y;',
         $target.data('fold-state', 'closed');
        ' float scale = imgAR / scrAR;',
    }, 250);
        '  float offsetY = (1.0 - scale) * 0.5;',
}
        '  return vec2(uv.x, uv.y * scale + offsetY);',
        '}',


        'vec2 barrel(vec2 v, vec2 cc, float k) {',
$(function () {
         ' float ar = u_res.x / u_res.y;',
    $(document)
         ' vec2 c2 = cc;',
         .off('click.clbiToggle')
        ' if (ar > 1.0) c2.x /= ar; else c2.y *= ar;',
         .on('click.clbiToggle', '.toggleBtn', function () {
        '  float dist = dot(c2, c2) * k;',
            var $btn = $(this);
        '  return v - cc * (1.0 + dist) * dist;',
            var targetId = $btn.data('target');
        '}',
            var $target = $('#' + targetId);
            if (!$target.length) return;


        'vec4 sampleInitialNoise(float t) {',
            var scrollY = window.scrollY;
        '  return texture2D(u_noise, vec2(fract(t/2048.0), fract(t/1048576.0)));',
        '}',


        'vec4 sampleScreenNoise(vec2 uv) {',
            if ($target.hasClass('folding-open')) {
        '  return texture2D(u_noise, u_noiseScale * uv);',
                closeFold($target, $btn);
        '}',
            } else {
                openFold($target, $btn);
            }


        'vec3 applyRgbShift(vec2 texUV, float shift) {',
            window.scrollTo(0, scrollY);
        '  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;',
function initProfile() {
        '  vec3 acc = vec3(0.0);',
    $('.profile-card').remove();
        '  acc += texture2D(u_tex, clamp(texUV + vec2( px.x,  0.0), 0.0, 1.0)).rgb;',
    $('.user-profile-portal').removeClass('user-profile-portal');
        '  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) {',
    var token = ++PROFILE_RENDER_TOKEN;
        '  float line = mod(uv.y * u_res.y, 2.0);',
    var ns = mw.config.get('wgNamespaceNumber');
        '  vec3 hi = ((1.0 + 0.30) - 0.2 * col) * col;',
    var title = mw.config.get('wgTitle');
        '  vec3 lo = ((1.0 - 0.30) + 0.1 * col) * col;',
    var specialPage = mw.config.get('wgCanonicalSpecialPageName');
        ' return line < 1.0 ? lo : hi;',
    var isProfileSettings = specialPage === '사용자정보';
        '}',


'vec3 applyRasterization(vec2 uv, vec3 col) {',
    $('body').toggleClass('user-profile-page', ns === 2);
' float t = u_time;',
    $('body').toggleClass('user-profile-settings-page', isProfileSettings);
'  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) {',
    if (ns === 2) {
'  float pos = fract(t * 0.2);',
        var profileUser = title.split('/')[0];
' float lineY = pos * (u_res.y + 330.0) - 120.0;',
         renderProfile(profileUser, token);
         '  float y = uv.y * u_res.y;',
    }
        '  return fract(smoothstep(-300.0, 0.0, y - lineY));',
        '}',


        'vec2 applyHSync(vec2 uv, vec4 noise, float strength) {',
    if (isProfileSettings) {
         '  float randval = strength - noise.r;',
         initUserProfilePage();
        '  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() {',
function renderProfile(username, token) {
         ' vec2 cc = vec2(0.5) - v_uv;',
    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;


         ' float curvature = 0.18;',
         var currentTitle = String(mw.config.get('wgTitle') || '').split('/')[0];
         '  vec2 uv = barrel(v_uv, cc, curvature);',
         if (currentTitle !== username) return;


         '  float inScreen = min2(step(vec2(0.0), uv) - step(vec2(1.0), uv));',
         var user = data.query.users[0];
         '  if (inScreen < 0.5) { gl_FragColor = vec4(0.0, 0.0, 0.0, 1.0); return; }',
        var contentEl = document.getElementById('mw-content-text');
         if (!contentEl) return;


         '  vec2 texUV = clamp(coverUV(uv), 0.0, 1.0);',
         var pageContent = contentEl.querySelector('.mw-parser-output') || contentEl;
        injectProfileCard(username, user, pageContent);
    });
}


        '  vec4 initNoise = sampleInitialNoise(u_time);',
function injectProfileCard(username, userData, container) {
        '  vec4 screenNoise = sampleScreenNoise(uv);',
    var isOwnPage = mw.config.get('wgUserName') === username;
    var editCount = (userData && userData.editcount) ? userData.editcount : 0;


         ' texUV = applyHSync(texUV, initNoise, 0.006);',
    function escapeHtml(value) {
        '  texUV = clamp(texUV, 0.0, 1.0);',
         return String(value == null ? '' : value)
            .replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
    }


        '  texUV += (vec2(screenNoise.b, screenNoise.a) - 0.5) * 0.0006;',
    container.classList.add('user-profile-portal');
        ' texUV = clamp(texUV, 0.0, 1.0);',


        ' vec3 col = applyRgbShift(texUV, 0.003);',
    var safeUsername = escapeHtml(username);
         ' col += applyBloom(texUV, 0.22);',
    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>'
        : '';


         ' vec2 bpx = 1.5 / u_res;',
    var progressHtml = isOwnPage
        ' vec3 blurCol = vec3(0.0);',
         ? '<div class="profile-page-progress is-syncing" data-profile-progress>' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
            '<div class="profile-section-title">LEVEL RECORD</div>' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,  -bpx.y), 0.0, 1.0)).rgb;',
            '<div class="profile-page-progress-body">' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x, -bpx.y), 0.0, 1.0)).rgb;',
                '<div class="profile-page-progress-row">' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
                    '<span class="profile-page-level">SYNC</span>' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  0.0  ), 0.0, 1.0)).rgb;',
                    '<span class="profile-page-total-xp">— XP</span>' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2(-bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
                '</div>' +
        ' blurCol += texture2D(u_tex, clamp(texUV + vec2( 0.0,    bpx.y), 0.0, 1.0)).rgb;',
                '<div class="profile-page-xp-bar" aria-hidden="true"><div class="profile-page-xp-fill"></div></div>' +
         ' blurCol += texture2D(u_tex, clamp(texUV + vec2( bpx.x,  bpx.y), 0.0, 1.0)).rgb;',
                '<div class="profile-page-progress-sub">SYNCING</div>' +
         ' col = mix(col, blurCol / 8.0, 0.40);',
                '<div class="profile-page-progress-meta">TODAY — · DISCOVERED —</div>' +
            '</div>' +
         '</div>'
         : '';


        '  col = applyScanlines(uv, col);',
    var card = document.createElement('div');
         ' col = applyRasterization(texUV, col);',
    card.className = 'profile-card profile-page-console';
 
    card.innerHTML =
         ' float glow = glowingLine(uv, u_time);',
         '<div class="profile-card-titlebar">' +
' col += glow * 0.08 * vec3(0.85, 0.95, 1.0);',
            '<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>';


        ' float dist = length(cc);',
    $('.profile-card').remove();
        '  col += screenNoise.a * 0.07 * (1.0 - dist * 1.3);',
    container.insertBefore(card, container.firstChild);
    loadProfileFields(username, card);
    loadProfileContributionPages(username, card);
    updateProfilePageEnvironment(card, null);


        '  float grey = rgb2grey(col);',
    if (isOwnPage) {
         '  vec3 phosphor = vec3(0.75, 0.88, 1.0);',
         loadProfileProgressForUserPage(card);
        '  col = mix(col, grey * phosphor, 0.35);',
    }
}


        '  vec2 vig = v_uv * (1.0 - v_uv);',
function getProfileLanguageLabel() {
        '  col *= pow(vig.x * vig.y * 15.0, 0.25);',
    var lang = getCurrentLang();
    return SIDEBAR_LANGUAGE_LABELS[lang] || (lang ? lang.toUpperCase() : '—');
}


        '  col *= 1.0 + (initNoise.g - 0.5) * 0.06;',
function updateProfilePageEnvironment(card, summary) {
    if (!card) return;


        ' col += vec3(0.012) * (1.0 - dist) * (1.0 - dist);',
    var timezone = summary && summary.timezone ? summary.timezone : 'UTC';
    var timeEl = card.querySelector('[data-profile-time]');
    var langEl = card.querySelector('[data-profile-language]');


         ' col = pow(clamp(col, 0.0, 1.0), vec3(0.90));',
    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());
        }
    }


         '  gl_FragColor = vec4(col, 1.0);',
    if (langEl) {
        '}'
         langEl.textContent = getProfileLanguageLabel();
    ].join('\n');
    }
}


    function initCRTCanvas(screen, imgEl) {
function loadProfileContributionPages(username, card) {
        var existing = screen.querySelector('.crt-webgl-canvas');
    if (!username || !card) return;
        if (existing) existing.remove();
    if (!mw.loader || typeof mw.loader.using !== 'function') return;


        var canvas = document.createElement('canvas');
    var valueEl = card.querySelector('[data-contrib-pages-value]');
        canvas.className = 'crt-webgl-canvas';
    if (valueEl) valueEl.textContent = 'SYNC';
        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');
    mw.loader.using(['mediawiki.api']).then(function () {
         if (!gl) return;
        var api = new mw.Api();
         var pages = Object.create(null);
        var cont = {};
        var guard = 0;


         function compile(type, src) {
         function requestNext() {
             var s = gl.createShader(type);
             guard++;
            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();
            var params = Object.assign({
        gl.attachShader(prog, compile(gl.VERTEX_SHADER, VERT));
                action: 'query',
        gl.attachShader(prog, compile(gl.FRAGMENT_SHADER, FRAG));
                list: 'usercontribs',
        gl.linkProgram(prog);
                ucuser: username,
        gl.useProgram(prog);
                ucnamespace: 0,
                ucprop: 'title',
                uclimit: 'max',
                format: 'json',
                formatversion: 2
            }, cont);


        var buf = gl.createBuffer();
            return api.get(params).then(function (data) {
        gl.bindBuffer(gl.ARRAY_BUFFER, buf);
                var rows = data && data.query && data.query.usercontribs ? data.query.usercontribs : [];
        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');
                rows.forEach(function (row) {
        var uNoise  = gl.getUniformLocation(prog, 'u_noise');
                    if (row && row.title) pages[row.title] = true;
        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();
                if (data && data.continue && data.continue.uccontinue && guard < 40) {
        gl.activeTexture(gl.TEXTURE0);
                    cont = data.continue;
        gl.bindTexture(gl.TEXTURE_2D, imgTex);
                    return requestNext();
        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);
                if (valueEl) valueEl.textContent = Object.keys(pages).length;
         createNoiseTexture(gl);
            });
         }


         var texReady = false;
         requestNext().fail(function () {
        function uploadImg() {
             if (valueEl) valueEl.textContent = '—';
             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 loadProfileProgressForUserPage(card) {
        function resize() {
    if (!mw.config.get('wgUserName')) return;
            var w = screen.offsetWidth, h = screen.offsetHeight;
    if (!mw.loader || typeof mw.loader.using !== 'function') return;
            if (w === lastW && h === lastH) return;
            lastW = w; lastH = h;
            canvas.width = w; canvas.height = h;
            gl.viewport(0, 0, w, h);
        }


         var raf;
    mw.loader.using(['mediawiki.api']).then(function () {
         var t0 = performance.now();
         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 render() {
function updateUserPageProgress(card, summary) {
            raf = requestAnimationFrame(render);
    var panel = card.querySelector('[data-profile-progress]');
            if (!texReady) { uploadImg(); return; }
    if (!panel || !summary) return;
            resize();
            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(); }
    var level = summary.level || 1;
        else { imgEl.addEventListener('load', uploadImg); }
    var totalXp = summary.totalXp || 0;
 
    var xpIntoLevel = summary.xpIntoLevel || 0;
        render();
    var xpForNext = summary.xpForNextLevel || 1;
        screen._crtCleanup = function () { cancelAnimationFrame(raf); };
    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;


     function initAllCRTScreens(root) {
     panel.classList.remove('is-syncing');
        var scope = root && root.querySelectorAll ? root : document;
    panel.classList.toggle('is-max-level', isMaxLevel);
        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); });
     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 (typeof mw !== 'undefined' && mw.hook) {
     if (levelEl) levelEl.textContent = (isMaxLevel ? 'MAX ' : 'LVL ') + level;
        mw.hook('wikipage.content').add(function ($c) {
    if (totalEl) totalEl.textContent = totalXp + ' XP';
            document.querySelectorAll('.crt-page-monitor-screen').forEach(function (s) {
    if (fillEl) fillEl.style.width = percent + '%';
                if (s._crtCleanup) s._crtCleanup();
    if (subEl) subEl.textContent = isMaxLevel ? 'MAX LEVEL' : (xpIntoLevel + ' / ' + xpForNext + ' TO NEXT');
                s.removeAttribute('data-crt-webgl');
    if (metaEl) metaEl.textContent = 'TODAY ' + dailyXp + ' XP · DISCOVERED ' + discoveries;
            });
}
            initAllCRTScreens($c && $c[0] ? $c[0] : document);
        });
    }
})();


/* =========================================
function loadProfileFields(username, card) {
Progress System UI
    var api = new mw.Api();
MediaWiki:Common.js controlled frontend
    api.get({
========================================= */
        action: 'userprofile',
(function (mw, $) {
        user: username
    'use strict';
    }).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: ''
        });
    });
}


     if (window.ProgressSystemWebUiInitialized) return;
function updateProfileFields(card, data) {
     window.ProgressSystemWebUiInitialized = true;
    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 || '';
}
// ========== 프로필 시스템 끝 ==========


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


     function withApi(done, fail) {
     var popup = document.createElement('div');
         if (api) {
    popup.id = 'clbi-notification-popup';
            done(api);
    popup.style.cssText =
            return;
         '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;';


        if (!mw.loader || typeof mw.loader.using !== 'function') {
    popup.innerHTML =
             if (typeof fail === 'function') fail();
        '<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;">' +
            return;
            '<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>' +
         mw.loader.using(['mediawiki.api']).then(function () {
         '<div id="clbi-notification-list" style="max-height:320px;overflow-y:auto;padding:8px 0;color:#E2E2E2;font-size:12px;">불러오는 중...</div>' +
             api = new mw.Api();
        '<div style="padding:8px;border-top:1px solid #2a2a2a;background:#111;">' +
            done(api);
             '<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>' +
        }, function () {
        '</div>';
            if (typeof fail === 'function') fail();
 
        });
    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 inFlightPageIds = new Set();
     var rect = btn.getBoundingClientRect();
     var handledPageIds = new Set();
     var top = rect.bottom + 6;
     var notificationQueue = [];
     var left = rect.left + (rect.width / 2) - (popup.offsetWidth / 2);
    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() {
     if (left < 8) left = 8;
         return !!mw.config.get('wgUserName');
    if (left + popup.offsetWidth > window.innerWidth - 8) {
         left = window.innerWidth - popup.offsetWidth - 8;
     }
     }
 
     if (top + popup.offsetHeight > window.innerHeight - 8) {
     function getPageId() {
         top = Math.max(8, rect.top - popup.offsetHeight - 6);
         var id = parseInt(mw.config.get('wgArticleId') || 0, 10);
        return Number.isFinite(id) ? id : 0;
     }
     }


     function isRewardableClientSide() {
     popup.style.top = top + 'px';
        if (!isLoggedIn()) return false;
    popup.style.left = left + 'px';
        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() {
function parseNotificationItemsFromHtml(html) {
        return '' +
    var parser = new DOMParser();
            '<div id="progress-panel" class="profile-progress-block is-syncing" aria-live="polite" data-progress-state="syncing">' +
    var doc = parser.parseFromString(html, 'text/html');
                '<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() {
     var selectors = [
         /* 프로필 패널 최신 규칙: 레벨 패널과 버튼 영역 사이에 별도 나눔선은 만들지 않는다. */
         '.mw-echo-ui-notificationItemWidget',
         return '';
        '.mw-echo-ui-notificationsInboxWidgetRow',
     }
         '.echo-ui-notificationItemWidget',
        'li[data-notification-id]',
        '.mw-echo-notifications-list li'
     ];


     function setPanelSync($panel) {
     var items = [];
        if (!$panel || !$panel.length) return;
    for (var i = 0; i < selectors.length; i++) {
 
         items = Array.prototype.slice.call(doc.querySelectorAll(selectors[i]));
        $panel.addClass('is-syncing').removeClass('is-max-level').attr('data-progress-state', 'syncing');
         if (items.length) break;
        $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) {
     return items.slice(0, 5).map(function(item) {
         var $right = $('#clbi-right-sidebar');
         var link = item.querySelector('a[href]');
         if (!$right.length) return false;
        var href = link ? link.getAttribute('href') : '/index.php?title=Special:Notifications';
         var text = (item.textContent || '').replace(/\s+/g, ' ').trim();


         var $userBox = $right.children('.clbi-right-box').first();
         var notificationId =
        if (!$userBox.length) return false;
            item.getAttribute('data-notification-id') ||
            item.getAttribute('data-id') ||
            item.getAttribute('data-notification') ||
            '';


         var $buttonArea = $userBox.children('.clbi-right-content').first();
         if (!notificationId) {
        var $oldFallback = $panel.closest('.progress-panel-fallback');
            var anyWithId = item.querySelector('[data-notification-id], [data-id], [data-notification]');
 
            if (anyWithId) {
        if ($buttonArea.length) {
                notificationId =
            var $divider = $('#profile-progress-divider');
                    anyWithId.getAttribute('data-notification-id') ||
 
                    anyWithId.getAttribute('data-id') ||
            $panel.insertBefore($buttonArea);
                    anyWithId.getAttribute('data-notification') ||
 
                    '';
            if (!$divider.length) {
                $divider = $(getDividerHtml());
             }
             }
            $divider.insertAfter($panel);
        } else {
            $('#profile-progress-divider').remove();
            $userBox.append($panel);
         }
         }


         if ($oldFallback.length && !$oldFallback.find('#progress-panel').length) {
         if (href && href.indexOf('http') !== 0) {
             $oldFallback.remove();
             href = href.charAt(0) === '/'
                ? href
                : '/index.php' + (href.charAt(0) === '?' ? href : '/' + href);
         }
         }


         return true;
         return {
     }
            id: notificationId,
            href: href,
            text: text || '알림'
        };
     });
}


    function ensurePanel() {
function setNotificationIcon(hasItems) {
        if (!isLoggedIn()) return $();
    var quickIcon = document.getElementById('profile-quick-notification-icon');
    var svg = hasItems ? CLBI_SVG_BELL_DOT : CLBI_SVG_BELL;


         var $right = $('#clbi-right-sidebar');
    if (quickIcon) {
        if (!$right.length) return $();
         quickIcon.innerHTML = svg;
        quickIcon.classList.toggle('has-notifications', !!hasItems);
    }
}


        var $panel = $('#progress-panel');
function renderNotificationPopup(items) {
    var list = document.getElementById('clbi-notification-list');
    var badge = document.getElementById('clbi-notification-badge');
    if (!list) return;


        if (!$panel.length) {
    if (!items || !items.length) {
            $panel = $(getPanelHtml());
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">표시할 알림이 없습니다.</div>';
            if (!placePanel($panel)) return $();
        if (badge) badge.style.display = 'none';
            setPanelSync($panel);
        setNotificationIcon(false);
         } else {
         return;
            $panel.addClass('profile-progress-block');
    }
            placePanel($panel);


             if (!currentSummary && $panel.attr('data-progress-state') !== 'syncing') {
    var html = '';
                 setPanelSync($panel);
    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 +
        return $('#progress-panel');
             '</a>';
     }
     }
    list.innerHTML = html;


     function clampPercent(value) {
     if (badge) {
         return Math.max(0, Math.min(100, value || 0));
         badge.textContent = items.length;
        badge.style.display = 'block';
     }
     }
    setNotificationIcon(true);
}


    function hasXpNotification(items) {
function loadNotificationsIntoPopup() {
        if (!items || !items.length) return false;
    var list = document.getElementById('clbi-notification-list');
        return items.some(function (item) {
    if (list) {
            return item && item.type === 'xp' && parseInt(item.amount || 0, 10) > 0;
        list.innerHTML = '<div style="padding:14px 12px;color:#999;">불러오는 중...</div>';
        });
     }
     }


     function clearBarTimers() {
     fetch('/index.php?title=Special:Notifications', { credentials: 'same-origin' })
         [barTimerA, barTimerB, barTimerC].forEach(function (timer) {
        .then(function(res) {
             if (timer) clearTimeout(timer);
            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>';
            }
         });
         });
        barTimerA = null;
}
        barTimerB = null;
        barTimerC = null;
    }


    function setBarInstant($fill, $gain, percent) {
function markAllNotificationsRead() {
        clearBarTimers();
    return new mw.Api().postWithToken('csrf', {
        percent = clampPercent(percent);
         action: 'echomarkread',
        $fill.css({ transition: 'none', width: percent + '%' });
        list: 'all'
         $gain.css({ transition: 'none', left: '0%', width: '0%', opacity: 0 });
    });
        if ($fill[0]) $fill[0].offsetHeight;
}
         $fill.css({ transition: '' });
 
        $gain.css({ transition: '' });
function markNotificationReadById(notificationId) {
    if (!notificationId) {
         return $.Deferred().resolve().promise();
     }
     }


     function animateGain($fill, $gain, fromPercent, toPercent, levelChanged) {
     return new mw.Api().postWithToken('csrf', {
         clearBarTimers();
        action: 'echomarkread',
         list: notificationId
    });
}


        fromPercent = clampPercent(fromPercent);
function initNotifications() {
        toPercent = clampPercent(toPercent);
    var quickBtn = document.getElementById('profile-quick-notifications');


        $fill.css({ transition: 'none', width: fromPercent + '%' });
    if (!quickBtn) return;


        if (levelChanged) {
    ensureNotificationPopup();
            var firstDelta = Math.max(0, 100 - fromPercent);
    loadNotificationsIntoPopup();


            $gain.css({
    $(document)
                transition: 'none',
        .off('click.clbiNotificationToggle')
                opacity: firstDelta > 0 ? 1 : 0,
        .on('click.clbiNotificationToggle', '#profile-quick-notifications', function(e) {
                left: fromPercent + '%',
            e.preventDefault();
                width: firstDelta + '%'
             e.stopPropagation();
             });


             if ($fill[0]) $fill[0].offsetHeight;
            var popup = document.getElementById('clbi-notification-popup');
             if (!popup) return;


             barTimerA = setTimeout(function () {
             if (popup.style.display === 'none' || popup.style.display === '') {
                 $fill.css({
                 popup.style.display = 'block';
                    transition: 'width 540ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                positionNotificationPopup();
                    width: '100%'
                loadNotificationsIntoPopup();
                });
            } else {
            }, 260);
                popup.style.display = 'none';
            }
        });


            barTimerB = setTimeout(function () {
    $(document)
                $fill.css({ transition: 'none', width: '0%' });
        .off('click.clbiNotificationOutside')
                $gain.css({ transition: 'none', opacity: toPercent > 0 ? 1 : 0, left: '0%', width: toPercent + '%' });
        .on('click.clbiNotificationOutside', function(e) {
            var popup = document.getElementById('clbi-notification-popup');
            var quickToggle = document.getElementById('profile-quick-notifications');
            if (!popup) return;


                if ($fill[0]) $fill[0].offsetHeight;
            if (!popup.contains(e.target) && (!quickToggle || !quickToggle.contains(e.target))) {
                popup.style.display = 'none';
            }
        });


                $fill.css({
    $(document)
                    transition: 'width 460ms cubic-bezier(0.22, 0.7, 0.18, 1)',
        .off('click.clbiNotificationReadAll')
                    width: toPercent + '%'
        .on('click.clbiNotificationReadAll', '#clbi-notification-readall', function(e) {
                });
            e.preventDefault();
             }, 860);
             e.stopPropagation();


             barTimerC = setTimeout(function () {
             var button = this;
                $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
            button.disabled = true;
             }, 1380);
             button.textContent = '처리 중...';


             return;
             markAllNotificationsRead()
         }
                .then(function() {
                    loadNotificationsIntoPopup();
                })
                .always(function() {
                    button.disabled = false;
                    button.textContent = '전체 읽음';
                });
         });


         var delta = Math.max(0, toPercent - fromPercent);
    $(document)
         .off('click.clbiNotificationItem')
        .on('click.clbiNotificationItem', '.clbi-notification-item', function(e) {
            e.preventDefault();
            e.stopPropagation();


        if (delta <= 0.15) {
            var href = this.getAttribute('href');
             setBarInstant($fill, $gain, toPercent);
             var notificationId = this.getAttribute('data-notification-id') || '';
            return;
        }


        $gain.css({
            markNotificationReadById(notificationId).always(function() {
            transition: 'none',
                loadNotificationsIntoPopup();
            opacity: 1,
                if (href) {
            left: fromPercent + '%',
                    window.location.href = href;
             width: delta + '%'
                }
             });
         });
         });


         if ($fill[0]) $fill[0].offsetHeight;
    $(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');


        barTimerA = setTimeout(function () {
    var saveBtn = document.getElementById('pref-save');
            $fill.css({
    if (!saveBtn) return;
                transition: 'width 560ms cubic-bezier(0.22, 0.7, 0.18, 1)',
                width: toPercent + '%'
            });
        }, 260);


        barTimerB = setTimeout(function () {
    function getPrefRow(id) {
            $gain.css({ transition: 'opacity 180ms ease', opacity: 0 });
        var el = document.getElementById(id);
         }, 940);
        if (!el) return null;
         return el.closest('.clbi-pref-row') || el.parentNode;
     }
     }


     function updatePanel(summary, options) {
     function removePrefRow(id) {
         if (!summary) return;
        var row = getPrefRow(id);
         if (row && row.parentNode) {
            row.parentNode.removeChild(row);
        }
    }


         options = options || {};
    function createPrefSection(className, titleText) {
        var section = document.createElement('div');
         section.className = 'clbi-pref-section ' + className;


         var $panel = ensurePanel();
         var title = document.createElement('div');
         if (!$panel.length) {
         title.className = 'clbi-pref-section-title';
            pendingSummary = $.extend({}, summary);
        title.textContent = titleText;
            pendingOptions = $.extend({}, options);
            return;
        }


         var level = summary.level || 1;
         var body = document.createElement('div');
        var totalXp = summary.totalXp || 0;
         body.className = 'clbi-pref-section-body';
        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');
         section.appendChild(title);
        $panel.find('.progress-level-label').text((isMaxLevel ? 'MAX ' : 'LVL ') + level);
         section.appendChild(body);
        $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');
         return {
        if (title) {
             section: section,
             $title.text(title).prop('hidden', false);
            body: body
         } else {
         };
            $title.text('').prop('hidden', true);
    }
        }


        var $fill = $panel.find('.progress-xp-fill');
    function moveRowToSection(id, targetBody, className) {
         var $gain = $panel.find('.progress-xp-gain');
         var row = getPrefRow(id);
         var animate = !!options.animateGain && currentSummary && totalXp > (currentSummary.totalXp || 0);
         if (!row || !targetBody) return false;


         if (animate) {
         row.classList.add('clbi-pref-row-key-' + className);
            animateGain(
         targetBody.appendChild(row);
                $fill,
         return true;
                $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() {
     function rebuildProfileSettingsLayout() {
         if (summaryRetryTimer) clearTimeout(summaryRetryTimer);
         var root = document.querySelector('.clbi-prefs-profile');
         summaryRetryTimer = null;
         if (!root || root.dataset.profileSettingsReworked === '1') return;
        summaryRetryAttempts = 0;
    }


    function scheduleSummaryRetry(delay) {
         root.dataset.profileSettingsReworked = '1';
         if (!isLoggedIn()) return;
         root.classList.add('profile-settings-console');
         if (summaryRetryTimer) return;
        if (summaryRetryAttempts >= 12) return;


         summaryRetryAttempts += 1;
         removePrefRow('pref-badges');
        summaryRetryTimer = setTimeout(function () {
            summaryRetryTimer = null;
            requestSummary();
        }, delay || 1800);
    }


    function requestSummary() {
         var originalRows = Array.prototype.slice.call(root.querySelectorAll('.clbi-pref-row'));
         if (!isLoggedIn()) return;
         var actionNodes = [];
         if (summaryRequested) return;


         summaryRequested = true;
         if (saveBtn.parentNode === root || saveBtn.closest('.clbi-prefs-profile') === root) {
            actionNodes.push(saveBtn);
        }


         withApi(function (api) {
         var statusNode = document.getElementById('pref-status');
            api.get({
        if (statusNode && statusNode.closest('.clbi-prefs-profile') === root) {
                action: 'progress_summary',
             actionNodes.push(statusNode);
                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) {
        var main = document.createElement('div');
         if (!items || !items.length) return;
         main.className = 'clbi-pref-main-grid';


         items.forEach(function (item) {
         var media = createPrefSection('clbi-pref-section-media', 'PROFILE IMAGE');
            if (!item) return;
        var identity = createPrefSection('clbi-pref-section-identity', 'IDENTITY RECORD');
            notificationQueue.push(item);
        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');


         showNextNotification();
         main.appendChild(media.section);
    }
        main.appendChild(identity.section);
 
        main.appendChild(bio.section);
    function notificationText(item) {
         main.appendChild(account.section);
         if (item.type === 'xp') {
        main.appendChild(misc.section);
            return '+' + (item.amount || 0) + ' XP · ' + (item.label || '문서 열람');
 
         }
        root.innerHTML = '';
         root.appendChild(main);


         if (item.type === 'achievement') {
         moveRowToSection('pref-pfp-preview', media.body, 'pfp');
            var xp = item.amount ? ' · +' + item.amount + ' XP' : '';
        moveRowToSection('pref-pfp-btn', media.body, 'pfp');
            return '업적 달성 · ' + (item.label || '새 업적') + xp;
        moveRowToSection('pref-pfp-input', media.body, 'pfp');
        }


         if (item.type === 'level') {
         moveRowToSection('pref-name', identity.body, 'name');
            return item.label || '레벨 상승';
        moveRowToSection('pref-role', identity.body, 'role');
         }
         moveRowToSection('pref-discord', identity.body, 'discord');


         return item.label || '보상 획득';
         moveRowToSection('pref-bio', bio.body, 'bio');
    }


    function showNextNotification() {
        moveRowToSection('pref-new-email', account.body, 'email');
         if (notificationActive) return;
         moveRowToSection('pref-email-password', account.body, 'email');
         if (!notificationQueue.length) return;
         moveRowToSection('pref-email-save', account.body, 'email');


         notificationActive = true;
         originalRows.forEach(function (row) {
        var item = notificationQueue.shift();
            if (!row.parentNode && !row.className.match(/clbi-pref-row-key-/)) {
         var $root = $('#progress-toast-root');
                misc.body.appendChild(row);
            }
         });


         if (!$root.length) {
         if (!misc.body.children.length) {
             $('body').append('<div id="progress-toast-root"></div>');
             misc.section.parentNode.removeChild(misc.section);
            $root = $('#progress-toast-root');
         }
         }


         var $toast = $('<div class="progress-toast"></div>');
         var actions = document.createElement('div');
         $toast.text(notificationText(item));
        actions.className = 'clbi-pref-actions';
         $root.append($toast);
 
         if (saveBtn) actions.appendChild(saveBtn);
         if (statusNode) actions.appendChild(statusNode);


         requestAnimationFrame(function () {
         root.appendChild(actions);
            $toast.addClass('is-visible');
    }
        });


        setTimeout(function () {
    rebuildProfileSettingsLayout();
            $toast.removeClass('is-visible');
            setTimeout(function () {
                $toast.remove();
                notificationActive = false;
                showNextNotification();
            }, 220);
        }, 2600);
    }


     function applyPendingSummaryIfPossible() {
     var api = new mw.Api();
        if (!pendingSummary) return;
    var selectedFile = null;
        updatePanel(pendingSummary, pendingOptions || { animateGain: false });
     var cropper = null;
     }


     function handlePageView() {
     if (!document.getElementById('clbi-gallery-modal')) {
         ensurePanel();
         var gModal = document.createElement('div');
         applyPendingSummaryIfPossible();
         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;';


         if (!isRewardableClientSide()) {
         gModal.innerHTML =
             requestSummary();
             '<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;">' +
             return;
                '<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>';


         var pageId = getPageId();
         document.body.appendChild(gModal);
        if (handledPageIds.has(pageId)) {
    }
            requestSummary();
            return;
        }


        if (inFlightPageIds.has(pageId)) {
    if (!document.getElementById('clbi-crop-modal')) {
            requestSummary();
        var cModal = document.createElement('div');
            return;
        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;';


         inFlightPageIds.add(pageId);
         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;">' +
        withApi(function (api) {
                 '<div style="font-size:14px;font-weight:700;color:#e2e2e2;">사진 조정</div>' +
             api.postWithToken('csrf', {
                 '<div style="width:100%;max-height:380px;overflow:hidden;border-radius:8px;">' +
                 action: 'progress_view',
                    '<img id="clbi-crop-image" style="max-width:100%;">' +
                 format: 'json',
                 '</div>' +
                formatversion: 2,
                 '<div style="display:flex;gap:8px;justify-content:flex-end;">' +
                 errorformat: 'plaintext',
                    '<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>' +
                 pageid: pageId
                    '<button type="button" id="clbi-crop-confirm" style="background:#854369;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;">확정</button>' +
            }).then(function (data) {
                 '</div>' +
                var payload = data && data.progress_view;
            '</div>';
                 if (!payload) return;


                handledPageIds.add(pageId);
        document.body.appendChild(cModal);
    }


                var animate = hasXpNotification(payload.notifications);
    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');


                if (payload.summary) {
    function openGallery() {
                    updatePanel(payload.summary, { animateGain: animate });
        gModal.style.display = 'flex';
                }


                if (payload.notifications && payload.notifications.length) {
        var username = mw.config.get('wgUserName');
                    queueNotifications(payload.notifications);
        api.get({
                }
            action: 'query',
            }).catch(function () {
             titles: '파일:Pfp-' + username + '.png',
                requestSummary();
            prop: 'imageinfo',
             }).always(function () {
            iiprop: 'url|timestamp',
                inFlightPageIds.delete(pageId);
             iilimit: 6
             });
         }).then(function(data) {
         }, function () {
             var pages = data.query.pages;
             inFlightPageIds.delete(pageId);
             var page = pages[Object.keys(pages)[0]];
             requestSummary();
            if (!page.imageinfo || page.imageinfo.length === 0) return;
        });
    }


    function bindVisibilitySync() {
            var historyEl = document.getElementById('clbi-gallery-history');
        if (visibilityBound) return;
            var sectionEl = document.getElementById('clbi-gallery-history-section');
        visibilityBound = true;
            historyEl.innerHTML = '';


        document.addEventListener('visibilitychange', function () {
            page.imageinfo.forEach(function(info, idx) {
            if (document.visibilityState === 'visible') {
                var wrap = document.createElement('div');
                 requestSummary();
                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 bootProgressSystem(reason) {
     function openCrop(src) {
         ensurePanel();
         cropImage.src = src;
         applyPendingSummaryIfPossible();
         cModal.style.display = 'flex';


         if (isRewardableClientSide()) {
         if (cropper) {
             handlePageView();
             cropper.destroy();
        } else {
             cropper = null;
             requestSummary();
         }
         }


         setTimeout(function () {
         setTimeout(function() {
             ensurePanel();
             cropper = new Cropper(cropImage, {
            applyPendingSummaryIfPossible();
                aspectRatio: 1,
            requestSummary();
                viewMode: 1,
        }, 350);
                dragMode: 'move',
 
                autoCropArea: 0.8,
        setTimeout(function () {
                cropBoxResizable: true,
            ensurePanel();
                cropBoxMovable: true
            applyPendingSummaryIfPossible();
             });
             requestSummary();
         }, 150);
         }, 1500);
     }
     }


     function handleSpaPageView() {
     document.getElementById('pref-pfp-btn').addEventListener('click', function() {
         ensurePanel();
         openGallery();
        applyPendingSummaryIfPossible();
    });


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


     function applySummary(summary, options) {
     document.getElementById('clbi-gallery-close').addEventListener('click', function() {
         updatePanel(summary, options || { animateGain: false });
         gModal.style.display = 'none';
     }
     });


     window.ProgressSystemWebUi = {
     pfpInput.addEventListener('change', function() {
         boot: bootProgressSystem,
         var file = this.files[0];
        requestSummary: requestSummary,
         if (!file) return;
        applySummary: applySummary,
         handlePageView: handlePageView,
        handleSpaPageView: handleSpaPageView,
        ensurePanel: ensurePanel
    };


    $(function () {
         gModal.style.display = 'none';
         bindVisibilitySync();
        bootProgressSystem('documentReady');
    });


    mw.hook('wikipage.content').add(function () {
        var reader = new FileReader();
        ensurePanel();
        reader.onload = function(e) {
         applyPendingSummaryIfPossible();
            openCrop(e.target.result);
        setTimeout(function () {
         };
            ensurePanel();
        reader.readAsDataURL(file);
             applyPendingSummaryIfPossible();
    });
             requestSummary();
 
         }, 120);
    document.getElementById('clbi-crop-cancel').addEventListener('click', function() {
        cModal.style.display = 'none';
        if (cropper) {
             cropper.destroy();
             cropper = null;
         }
        pfpInput.value = '';
     });
     });
})(mediaWiki, jQuery);


    document.getElementById('clbi-crop-confirm').addEventListener('click', function() {
        if (!cropper) return;


/* CLBI Nations / Historical Events year tabs
        var canvas = cropper.getCroppedCanvas({ width: 256, height: 256 });
* Mirrors the country information panel model:
        if (!canvas) return;
* active tab uses .is-active/aria-selected and inactive pages use hidden.
*/
(function (mw, $) {
    'use strict';


    function activateClbiNationsHistoryYear(panel, targetYear) {
        canvas.toBlob(function(blob) {
         var tabs;
            selectedFile = new File([blob], 'profile.png', { type: 'image/png' });
        var pages;
            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');
    });


         if (!panel || !targetYear) return false;
    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;


        tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
            if (!newEmail || !password) {
        pages = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-page[data-year-panel]'));
                statusEl.textContent = '이메일과 비밀번호를 입력해주세요.';
                return;
            }


        if (!tabs.length || !pages.length) return false;
            statusEl.textContent = '변경 중...';


        tabs.forEach(function (tab) {
            api.postWithToken('csrf', {
            var active = tab.getAttribute('data-year') === targetYear;
                action: 'changeemail',
            tab.classList.toggle('is-active', active);
                email: newEmail,
            tab.setAttribute('aria-selected', active ? 'true' : 'false');
                password: password
            tab.setAttribute('tabindex', active ? '0' : '-1');
            }).then(function() {
        });
                statusEl.textContent = '✓ 이메일 변경됨';
                document.getElementById('pref-new-email').value = '';
                document.getElementById('pref-email-password').value = '';


        pages.forEach(function (page) {
                setTimeout(function() {
            var active = page.getAttribute('data-year-panel') === targetYear;
                    statusEl.textContent = '';
            page.classList.toggle('is-active', active);
                }, 3000);
 
             }).fail(function(code, data) {
             if (active) {
                 var msg = data && data.error && data.error.info ? data.error.info : '변경 실패';
                 page.removeAttribute('hidden');
                 statusEl.textContent = msg;
            } else {
             });
                 page.setAttribute('hidden', 'hidden');
             }
         });
         });
        return true;
     }
     }


     function moveClbiNationsHistoryYear(panel, direction) {
     saveBtn.addEventListener('click', function() {
         var tabs;
         var statusEl = document.getElementById('pref-status');
        var activeIndex;
         statusEl.textContent = '저장 중...';
         var nextIndex;
        var target;


         if (!panel) return false;
         var promises = [];


         tabs = Array.prototype.slice.call(panel.querySelectorAll('.clbi-nations-history-year-button[data-year]'));
         if (selectedFile) {
         if (!tabs.length) return false;
            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'
                })
            );
         }


         activeIndex = tabs.findIndex(function (tab) {
         var fields = ['name', 'discord', 'role', 'bio'];
            return tab.classList.contains('is-active') || tab.getAttribute('aria-selected') === 'true';
        });


         if (activeIndex < 0) activeIndex = 0;
         for (var i = 0; i < fields.length; i++) {
            var el = document.getElementById('pref-' + fields[i]);
            if (!el) continue;


        nextIndex = (activeIndex + direction + tabs.length) % tabs.length;
            promises.push(
        target = tabs[nextIndex].getAttribute('data-year');
                api.postWithToken('csrf', {
 
                    action: 'options',
        if (activateClbiNationsHistoryYear(panel, target)) {
                    optionname: 'profile-' + fields[i],
            tabs[nextIndex].focus();
                    optionvalue: el.value
             return true;
                })
             );
         }
         }


         return false;
         $.when.apply($, promises)
    }
            .then(function() {
                statusEl.textContent = '✓ 저장됨';
                selectedFile = null;
                document.getElementById('pref-pfp-btn').textContent = '사진 선택';


    function initClbiNationsHistoryYearTabs(root) {
                setTimeout(function() {
        var scope = root && root.querySelectorAll ? root : document;
                    statusEl.textContent = '';
        var panels = scope.querySelectorAll('.clbi-nations-history-panel');
                }, 2000);
            })
            .fail(function() {
                statusEl.textContent = '저장 실패';
            });
    });
}


        Array.prototype.forEach.call(panels, function (panel) {
/* =========================================
            if (panel.getAttribute('data-clbi-history-tabs-ready') === '1') return;
  Banner / CRT Page Monitor thumbnail slices
  - base 이미지는 틀에 들어간 파일 문법 그대로 사용
  - slice 레이어에는 300px MediaWiki 썸네일만 삽입
  ========================================= */


            panel.setAttribute('data-clbi-history-tabs-ready', '1');
(function ($, mw) {
    var thumbCache = {};


            panel.addEventListener('click', function (event) {
    function parseSliceWidth(value) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;
        var parsed = parseInt(value, 10);


                if (!tab || !panel.contains(tab)) return;
        if (!isFinite(parsed) || parsed < 120) {
            return 300;
        }


                if (activateClbiNationsHistoryYear(panel, tab.getAttribute('data-year'))) {
        return parsed;
                    event.preventDefault();
    }
                }
            });


            panel.addEventListener('keydown', function (event) {
    function getImageSrc(img) {
                var tab = event.target.closest ? event.target.closest('.clbi-nations-history-year-button[data-year]') : null;
        return img ? (img.currentSrc || img.getAttribute('src') || img.src || '') : '';
                var handled = false;
    }
 
    function getFileNameFromSrc(src) {
        var a;
        var parts;
        var fileName;


                if (!tab || !panel.contains(tab)) return;
        if (!src) return '';


                if (event.key === 'ArrowLeft') handled = moveClbiNationsHistoryYear(panel, -1);
        a = document.createElement('a');
                else if (event.key === 'ArrowRight') handled = moveClbiNationsHistoryYear(panel, 1);
        a.href = src;
                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) {
        parts = (a.pathname || '').split('/').filter(function (part) {
                    event.preventDefault();
             return !!part;
                    event.stopPropagation();
                }
             });
         });
         });
    }


    window.initClbiNationsHistoryYearTabs = initClbiNationsHistoryYearTabs;
        if (!parts.length) return '';


    $(function () {
         fileName = parts.pop();
         initClbiNationsHistoryYearTabs(document);
    });


    if (mw && mw.hook) {
        /*
         mw.hook('wikipage.content').add(function ($content) {
        * MediaWiki thumb URL 예시:
             initClbiNationsHistoryYearTabs($content && $content[0] ? $content[0] : document);
        * /images/thumb/a/ab/File.png/1000px-File.png
         });
        * /images/thumb/a/ab/File.svg/1000px-File.svg.png
    }
        *
})(mediaWiki, jQuery);
        * 이 경우 실제 파일명은 마지막 조각이 아니라 그 앞 조각이다.
        */
         if (/^\d+px-/.test(fileName) && parts.length) {
             fileName = parts.pop();
         }


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


/* =========================================
        try {
  Decoration runtime renderer
            fileName = decodeURIComponent(fileName);
  ========================================= */
        } catch (e) {}
(function (mw) {
    'use strict';


    var REGISTRY_TITLE = 'MediaWiki:Decorations.json';
         return fileName;
    var RENDERED_ATTR = 'data-wiki-decoration-rendered';
    var HOST_ATTR = 'data-wiki-decoration-host';
    var runtimeToken = 0;
    var lastRegistry = null;
    var scheduledRender = 0;
    var nationsPlacementObserver = null;
    var observedNationsStack = null;
    var pixelAssetCache = {};
    var pixelCanvasCache = {};
 
    function normalizePageName(value) {
         return String(value || '')
            .split('?')[0]
            .replace(/^\/index\.php\//, '')
            .replace(/_/g, ' ')
            .trim();
     }
     }


     function currentPageKey() {
     function resolveThumbUrl(img, width, callback) {
         var raw = mw && mw.config ? String(mw.config.get('wgPageName') || '') : '';
         var src = getImageSrc(img);
         return normalizePageName(raw) || raw || '대문';
         var fileName = getFileNameFromSrc(src);
    }
        var cacheKey;
        var entry;


        if (!src) return;


    function cssAttrEscape(value) {
         if (!fileName || !mw || !mw.loader) {
         return String(value || '').replace(/\\/g, '\\\\').replace(/"/g, '\\"');
            callback(src);
    }
            return;
        }


    function getActiveNationsEra() {
         cacheKey = fileName + '|' + width;
         var content = document.querySelector('.clbi-nations-era-content.is-active[data-era-content]:not([hidden])');
         entry = thumbCache[cacheKey];
         var title;
        var globe;


         if (content) return content.getAttribute('data-era-content') || '';
         if (entry) {
            if (entry.resolved) {
                callback(entry.url || src);
            } else {
                entry.callbacks.push(callback);
            }
            return;
        }


         title = document.querySelector('.clbi-nations-era-title-plate.is-active[data-era]');
         entry = {
         if (title) return title.getAttribute('data-era') || '';
            resolved: false,
            url: '',
            callbacks: [callback]
         };


         globe = document.querySelector('.clbi-nations-globe-window[data-nations-globe]');
         thumbCache[cacheKey] = entry;
        if (globe) {
            return globe.getAttribute('data-current-era') || globe.getAttribute('data-nations-current-era') || globe.getAttribute('data-era-year') || '';
        }


         return '';
         function finish(url) {
    }
            var callbacks = entry.callbacks.slice();
            var i;


    function getActiveNationsEraPanel() {
            entry.resolved = true;
        var era = getActiveNationsEra();
            entry.url = url || src;
        var selector;
            entry.callbacks = [];
        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() {
            for (i = 0; i < callbacks.length; i++) {
        var eraPanel = getActiveNationsEraPanel();
                callbacks[i](entry.url);
        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') || '';
         mw.loader.using('mediawiki.api').done(function () {
            var api = new mw.Api();


        panel = root.querySelector('.clbi-nations-tabpanel-continent.is-active[data-continent-panel]');
            api.get({
        if (panel) return panel.getAttribute('data-continent-panel') || '';
                action: 'query',
                titles: 'File:' + fileName,
                prop: 'imageinfo',
                iiprop: 'url',
                iiurlwidth: width,
                formatversion: 2
            }).done(function (data) {
                var page;
                var info;


        return '';
                if (
    }
                    data &&
                    data.query &&
                    data.query.pages &&
                    data.query.pages.length
                ) {
                    page = data.query.pages[0];


    function getDecorationNationsBodySelector(era) {
                    if (
        if (era) {
                        page &&
            return '.clbi-nations-era-content[data-era-content="' + cssAttrEscape(era) + '"] .clbi-nations-tabpanel-body';
                        page.imageinfo &&
        }
                        page.imageinfo.length
        return '.clbi-nations-era-content.is-active[data-era-content]:not([hidden]) .clbi-nations-tabpanel-body, .clbi-nations-tabpanel-body';
                    ) {
    }
                        info = page.imageinfo[0];
                    }
                }


     /*
                finish((info && (info.thumburl || info.url)) || src);
     Decoration semantic placement resolver
            }).fail(function () {
    -----------------------------------------
                finish(src);
    장식 저장 데이터의 placement 값은 "사용자가 고른 의미상 위치"를 나타낸다.
            });
    resolver는 그 의미값을 실제 DOM 부착 위치와 표시 조건으로 번역한다.
        }).fail(function () {
            finish(src);
        });
     }
 
     function applySliceImages(frame, thumbUrl) {
        var slices;
        var i;
        var img;


    예: 국가 및 조합에서 사용자가 1950년 / 아메리카를 지정하면 의미상 scope는
        if (!frame || !thumbUrl) return;
    그 조합이지만, 이미지를 붙일 기준면은 대륙 패널 자체가 아니라
    .clbi-nations-tabpanel-body이다. 따라서 placement=nations-continent-body는
    .clbi-nations-tabpanel-body에 이미지를 붙이고, 현재 활성 연도와 대륙이 저장값과
    일치할 때만 렌더링한다.


    유지보수 규칙:
         slices = frame.querySelectorAll('.crt-page-monitor-slice');
    - 새 조합형 문서가 생기면 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;
         for (i = 0; i < slices.length; i++) {
        if (placement === 'nations-continent-body') return true;
            slices[i].innerHTML = '';
        if (era || continent) return true;
        if (target.indexOf('clbi-nations-tabpanel-continent') !== -1) return true;
        return false;
    }


    function resolveDecorationPlacement(entry) {
            img = document.createElement('img');
        var placement = String(entry && entry.placement || '').trim();
            img.className = 'crt-page-monitor-slice-img';
        var selector = String(entry && entry.target || '').trim() || '.liberty-content-main';
            img.src = thumbUrl;
        var era = String(entry && entry.era || '').trim();
            img.alt = '';
        var continent = String(entry && entry.continent || '').trim();
            img.decoding = 'async';
        var target;
            img.loading = 'eager';
            img.setAttribute('aria-hidden', 'true');


        if (!placement && shouldUseNationsBodyPlacement(entry)) {
            slices[i].appendChild(img);
            placement = 'nations-continent-body';
         }
         }


         if (placement === 'nations-continent-body') {
         frame.setAttribute('data-crt-slices-ready', '1');
            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())
            };
        }


        return {
    function initBannerFrame(frame) {
            placement: placement,
        var baseImg;
            target: document.querySelector(selector),
         var width;
            targetSelector: selector,
            visible: true
         };
    }


    function normalizeNumber(value, fallback) {
         if (!frame) return;
         var n = parseFloat(value);
         if (frame.getAttribute('data-crt-slices-ready') === '1') return;
         return Number.isFinite(n) ? n : fallback;
    }


    function normalizeBool(value, fallback) {
         baseImg = frame.querySelector('.crt-page-monitor-image-base img');
         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) {
         if (!baseImg) return;
        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);
    }


        width = parseSliceWidth(frame.getAttribute('data-crt-slice-width'));


    function normalizeAssetType(entry) {
        resolveThumbUrl(baseImg, width, function (thumbUrl) {
        var type = String(entry && entry.assetType || '').trim().toLowerCase();
            if (!frame || !frame.parentNode) return;
         var ref = String(entry && (entry.asset || entry.src) || '').trim();
            applySliceImages(frame, thumbUrl);
         });
    }


        if (type === 'clbi-pixel-json' || type === 'pixel-rle' || type === 'pixel-json') return 'pixel-json';
    function initBannerFrames(root) {
         if (!type && /\.json(?:[?#].*)?$/i.test(ref)) return 'pixel-json';
         var scope = root && root.querySelectorAll ? root : document;
         return type || 'image';
        var frames = scope.querySelectorAll('.crt-page-monitor-frame');
    }
         var i;


    function isPixelJsonDecoration(entry) {
        for (i = 0; i < frames.length; i++) {
        return normalizeAssetType(entry) === 'pixel-json';
            initBannerFrame(frames[i]);
        }
     }
     }


     function getPixelJsonRef(entry) {
     $(function () {
         return String(entry && (entry.asset || entry.src) || '').trim();
         initBannerFrames(document);
     }
     });


     function normalizePixelJsonUrl(ref) {
     if (mw && mw.hook) {
        ref = String(ref || '').trim();
        mw.hook('wikipage.content').add(function ($content) {
        if (!ref) return '';
             initBannerFrames($content && $content[0] ? $content[0] : document);
        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;
     }
     }
})(jQuery, window.mw);


    function parsePixelColor(value) {
/* =========================================
        var text;
  Doc Tab System — tab switching UI
        var m;
  글리치 플리커 + RGB split + 방향 슬라이드
        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 () {
    'use strict';


     function decodePixelRle36(value) {
     function initDocTabs() {
         var text = String(value || '').trim();
         var tabBars = document.querySelectorAll('.doc-tab-bar');
         var parts;
         if (!tabBars.length) return;
        var runs = [];
        var i;
        var x;
        var y;
        var len;
        var colorIndex;


         if (!text) return runs;
         tabBars.forEach(function (bar) {
        parts = text.split(',');
             if (bar.getAttribute('data-tabs-init')) return;
        for (i = 0; i + 3 < parts.length; i += 4) {
             bar.setAttribute('data-tabs-init', '1');
            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 tabs = Array.from(bar.querySelectorAll('.doc-tab'));
        var encoding = String(doc && (doc.encoding || doc.e) || '').trim().toLowerCase();
            if (!tabs.length) return;
        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;


        /*
            var panel = bar.closest('.doc-panel');
        CLBI Pixel Forge v0.2.3 compact format:
            var display = panel ? panel.querySelector('.doc-display') : null;
        - MediaWiki 단일 문서 크기 제한을 피하기 위해 사람이 읽기 쉬운 [[x,y,len,c], ...] 배열 대신
            if (!display) display = document.getElementById('doc-main-display');
          base36 토큰 문자열을 쓴다.
            if (!display) return;
        - 형식은 x,y,len,colorIndex를 4개 토큰 단위로 반복한 rle36이다.
 
        - 복원 후 좌표계는 기존 runs 배열과 완전히 같으며, 최종 CSS px에 1:1로 찍는다.
            tabs.forEach(function (tab, i) {
        */
                tab.addEventListener('click', function () {
        if ((encoding === 'rle36' || encoding === 'clbi-rle36') && typeof (doc && doc.r) === 'string') {
                    var currentIdx = tabs.findIndex(function (t) {
            runs = decodePixelRle36(doc.r);
                        return t.classList.contains('active');
        } else {
                    });
            runs = Array.isArray(doc && doc.runs) ? doc.runs : [];
                    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 || '');
            }
         });


        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 isAnimating = false;
        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) {
     function switchTab(tabs, display, nextIdx, dir) {
         var ctx;
         if (isAnimating) return;
        var image;
         isAnimating = true;
        var data;
        var i;
        var run;
        var x;
        var y;
        var len;
        var color;
        var colorIndex;
        var p;
         var k;


         canvas.width = asset.width;
         tabs.forEach(function (t) { t.classList.remove('active'); });
        canvas.height = asset.height;
         tabs[nextIdx].classList.add('active');
        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) {
         var ref = tabs[nextIdx].dataset.ref;
            run = asset.runs[i];
        var nextContent;
            if (!Array.isArray(run) || run.length < 4) continue;
        if (ref) {
             x = Math.round(Number(run[0]) || 0);
             var refEl = document.getElementById(ref);
             y = Math.round(Number(run[1]) || 0);
             nextContent = refEl ? refEl.innerHTML : '';
            len = Math.round(Number(run[2]) || 0);
        } else {
             colorIndex = Math.round(Number(run[3]) || 0);
             nextContent = tabs[nextIdx].dataset.content || '';
            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);
         glitchOut(display, dir, function () {
            display.innerHTML = nextContent;
            glitchIn(display, dir, function () {
                isAnimating = false;
            });
        });
     }
     }


     function preparePixelCanvas(ref) {
     function glitchOut(el, dir, cb) {
         var url = normalizePixelJsonUrl(ref);
         var duration = 160;
         var cached;
         var start = null;
        if (!url) return Promise.reject(new Error('pixel json ref is empty'));
         var slideX = dir * 16;
        cached = pixelCanvasCache[url];
         if (cached) return cached.promise;
        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);
                return canvas;
            })
        };
        pixelCanvasCache[url] = cached;
        return cached.promise;
    }


    function applyDecorationBaseStyle(node, entry) {
        function step(ts) {
        node.style.left = normalizeNumber(entry.x, 0) + 'px';
            if (!start) start = ts;
        node.style.top = normalizeNumber(entry.y, 0) + 'px';
            var p = Math.min((ts - start) / duration, 1);
        node.style.opacity = String(normalizeNumber(entry.opacity, 1));
            var ease = p * p;
        node.style.zIndex = String(Math.round(normalizeNumber(entry.zIndex, 0)));
        node.style.pointerEvents = String(entry.pointerEvents || 'none');
        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 applyPixelJsonDecoration(entry, target) {
            var tx = slideX * ease;
        var ref = getPixelJsonRef(entry);
            var skew = dir * ease * 1.0;
        var canvas;
            var opacity = 1 - ease;
        if (!ref) return false;
            var rgb = ease * 5;


        canvas = document.createElement('canvas');
            el.style.transform = 'translateX(' + tx + 'px) skewX(' + skew + 'deg)';
        canvas.className = 'wiki-decoration wiki-decoration-pixel-json';
            el.style.opacity = opacity;
        canvas.setAttribute(RENDERED_ATTR, '1');
            el.style.filter =
        canvas.setAttribute('aria-hidden', 'true');
                'drop-shadow(' + (-rgb) + 'px 0 0 rgba(80,160,255,0.75)) ' +
        canvas.setAttribute('data-decoration-id', String(entry.id || ''));
                'drop-shadow(' + rgb + 'px 0 0 rgba(255,55,90,0.65)) ' +
        canvas.setAttribute('data-decoration-asset-type', 'pixel-json');
                'brightness(' + (1 + ease * 0.25) + ')';
        if (entry.placement) canvas.setAttribute('data-decoration-placement', String(entry.placement));
        if (entry.era) canvas.setAttribute('data-decoration-era', String(entry.era));
        if (entry.continent) canvas.setAttribute('data-decoration-continent', String(entry.continent));
        canvas.width = Math.max(1, Math.round(normalizeNumber(entry.assetWidth, 1)));
        canvas.height = Math.max(1, Math.round(normalizeNumber(entry.assetHeight, 1)));
        canvas.style.imageRendering = 'pixelated';
        applyDecorationBaseStyle(canvas, entry);
        target.appendChild(canvas);


        /*
             if (p < 1) {
        Pixel-json decorations are part of the site entry-loading contract.
                requestAnimationFrame(step);
        BootGate may have already prepared a 1:1 canvas before the normal page surface is
             } else {
        released. Runtime rendering therefore copies from a ready canvas when possible
                el.style.opacity = '0';
        instead of decoding the RLE string again during the first visible frame.
                cb();
        */
            }
        preparePixelCanvas(ref).then(function (template) {
         }
            var ctx;
         requestAnimationFrame(step);
             if (!canvas.parentNode || !template) return;
            canvas.width = template.width;
            canvas.height = template.height;
            ctx = canvas.getContext('2d');
             ctx.imageSmoothingEnabled = false;
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(template, 0, 0);
            canvas.style.width = template.width + 'px';
            canvas.style.height = template.height + 'px';
            canvas.setAttribute('data-decoration-asset-size', template.width + 'x' + template.height);
        }).catch(function () {
            if (canvas.parentNode) canvas.parentNode.removeChild(canvas);
         });
 
         return true;
     }
     }


     function preloadPixelAssetsForRegistry(registry) {
     function glitchIn(el, dir, cb) {
         var promises = [];
         var duration = 200;
         decorationList(registry).forEach(function (entry) {
         var start = null;
            var ref;
         var startX = -dir * 16;
            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) {
         el.style.transform = 'translateX(' + startX + 'px) skewX(' + (-dir * 1.0) + 'deg)';
         if (!registry || typeof registry !== 'object') return [];
         el.style.opacity = '0';
        if (Array.isArray(registry)) return registry;
         if (Array.isArray(registry.decorations)) return registry.decorations;
        return [];
    }


    function matchesPage(entry) {
        function step(ts) {
        var page = currentPageKey();
            if (!start) start = ts;
        var underscored = page.replace(/ /g, '_');
            var p = Math.min((ts - start) / duration, 1);
        var pages = entry && entry.pages;
            var ease = 1 - Math.pow(1 - p, 3);
        var target = entry && entry.page;
        var i;


        if (normalizeBool(entry && entry.global, false)) return true;
            var tx = startX * (1 - ease);
        if (!target && !pages) return true;
            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 (Array.isArray(pages)) {
            if (p < 1) {
            for (i = 0; i < pages.length; i += 1) {
                requestAnimationFrame(step);
                 if (normalizePageName(pages[i]) === page || String(pages[i] || '') === underscored) return true;
            } else {
                el.style.transform = '';
                el.style.opacity = '';
                 el.style.filter = '';
                cb();
             }
             }
         }
         }
 
         requestAnimationFrame(step);
         target = normalizePageName(target);
        return target === page || target === underscored;
     }
     }


    function clearRendered(root) {
if (document.readyState === 'loading') {
        var scope = root && root.querySelectorAll ? root : document;
    document.addEventListener('DOMContentLoaded', initDocTabs);
        Array.prototype.forEach.call(scope.querySelectorAll('[' + RENDERED_ATTR + '="1"]'), function (node) {
} else {
            if (node.parentNode) node.parentNode.removeChild(node);
    initDocTabs();
        });
}
    }


    function ensureHost(target) {
if (typeof mw !== 'undefined' && mw.hook) {
        var style;
    mw.hook('wikipage.content').add(function () {
        if (!target) return;
         initDocTabs();
        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);
  Doc Section Switch — 좌측 섹션 전환
        if (!resolved || resolved.visible === false) return false;
  ========================================= */
        target = resolved.target;
        if (!target) return false;


        ensureHost(target);
$(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 (isPixelJsonDecoration(entry)) {
    if (!display) return;
            return applyPixelJsonDecoration(entry, target);
        }


        src = normalizeSrc(entry.src);
    $('.doc-nav-item[data-section]').removeClass('active');
        if (!src) return false;
    $('.doc-nav-item[data-section="' + name + '"]').addClass('active');


        img = document.createElement('img');
    if (name === 'text') {
         img.className = 'wiki-decoration';
         if (titleEl) titleEl.textContent = '개요';
         img.setAttribute(RENDERED_ATTR, '1');
         if (tabBar) $(tabBar).show();
         img.setAttribute('aria-hidden', 'true');
         var activeTab = tabBar ? tabBar.querySelector('.doc-tab.active') : null;
         img.setAttribute('alt', '');
         if (!activeTab && tabBar) activeTab = tabBar.querySelector('.doc-tab');
         img.setAttribute('decoding', 'async');
         if (activeTab) {
        img.setAttribute('loading', 'eager');
            var ref = activeTab.dataset.ref;
        img.setAttribute('data-decoration-id', String(entry.id || ''));
            var refEl = ref ? document.getElementById(ref) : null;
         if (entry.placement) img.setAttribute('data-decoration-placement', String(entry.placement));
            display.innerHTML = refEl ? refEl.innerHTML : (activeTab.dataset.content || '');
         if (entry.era) img.setAttribute('data-decoration-era', String(entry.era));
        }
         if (entry.continent) img.setAttribute('data-decoration-continent', String(entry.continent));
    } else {
         img.src = src;
         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 : '';
    }
});


        applyDecorationBaseStyle(img, entry);
/* =========================================
        width = normalizeNumber(entry.width, NaN);
  CRT WebGL Renderer — cool-retro-term IBM DOS style
        height = normalizeNumber(entry.height, NaN);
  ========================================= */
        if (Number.isFinite(width) && width > 0) img.style.width = width + 'px';
(function () {
        if (Number.isFinite(height) && height > 0) img.style.height = height + 'px';
    'use strict';
        if (entry.objectFit) img.style.objectFit = String(entry.objectFit);


         target.appendChild(img);
    function createNoiseTexture(gl) {
         return true;
        var size = 512;
    }
         var data = new Uint8Array(size * size * 4);
 
         var s = 12345;
    function render(registry) {
        function rand() {
        var token = runtimeToken;
            s = (s * 1664525 + 1013904223) & 0xffffffff;
         lastRegistry = registry || { decorations: [] };
            return (s >>> 0) / 0xffffffff;
         bindNationsPlacementRefresh();
         }
         clearRendered(document);
        for (var i = 0; i < data.length; i++) {
         decorationList(lastRegistry).forEach(function (entry) {
            data[i] = (rand() * 255) | 0;
            if (token === runtimeToken && matchesPage(entry)) applyDecoration(entry);
        }
         });
        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;
     }
     }


     function scheduleRenderFromCache() {
     var VERT = [
         if (scheduledRender) return;
         'attribute vec2 a_pos;',
         scheduledRender = window.setTimeout(function () {
         'varying vec2 v_uv;',
            scheduledRender = 0;
        'void main() {',
            if (lastRegistry) {
        '  v_uv = vec2(a_pos.x * 0.5 + 0.5, 0.5 - a_pos.y * 0.5);',
                render(lastRegistry);
        '  gl_Position = vec4(a_pos, 0.0, 1.0);',
            } else {
        '}'
                reload();
    ].join('\n');
            }
        }, 60);
    }


     function bindNationsPlacementRefresh() {
     var FRAG = [
         var stack = document.querySelector('.clbi-nations-panel-stack');
        '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;',


         if (!stack || observedNationsStack === stack) return;
         'float sum2(vec2 v) { return v.x + v.y; }',
         observedNationsStack = stack;
         'float min2(vec2 v) { return min(v.x, v.y); }',
        'float rgb2grey(vec3 v) { return dot(v, vec3(0.21, 0.72, 0.04)); }',


         if (nationsPlacementObserver) {
         'vec2 coverUV(vec2 uv) {',
            nationsPlacementObserver.disconnect();
        '  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)));',
         '}',


         if (typeof MutationObserver === 'function') {
         'vec4 sampleScreenNoise(vec2 uv) {',
            nationsPlacementObserver = new MutationObserver(scheduleRenderFromCache);
        '  return texture2D(u_noise, u_noiseScale * uv);',
            nationsPlacementObserver.observe(stack, {
        '}',
                subtree: true,
 
                attributes: true,
        'vec3 applyRgbShift(vec2 texUV, float shift) {',
                attributeFilter: ['class', 'hidden', 'aria-selected', 'data-current-era', 'data-nations-current-era', 'data-era-year']
        '  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;',
         '}',


     function fetchRegistry() {
        'vec3 applyScanlines(vec2 uv, vec3 col) {',
         var url;
        '  float line = mod(uv.y * u_res.y, 2.0);',
         if (!mw || !mw.util || typeof fetch !== 'function') return Promise.resolve({ decorations: [] });
        '  vec3 hi = ((1.0 + 0.30) - 0.2 * col) * col;',
         url = mw.util.getUrl(REGISTRY_TITLE, {
        '  vec3 lo = ((1.0 - 0.30) + 0.1 * col) * col;',
            action: 'raw',
        '  return line < 1.0 ? lo : hi;',
            ctype: 'application/json',
        '}',
             v: String(Date.now())
 
         });
'vec3 applyRasterization(vec2 uv, vec3 col) {',
         return fetch(url, { credentials: 'same-origin', cache: 'no-store' })
'  float t = u_time;',
             .then(function (response) {
'  vec2 noiseUV = uv + vec2(fract(t * 0.030), fract(t * 0.060));',
                 if (!response.ok) throw new Error('HTTP ' + response.status);
'  float wobbleX = (texture2D(u_noise, noiseUV * 0.8).r - 0.5) * 0.0018;',
                 return response.text();
'  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);',
             .then(function (text) {
'  vec3 wobbled = texture2D(u_tex, wobbledUV).rgb;',
                 if (!text || !text.trim()) return { decorations: [] };
'  return mix(col, wobbled, 0.35);',
                 return JSON.parse(text);
'}',
 
        '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 () {
             .catch(function () {
                 return { decorations: [] };
                 return { decorations: [] };
             });
             });
     }
     }
 
 
     function reload() {
     function reload() {
         var token;
         var token;
         runtimeToken += 1;
         runtimeToken += 1;
         token = runtimeToken;
         token = runtimeToken;
         return fetchRegistry().then(function (registry) {
         return fetchRegistry().then(function (registry) {
             return preloadPixelAssetsForRegistry(registry).then(function () {
             return preloadPixelAssetsForRegistry(registry).then(function () {
                 if (token === runtimeToken) render(registry);
                 return renderForCurrentLayout(registry, token);
                 return registry;
            });
             });
        });
         });
    }
     }
 
    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' };
        }
     };


     document.addEventListener('click', function (event) {
     window.MainPageManifesto = window.MainPageManifesto || {};
        var target = event.target && event.target.closest ? event.target.closest('.clbi-nations-tabpanel-tab[data-continent], [data-nations-era-move]') : null;
     window.MainPageManifesto.recalculate = recalculate;
        if (target) window.setTimeout(scheduleRenderFromCache, 80);
})(window, document, window.mw);
    }, true);
 
    window.Decorations = window.Decorations || {};
     window.Decorations.reload = reload;
    window.Decorations.render = render;
    window.Decorations.clear = clearRendered;
    window.Decorations.apply = applyDecoration;
    window.Decorations.pageKey = currentPageKey;
    window.Decorations.loadPixelAsset = fetchPixelAsset;
    window.Decorations.preparePixelCanvas = preparePixelCanvas;
    window.Decorations.drawPixelAssetToCanvas = drawPixelAssetToCanvas;
 
    window.CLBI_DECORATIONS = window.CLBI_DECORATIONS || {};
    window.CLBI_DECORATIONS.reload = reload;
    window.CLBI_DECORATIONS.render = render;
    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.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:Shortcuts.js');
})();

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);