COASTLINE: BLACK ICE - 사용자 기여 [ko]

미디어위키:PortalSectionNav.js

2026-07-17T09:49:33Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/PortalSectionNav.js

/* =========================================
PortalSectionNav
대문 상단 카테고리 하단 부착형 canvas 픽셀 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var COMPONENT = 'portal-section-nav';
var VERSION = '20260717-canvas-pixel-001';
var renderTimer = 0;
var ITEMS = [
{ key:'black-ice', label:'블랙 아이스', title:'대문', slant:'left' },
{ key:'anecdote', label:'에넥도트', href:'/index.php/특수:모든문서?namespace=3000', slant:'right' }
];

function api() {
return window.CLBI && window.CLBI.frame;
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function ensureMount(portal, topMount) {
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
}
if (mount.parentNode !== topMount.parentNode || topMount.nextSibling !== mount) {
topMount.parentNode.insertBefore(mount, topMount.nextSibling);
}
return mount;
}

function sideAt(geometry, y, side) {
var step = Math.floor((y + geometry.phase) / api().FRAME.SLANT_RISE);
return side === 'left'
? geometry.leftSeamX + step
: geometry.rightSeamX - step;
}

function outerGeometry(seams) {
var frame = api();
var phase = seams.bottomStartAbsY % frame.FRAME.SLANT_RISE;
return {
width:seams.width,
height:frame.DIMENSIONS.ROW_HEIGHT,
phase:phase,
leftSeamX:Math.max(0, Math.round(seams.settingsLeftSeamX)),
rightSeamX:Math.min(seams.width - 1, Math.round(seams.corpRightSeamX))
};
}

function paintOuterFrame(image, geometry) {
var frame = api();
var width = geometry.width;
var height = geometry.height;
var body = [];
var src;
var y;
var x;

function inside(px, py) {
if (py < 0 || py >= height) return false;
return px >= sideAt(geometry, py, 'left') && px <= sideAt(geometry, py, 'right');
}

for (y = 0; y < height; y++) {
body[y] = [];
for (x = 0; x < width; x++) {
if (!inside(x, y)) {
body[y][x] = 'BG';
continue;
}
body[y][x] = !(inside(x, y - 1) && inside(x, y + 1) && inside(x - 1, y) && inside(x + 1, y))
? 'B'
: 'S';
}
}

src = body.map(function (row) { return row.slice(); });
for (y = 0; y < height; y++) {
for (x = 0; x < width; x++) {
if (src[y][x] !== 'S') continue;
var tb = y > 0 && src[y - 1][x] === 'B';
var rb = x < width - 1 && src[y][x + 1] === 'B';
var bb = y < height - 1 && src[y + 1][x] === 'B';
var lb = x > 0 && src[y][x - 1] === 'B';
if (tb || rb) body[y][x] = 'H';
else if (bb || lb) body[y][x] = 'D';
}
}
frame.paintGrid(image, width, height, body, 0, 0, true);

/* 상단 9px은 상단층과 같은 #1d1d1d 접합면으로 연다. */
for (y = 0; y < frame.DIMENSIONS.OVERLAP; y++) {
var left = sideAt(geometry, y, 'left');
var right = sideAt(geometry, y, 'right');
for (x = left + 1; x < right; x++) frame.setPixel(image, width, height, x, y, 'S');
frame.setPixel(image, width, height, left, y, 'D');
frame.setPixel(image, width, height, right, y, 'H');
}

/* 프레임 안쪽 우물. 위·아래 2px 간격은 순수 #080808로 남긴다. */
for (y = frame.DIMENSIONS.WELL_TOP; y < frame.DIMENSIONS.WELL2_BOTTOM; y++) {
var wellLeft = sideAt(geometry, y, 'left') + frame.DIMENSIONS.WELL_TOP;
var wellRight = sideAt(geometry, y, 'right') - frame.DIMENSIONS.WELL_TOP;
for (x = wellLeft; x <= wellRight; x++) frame.setPixel(image, width, height, x, y, 'BG');
}
}

function paintProjectPillar(image, geometry, seams) {
var frame = api();
var absoluteStep = Math.floor(
seams.bottomStartAbsY / frame.FRAME.SLANT_RISE
);
var leftSeam = seams.projectLeftOriginX + absoluteStep;
var rightSeam = seams.projectRightOriginX - absoluteStep;
var y;
var x;

for (y = 0; y < geometry.height; y++) {
var step = Math.floor((y + geometry.phase) / frame.FRAME.SLANT_RISE);
var left = leftSeam + step;
var right = rightSeam - step;
for (x = left; x <= right; x++) {
frame.setPixel(image, geometry.width, geometry.height, x, y, 'S');
}
frame.setPixel(image, geometry.width, geometry.height, left, y, 'D');
frame.setPixel(image, geometry.width, geometry.height, right, y, 'H');
}
}

function splitButtons(geometry) {
var frame = api();
var d = frame.DIMENSIONS;
var left = sideAt(geometry, d.BUTTON_EDGE_TOP, 'left') + d.WELL_TOP;
var right = sideAt(geometry, d.BUTTON_EDGE_TOP, 'right') - d.WELL_TOP;
var available = Math.max(12, right - left + 1);
var btnW = Math.max(4, Math.floor((available - frame.FRAME.GAP) / 2));
return [
{
x:left,
y:d.BUTTON_EDGE_TOP,
btnW:btnW,
pixelWidth:btnW + 2,
pixelHeight:d.BUTTON_TOTAL,
slant:'left',
phase:geometry.phase
},
{
x:left + btnW + frame.FRAME.GAP,
y:d.BUTTON_EDGE_TOP,
btnW:btnW,
pixelWidth:btnW + 2,
pixelHeight:d.BUTTON_TOTAL,
slant:'right',
phase:geometry.phase
}
];
}

function labelCenter(button) {
var frame = api();
var mask = frame.buttonMask(
button.btnW,
Math.floor(frame.FRAME.BUTTON_FACE / 2),
button.slant,
button.phase
);
return button.x + Math.round((mask.left + mask.right) / 2);
}

function draw(canvas, geometry, buttons, seams, hoverIndex) {
var frame = api();
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, geometry.width, geometry.height, 'BG');

paintOuterFrame(image, geometry);
buttons.forEach(function (button) {
var grid = frame.buildButtonPixels(
button.btnW,
frame.FRAME.BUTTON_FACE,
button.slant,
button.phase
);
frame.paintGrid(
image,
geometry.width,
geometry.height,
grid,
button.x,
button.y,
true
);
});
paintProjectPillar(image, geometry, seams);
ctx.putImageData(image, 0, 0);

buttons.forEach(function (button, index) {
frame.drawLabel(
ctx,
ITEMS[index].label,
labelCenter(button),
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hoverIndex === index,
geometry.width <= 820 ? 11 : 12
);
});
}

function createHit(item, index, button, nav, redraw) {
var anchor = document.createElement('a');
var label = document.createElement('span');
anchor.className = 'portal-frame-hit portal-section-anchor';
anchor.href = item.href || buildWikiPath(item.title);
anchor.setAttribute('aria-label', item.label);
anchor.setAttribute('data-category-key', item.key);
anchor.style.left = button.x + 'px';
anchor.style.top = button.y + 'px';
anchor.style.width = button.pixelWidth + 'px';
anchor.style.height = button.pixelHeight + 'px';
label.className = 'portal-frame-sr-label';
label.textContent = item.label;
anchor.appendChild(label);
anchor.addEventListener('mouseenter', function () {
nav.__frameHoverIndex = index;
redraw();
});
anchor.addEventListener('mouseleave', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
anchor.addEventListener('focus', function () {
nav.__frameHoverIndex = index;
redraw();
});
anchor.addEventListener('blur', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
return anchor;
}

function renderPortal(portal, seams) {
var frame = api();
var current = seams || (frame && frame.seams);
var topMount;
var mount;
var nav;
var inner;
var canvas;
var hitLayer;
var geometry;
var buttons;
var redraw;

if (!frame || !portal || !current || !current.width) return false;
topMount = portal.querySelector('[data-component="category-nav"]');
if (!topMount) return false;
mount = ensureMount(portal, topMount);
geometry = outerGeometry(current);
buttons = splitButtons(geometry);
if (
mount.getAttribute('data-portal-section-width') === String(current.width) &&
mount.getAttribute('data-portal-section-phase') === String(geometry.phase) &&
mount.getAttribute('data-portal-section-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-section-canvas')
) {
return true;
}

nav = document.createElement('nav');
nav.className = 'portal-section-nav portal-frame-canvas-nav';
nav.setAttribute('aria-label', '작품 영역');
nav.__frameHoverIndex = -1;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-section-counter-inner';
inner.style.width = geometry.width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-section-canvas', geometry.width, geometry.height);
canvas.setAttribute('data-frame-width', String(geometry.width));
canvas.setAttribute('data-frame-height', String(geometry.height));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = geometry.width + 'px';
hitLayer.style.height = geometry.height + 'px';

redraw = function () { draw(canvas, geometry, buttons, current, nav.__frameHoverIndex); };
ITEMS.forEach(function (item, index) {
hitLayer.appendChild(createHit(item, index, buttons[index], nav, redraw));
});

inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
mount.replaceChildren(nav);
frame.applyCounterScale(
[mount, nav],
inner,
geometry.height,
frame.DIMENSIONS.OVERLAP
);
redraw();

mount.setAttribute('data-portal-section-rendered', 'canvas');
mount.setAttribute('data-portal-section-width', String(current.width));
mount.setAttribute('data-portal-section-phase', String(geometry.phase));
mount.setAttribute('data-portal-section-scale', String(frame.getShellScale()));
return true;
}

function collectPortals(root) {
var scope = root && root.querySelectorAll ? root : document;
var portals = [];
if (scope.matches && scope.matches('.main-portal')) portals.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('.main-portal'), function (portal) {
if (portals.indexOf(portal) === -1) portals.push(portal);
});
return portals;
}

function renderAll(root, seams) {
var rendered = 0;
collectPortals(root).forEach(function (portal) {
if (renderPortal(portal, seams)) rendered += 1;
});
return rendered;
}

function schedule(root, seams) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document, seams);
}, 0);
}

if (api()) {
api().onSeams(function (seams) { schedule(document, seams); });
api().onScale(function () { schedule(document); });
}
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}

window.PortalSectionNav = {
version:VERSION,
init:renderAll,
render:renderPortal,
renderAll:renderAll
};
}(window, document, window.mw));

미디어위키:FrameGeometry.js

2026-07-17T09:49:33Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/FrameGeometry.js

/* =========================================
FrameGeometry
대문 프레임 공통 canvas 픽셀 렌더러
========================================= */

(function (w, document) {
'use strict';

var FRAME = {
BORDER:1,
BEVEL:1,
SLANT_RISE:2,
SLANT_RUN:1,
BUTTON_FACE:20,
FRAME_FACE:7,
GAP:2,
COLORS:{
border:'#050505',
surface:'#1d1d1d',
well:'#080808',
highlight:'#555555',
shadow:'#101010',
label:'#e2e2e2'
}
};
var DIMENSIONS = {
FRAME_SURFACE_TOP:1,
FRAME_SURFACE_BOTTOM:8,
WELL_TOP:8,
WELL_BOTTOM:10,
BUTTON_EDGE_TOP:10,
BUTTON_SURFACE_TOP:11,
BUTTON_SURFACE_BOTTOM:31,
BUTTON_EDGE_BOTTOM:32,
WELL2_TOP:32,
WELL2_BOTTOM:34,
FRAME2_SURFACE_TOP:34,
FRAME2_SURFACE_BOTTOM:41,
ROW_HEIGHT:42,
OVERLAP:9,
BUTTON_TOTAL:22,
BOTTOM_START_ABS_Y:33
};
var COL = {
B:[5,5,5],
S:[29,29,29],
H:[85,85,85],
D:[16,16,16],
BG:[8,8,8],
T:[226,226,226],
TW:[255,255,255]
};
var seamListeners = [];
var scaleListeners = [];
var shellScale = 1;

DIMENSIONS.TOP_FRAME = DIMENSIONS.FRAME_SURFACE_BOTTOM;
DIMENSIONS.BUTTON_TOP = DIMENSIONS.BUTTON_EDGE_TOP;
DIMENSIONS.BUTTON_BOTTOM = DIMENSIONS.BUTTON_EDGE_BOTTOM;
DIMENSIONS.BOTTOM_FRAME = DIMENSIONS.ROW_HEIGHT - DIMENSIONS.FRAME2_SURFACE_TOP;

function integer(value) {
return Math.round(Number(value) || 0);
}

function snapWidth(raw) {
return Math.max(0, Math.floor(Number(raw) || 0));
}

function readWidth(node) {
if (!node) return 0;
return snapWidth(node.clientWidth || node.offsetWidth || 0);
}

function readCssShellScale() {
var raw = '';
var value;
try {
raw = w.getComputedStyle(document.documentElement)
.getPropertyValue('--clbi-shell-scale');
} catch (error) {}
value = parseFloat(raw);
return isFinite(value) && value > 0 ? value : 1;
}

function getShellScale() {
var current = readCssShellScale();
if (Math.abs(current - shellScale) > 0.0001) shellScale = current;
return shellScale;
}

function setShellScale(value) {
var next = Number(value);
var previous = shellScale;
if (!isFinite(next) || next <= 0) next = 1;
shellScale = next;
document.documentElement.style.setProperty(
'--portal-frame-counter-scale',
String(1 / shellScale)
);
if (Math.abs(previous - shellScale) <= 0.0001) return shellScale;
scaleListeners.slice().forEach(function (listener) {
try { listener(shellScale, previous); } catch (error) {}
});
try {
document.dispatchEvent(new CustomEvent('framegeometryscale', {
detail:{ scale:shellScale, previous:previous }
}));
} catch (error) {}
return shellScale;
}

function onScale(listener) {
if (typeof listener !== 'function') return function () {};
scaleListeners.push(listener);
return function () {
var index = scaleListeners.indexOf(listener);
if (index !== -1) scaleListeners.splice(index, 1);
};
}

function readRenderWidth(node) {
var layoutWidth = readWidth(node);
if (!layoutWidth) return 0;
return Math.max(1, Math.round(layoutWidth * getShellScale()));
}

function applyCounterScale(hosts, inner, logicalHeight, overlap) {
var scale = getShellScale();
var inverse = 1 / scale;
var hostHeight = logicalHeight / scale;
var hostList = Array.isArray(hosts) ? hosts : [hosts];

hostList.forEach(function (host) {
if (!host || !host.style) return;
host.classList.add('portal-frame-counter-host');
host.style.setProperty('height', hostHeight + 'px', 'important');
host.style.setProperty('min-height', hostHeight + 'px', 'important');
host.style.setProperty('max-height', hostHeight + 'px', 'important');
host.style.setProperty('flex-basis', hostHeight + 'px', 'important');
});

if (hosts && !Array.isArray(hosts) && typeof overlap === 'number') {
hosts.style.setProperty('margin-top', (-overlap / scale) + 'px', 'important');
} else if (Array.isArray(hosts) && hosts[0] && typeof overlap === 'number') {
hosts[0].style.setProperty('margin-top', (-overlap / scale) + 'px', 'important');
}

if (inner && inner.style) {
inner.classList.add('portal-frame-counter-inner');
inner.style.setProperty('height', logicalHeight + 'px');
inner.style.setProperty('transform-origin', 'top left');
inner.style.setProperty('transform', 'scale(' + inverse + ')');
inner.setAttribute('data-frame-shell-scale', String(scale));
}
return { scale:scale, inverse:inverse, hostHeight:hostHeight };
}

/*
* 검증본의 버튼 마스크. phase는 2단 접합의 홀짝 위상만 더한다.
* slant: right | left | both
*/
function buttonMask(BTN_W, ys, slant, phase) {
var step = Math.floor((ys + (phase || 0)) / 2);
var left;
var right;
if (slant === 'right') {
left = 0;
right = BTN_W - step;
} else if (slant === 'left') {
left = step;
right = BTN_W;
} else {
left = step;
right = BTN_W - step;
}
return { left:left, right:right };
}

function buildButtonPixels(BTN_W, SURFACE_H, slant, phase) {
var H = 1 + SURFACE_H + 1;
var W = BTN_W + 2;
function io(x, y) {
if (y < 0 || y >= H) return false;
var ys = y - 1;
var ysc = ys < 0 ? 0 : (ys >= SURFACE_H ? SURFACE_H - 1 : ys);
var m = buttonMask(BTN_W, ysc, slant, phase || 0);
return x >= m.left && x <= m.right;
}
var g = [];
var src;
var y;
var x;
for (y = 0; y < H; y++) {
g[y] = [];
for (x = 0; x < W; x++) {
if (!io(x, y)) {
g[y][x] = 'BG';
continue;
}
var edge = !(io(x, y - 1) && io(x, y + 1) && io(x - 1, y) && io(x + 1, y));
g[y][x] = edge ? 'B' : 'S';
}
}
src = g.map(function (row) { return row.slice(); });
for (y = 0; y < H; y++) {
for (x = 0; x < W; x++) {
if (src[y][x] !== 'S') continue;
var tb = y > 0 && src[y - 1][x] === 'B';
var rb = x < W - 1 && src[y][x + 1] === 'B';
var bb = y < H - 1 && src[y + 1][x] === 'B';
var lb = x > 0 && src[y][x - 1] === 'B';
if (tb || rb) g[y][x] = 'H';
else if (bb || lb) g[y][x] = 'D';
}
}
return g;
}

function buildReverseButtonPixels(BTN_W, SURFACE_H, slant, phase) {
var H = 1 + SURFACE_H + 1;
var W = BTN_W + 2;
function io(x, y) {
if (y < 0 || y >= H) return false;
var ys = y - 1;
var ysc = ys < 0 ? 0 : (ys >= SURFACE_H ? SURFACE_H - 1 : ys);
var reversed = SURFACE_H - 1 - ysc;
var m = buttonMask(BTN_W, reversed, slant, phase || 0);
return x >= m.left && x <= m.right;
}
var g = [];
var src;
var y;
var x;
for (y = 0; y < H; y++) {
g[y] = [];
for (x = 0; x < W; x++) {
if (!io(x, y)) {
g[y][x] = 'BG';
continue;
}
var edge = !(io(x, y - 1) && io(x, y + 1) && io(x - 1, y) && io(x + 1, y));
g[y][x] = edge ? 'B' : 'S';
}
}
src = g.map(function (row) { return row.slice(); });
for (y = 0; y < H; y++) {
for (x = 0; x < W; x++) {
if (src[y][x] !== 'S') continue;
var tb = y > 0 && src[y - 1][x] === 'B';
var rb = x < W - 1 && src[y][x + 1] === 'B';
var bb = y < H - 1 && src[y + 1][x] === 'B';
var lb = x > 0 && src[y][x - 1] === 'B';
if (tb || rb) g[y][x] = 'H';
else if (bb || lb) g[y][x] = 'D';
}
}
return g;
}

function createImage(ctx, width, height, fillCode) {
var image = ctx.createImageData(width, height);
var color = COL[fillCode || 'BG'];
var i;
for (i = 0; i < image.data.length; i += 4) {
image.data[i] = color[0];
image.data[i + 1] = color[1];
image.data[i + 2] = color[2];
image.data[i + 3] = 255;
}
return image;
}

function setPixel(image, width, height, x, y, code) {
var color;
var index;
x = integer(x);
y = integer(y);
if (x < 0 || x >= width || y < 0 || y >= height) return;
color = COL[code] || COL.BG;
index = (y * width + x) * 4;
image.data[index] = color[0];
image.data[index + 1] = color[1];
image.data[index + 2] = color[2];
image.data[index + 3] = 255;
}

function fillRect(image, width, height, x, y, rectWidth, rectHeight, code) {
var endX = Math.min(width, integer(x + rectWidth));
var endY = Math.min(height, integer(y + rectHeight));
var yy;
var xx;
x = Math.max(0, integer(x));
y = Math.max(0, integer(y));
for (yy = y; yy < endY; yy++) {
for (xx = x; xx < endX; xx++) setPixel(image, width, height, xx, yy, code);
}
}

function paintGrid(image, width, height, grid, offsetX, offsetY, skipBackground) {
var y;
var x;
offsetX = integer(offsetX);
offsetY = integer(offsetY);
for (y = 0; y < grid.length; y++) {
for (x = 0; x < grid[y].length; x++) {
if (skipBackground && grid[y][x] === 'BG') continue;
setPixel(image, width, height, offsetX + x, offsetY + y, grid[y][x]);
}
}
}

function paintRaisedRect(image, width, height, x, y, rectWidth, rectHeight) {
var right = x + rectWidth - 1;
var bottom = y + rectHeight - 1;
var i;
fillRect(image, width, height, x, y, rectWidth, rectHeight, 'B');
fillRect(image, width, height, x + 1, y + 1, rectWidth - 2, rectHeight - 2, 'S');
for (i = x + 1; i <= right - 1; i++) setPixel(image, width, height, i, bottom - 1, 'D');
for (i = y + 1; i <= bottom - 1; i++) setPixel(image, width, height, x + 1, i, 'D');
for (i = x + 1; i <= right - 1; i++) setPixel(image, width, height, i, y + 1, 'H');
for (i = y + 1; i <= bottom - 1; i++) setPixel(image, width, height, right - 1, i, 'H');
}

function paintStandardFrame(image, width, height) {
paintRaisedRect(image, width, height, 0, 0, width, height);
fillRect(
image,
width,
height,
DIMENSIONS.WELL_TOP,
DIMENSIONS.WELL_TOP,
Math.max(0, width - DIMENSIONS.WELL_TOP * 2),
DIMENSIONS.WELL2_BOTTOM - DIMENSIONS.WELL_TOP,
'BG'
);
}

function createCanvas(className, width, height) {
var canvas = document.createElement('canvas');
canvas.className = className || 'portal-frame-canvas';
canvas.width = Math.max(1, integer(width));
canvas.height = Math.max(1, integer(height));
canvas.style.width = canvas.width + 'px';
canvas.style.height = canvas.height + 'px';
canvas.setAttribute('aria-hidden', 'true');
return canvas;
}

function drawLabel(ctx, text, x, y, hover, fontSize) {
var family = 'Galmuri11, sans-serif';
try {
family = w.getComputedStyle(ctx.canvas).fontFamily || family;
} catch (error) {}
ctx.save();
ctx.font = '700 ' + integer(fontSize || 12) + 'px ' + family;
ctx.fillStyle = hover ? FRAME.COLORS.label.replace('e2e2e2', 'ffffff') : FRAME.COLORS.label;
if (hover) ctx.fillStyle = '#ffffff';
ctx.textAlign = 'center';
ctx.textBaseline = 'middle';
ctx.fillText(String(text || ''), integer(x), integer(y));
ctx.restore();
}

function setSeams(next) {
var frame = w.CLBI.frame;
var copy = {};
Object.keys(next || {}).forEach(function (key) { copy[key] = next[key]; });
copy.revision = integer((frame.seams && frame.seams.revision) || 0) + 1;
frame.seams = copy;
seamListeners.slice().forEach(function (listener) {
try { listener(copy); } catch (error) {}
});
try {
document.dispatchEvent(new CustomEvent('framegeometryseams', { detail:copy }));
} catch (error) {}
if (w.mw && w.mw.hook) w.mw.hook('frame.geometry.seams').fire(copy);
return copy;
}

function onSeams(listener) {
if (typeof listener !== 'function') return function () {};
seamListeners.push(listener);
if (w.CLBI.frame.seams && w.CLBI.frame.seams.width) listener(w.CLBI.frame.seams);
return function () {
var index = seamListeners.indexOf(listener);
if (index !== -1) seamListeners.splice(index, 1);
};
}

w.CLBI = w.CLBI || {};
w.CLBI.frame = {
FRAME:FRAME,
DIMENSIONS:DIMENSIONS,
COL:COL,
integer:integer,
snapWidth:snapWidth,
readWidth:readWidth,
readRenderWidth:readRenderWidth,
getShellScale:getShellScale,
setShellScale:setShellScale,
onScale:onScale,
applyCounterScale:applyCounterScale,
buttonMask:buttonMask,
buildButtonPixels:buildButtonPixels,
buildReverseButtonPixels:buildReverseButtonPixels,
createImage:createImage,
setPixel:setPixel,
fillRect:fillRect,
paintGrid:paintGrid,
paintRaisedRect:paintRaisedRect,
paintStandardFrame:paintStandardFrame,
createCanvas:createCanvas,
drawLabel:drawLabel,
setSeams:setSeams,
onSeams:onSeams,
seams:{}
};

setShellScale(readCssShellScale());
}(window, document));

미디어위키:Common.js

2026-07-17T09:49:33Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/Common.js

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-canvas-pixel-20260717-001';

/*
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 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 ensure() {
if (!isMainPage()) return Promise.resolve(false);

return loadStyle()
.then(function () {
return loadScript('MediaWiki:FrameGeometry.js');
})
.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 () {
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]'),
geometry: !!document.querySelector(
'script[data-main-page-fresh-script="MediaWiki:FrameGeometry.js"]'
),
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"]'
)
};
}

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

observer.observe(document.body, {
childList: true,
subtree: true
});
}

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

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

function render(now) {
if (halftoneState.runId !== runId || halftoneState.contextLost) {
return;
}

requestAnimationFrame(render);

if (document.hidden) {
return;
}

if (now - lastFrame < getFrameInterval()) {
return;
}

if (shouldSkipHalftoneDrawForGlobe()) {
lastFrame = now;
halftoneState.lastGlobeBusySkipAt = now;

/*
* Pause the halftone clock while a hard-busy globe frame owns the
* budget. Without this, the next visible background frame catches
* up to wall-clock time and the pattern appears to skip forward.
* Updating lastVisualNow here makes the animation resume from the
* last visible moment instead of replaying the hidden gap.
*/
lastVisualNow = now;
return;
}

lastFrame = now;
draw(now);
}

draw(performance.now());
requestAnimationFrame(render);
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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;

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

/* 대문 canvas 프레임은 문서 셸 배율의 역수를 즉시 공유한다. */
if (
window.CLBI &&
window.CLBI.frame &&
typeof window.CLBI.frame.setShellScale === 'function'
) {
window.CLBI.frame.setShellScale(scale);
window.setTimeout(function () {
if (window.CategoryNav && typeof window.CategoryNav.renderAll === 'function') {
window.CategoryNav.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();
}
}, 0);
}

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;

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.getBoundingClientRect().height || top.offsetHeight || 0);
}

if (bottom) {
bottomH = Math.ceil(bottom.getBoundingClientRect().height || bottom.offsetHeight || 0);
}

root.style.setProperty('--clbi-top-nav-outer-h', topH + 'px');
root.style.setProperty('--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.setTimeout(requestClbiShellMetricsFrame, 0);
window.setTimeout(requestClbiShellMetricsFrame, 80);
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();

$(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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

$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.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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/\"/g, '"')
.replace(/'/g, ''');
}

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 ? ' ' : 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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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="/index.php?title=특수:Redirect/file/Pfp-default.png";">' +
'<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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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 t0 = performance.now();

function render() {
raf = requestAnimationFrame(render);
if (!texReady) { uploadImg(); 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(); }
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);
});
}

if (typeof MutationObserver === 'function') {
mainPagePlacementMutationObserver = new MutationObserver(scheduleMainPageDecorationRebase);
mainPagePlacementMutationObserver.observe(portal, { childList: true, subtree: true });
}
}

scheduleMainPageDecorationRebase();
window.setTimeout(scheduleMainPageDecorationRebase, 80);
window.setTimeout(scheduleMainPageDecorationRebase, 250);
}

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);

미디어위키:CategoryPillar.js

2026-07-17T09:49:32Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/CategoryPillar.js

/* =========================================
CategoryPillar
canvas CategoryNav 내부 프로젝트 기둥 호환 모듈
========================================= */

(function (window, document, mw) {
'use strict';

function renderAll(root) {
var scope = root && root.querySelectorAll ? root : document;
return scope.querySelectorAll(
'.main-portal [data-component="category-nav"] .portal-category-canvas'
).length;
}

window.CategoryPillar = {
version:'20260717-canvas-integrated-001',
init:renderAll,
renderAll:renderAll,
render:function () { return renderAll(document) > 0; }
};

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
renderAll(content && content[0] ? content[0] : document);
});
}
}(window, document, window.mw));

미디어위키:CategoryNav.js

2026-07-17T09:49:32Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/CategoryNav.js

/* =========================================
COASTLINE: BLACK ICE - CategoryNav
대문 카테고리 canvas 픽셀 네비 생성기
========================================= */

(function (window, document, mw) {
'use strict';

var ITEMS = [
{ key:'era', label:'시대', title:'시대', slant:'right' },
{ key:'settings', label:'설정', title:'설정', slant:'right' },
{ key:'project', label:'프로젝트', title:'프로젝트:소개', slant:'both', pillar:true },
{ key:'corporations', label:'기업 및 공동체', title:'기업_및_공동체', slant:'left' },
{ key:'military', label:'군, 정치집단', title:'군_정치집단', slant:'left' }
];
var renderTimer = 0;

function api() {
return window.CLBI && window.CLBI.frame;
}

function buildPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function clearNode(node) {
while (node && node.firstChild) node.removeChild(node.firstChild);
}

function calculateLayout(width) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var contentX = d.WELL_TOP;
var contentWidth = Math.max(ITEMS.length * 8, width - contentX * 2);
var btnW = Math.max(4, Math.floor((contentWidth - f.GAP * 4) / ITEMS.length));
var segments = [];
var xoff = contentX;
var i;

for (i = 0; i < ITEMS.length; i++) {
segments.push({
index:i,
key:ITEMS[i].key,
label:ITEMS[i].label,
slant:ITEMS[i].slant,
x:xoff,
y:d.BUTTON_EDGE_TOP,
btnW:btnW,
pixelWidth:btnW + 2,
pixelHeight:d.BUTTON_TOTAL
});
xoff += btnW + f.GAP;
}

return {
width:width,
height:d.ROW_HEIGHT,
contentX:contentX,
contentWidth:contentWidth,
buttonWidth:btnW,
usedRight:xoff - f.GAP,
segments:segments
};
}

function paintProjectPillar(image, width, height, segment) {
var frame = api();
var d = frame.DIMENSIONS;
var topStep = Math.floor(d.BUTTON_EDGE_TOP / frame.FRAME.SLANT_RISE);
var leftTop = segment.x - topStep;
var rightTop = segment.x + segment.btnW + topStep;
var y;
var x;

for (y = 0; y < height; y++) {
var step = Math.floor(y / frame.FRAME.SLANT_RISE);
var left = leftTop + step;
var right = rightTop - step;
for (x = left; x <= right; x++) frame.setPixel(image, width, height, x, y, 'S');
frame.setPixel(image, width, height, left, y, 'D');
frame.setPixel(image, width, height, right, y, 'H');
}
return {
leftTop:leftTop,
rightTop:rightTop,
leftAtButton:segment.x,
rightAtButton:segment.x + segment.btnW
};
}

function labelCenter(segment) {
var frame = api();
var ys = Math.floor(frame.FRAME.BUTTON_FACE / 2);
var mask = frame.buttonMask(segment.btnW, ys, segment.slant, 0);
return segment.x + Math.round((mask.left + mask.right) / 2);
}

function draw(canvas, layout, hoverIndex) {
var frame = api();
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, layout.width, layout.height, 'BG');
var projectGeometry = null;

frame.paintStandardFrame(image, layout.width, layout.height);
layout.segments.forEach(function (segment) {
var grid = frame.buildButtonPixels(
segment.btnW,
frame.FRAME.BUTTON_FACE,
segment.slant,
0
);
frame.paintGrid(
image,
layout.width,
layout.height,
grid,
segment.x,
segment.y,
true
);
});

projectGeometry = paintProjectPillar(
image,
layout.width,
layout.height,
layout.segments[2]
);
ctx.putImageData(image, 0, 0);

layout.segments.forEach(function (segment, index) {
var center = index === 2
? Math.round((projectGeometry.leftAtButton + projectGeometry.rightAtButton) / 2)
: labelCenter(segment);
frame.drawLabel(
ctx,
segment.label,
center,
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hoverIndex === index && index !== 2,
layout.width <= 820 ? 11 : 12
);
});
canvas.__projectGeometry = projectGeometry;
}

function publishSeams(layout) {
var frame = api();
var d = frame.DIMENSIONS;
var settings = layout.segments[1];
var project = layout.segments[2];
var corporations = layout.segments[3];
var topStep = Math.floor(d.BUTTON_EDGE_TOP / frame.FRAME.SLANT_RISE);
var settingsLeftOriginX = settings.x - topStep;
var corpRightOriginX = corporations.x + corporations.btnW + topStep;
var projectLeftOriginX = project.x - topStep;
var projectRightOriginX = project.x + project.btnW + topStep;
var seamStep = Math.floor(d.BOTTOM_START_ABS_Y / frame.FRAME.SLANT_RISE);

frame.setSeams({
width:layout.width,
rowHeight:d.ROW_HEIGHT,
buttonTop:d.BUTTON_EDGE_TOP,
buttonBottom:d.BUTTON_EDGE_BOTTOM,
overlap:d.OVERLAP,
bottomStartAbsY:d.BOTTOM_START_ABS_Y,
phase:d.BOTTOM_START_ABS_Y % frame.FRAME.SLANT_RISE,
settingsLeftOriginX:settingsLeftOriginX,
settingsLeftTopX:settings.x,
settingsLeftSeamX:settingsLeftOriginX + seamStep,
settingsLeftDir:1,
corpRightOriginX:corpRightOriginX,
corpRightTopX:corporations.x + corporations.btnW,
corpRightSeamX:corpRightOriginX - seamStep,
corpRightDir:-1,
projectLeftOriginX:projectLeftOriginX,
projectRightOriginX:projectRightOriginX,
projectLeftTopX:project.x,
projectRightTopX:project.x + project.btnW,
projectLeftDir:1,
projectRightDir:-1,
buttonWidth:layout.buttonWidth,
segments:layout.segments.map(function (segment) {
return {
key:segment.key,
x:segment.x,
y:segment.y,
btnW:segment.btnW,
pixelWidth:segment.pixelWidth,
slant:segment.slant
};
}),
shellScale:frame.getShellScale()
});
}

function createHit(item, index, segment, nav, redraw) {
var hit;
if (item.pillar) {
hit = document.createElement('span');
hit.setAttribute('aria-label', item.label);
hit.setAttribute('role', 'presentation');
hit.className = 'portal-frame-hit portal-category-pillar-hit';
} else {
hit = document.createElement('a');
hit.href = buildPath(item.title);
hit.setAttribute('aria-label', item.label);
hit.className = 'portal-frame-hit portal-cat-anchor';
hit.setAttribute('data-category-key', item.key);
hit.addEventListener('mouseenter', function () {
nav.__frameHoverIndex = index;
redraw();
});
hit.addEventListener('mouseleave', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
hit.addEventListener('focus', function () {
nav.__frameHoverIndex = index;
redraw();
});
hit.addEventListener('blur', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
}
hit.style.left = segment.x + 'px';
hit.style.top = segment.y + 'px';
hit.style.width = segment.pixelWidth + 'px';
hit.style.height = segment.pixelHeight + 'px';
hit.appendChild(document.createElement('span'));
hit.lastChild.className = 'portal-frame-sr-label';
hit.lastChild.textContent = item.label;
return hit;
}

function renderMount(mount) {
var frame = api();
var width;
var layout;
var nav;
var inner;
var canvas;
var hitLayer;
var redraw;

if (!mount || !frame) return false;
frame.setShellScale(frame.getShellScale());
width = frame.readRenderWidth(mount);
if (!width) {
if (!mount.__categoryNavRetry) {
mount.__categoryNavRetry = window.setTimeout(function () {
mount.__categoryNavRetry = 0;
renderMount(mount);
}, 60);
}
return false;
}

layout = calculateLayout(width);
if (
mount.getAttribute('data-category-nav-width') === String(width) &&
mount.getAttribute('data-category-nav-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-category-canvas')
) {
publishSeams(layout);
return true;
}
nav = document.createElement('nav');
nav.className = 'portal-category-nav portal-frame-canvas-nav';
nav.setAttribute('aria-label', 'Main categories');
nav.__frameHoverIndex = -1;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-category-counter-inner';
inner.style.width = width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-category-canvas', width, layout.height);
canvas.setAttribute('data-frame-width', String(width));
canvas.setAttribute('data-frame-height', String(layout.height));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = width + 'px';
hitLayer.style.height = layout.height + 'px';

redraw = function () {
draw(canvas, layout, nav.__frameHoverIndex);
};
ITEMS.forEach(function (item, index) {
hitLayer.appendChild(createHit(item, index, layout.segments[index], nav, redraw));
});

inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
clearNode(mount);
mount.appendChild(nav);
frame.applyCounterScale([mount, nav], inner, layout.height);
redraw();
publishSeams(layout);

mount.setAttribute('data-category-nav-rendered', 'canvas');
mount.setAttribute('data-category-nav-width', String(width));
mount.setAttribute('data-category-nav-scale', String(frame.getShellScale()));

if (window.ResizeObserver && !mount.__categoryNavObserver) {
mount.__categoryNavObserver = new window.ResizeObserver(function () {
schedule(mount);
});
mount.__categoryNavObserver.observe(mount);
}
return true;
}

function renderAll(root) {
var scope = root && root.querySelectorAll ? root : document;
var mounts = [];
var rendered = 0;
if (scope.matches && scope.matches('[data-component="category-nav"]')) mounts.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('[data-component="category-nav"]'), function (mount) {
if (mounts.indexOf(mount) === -1) mounts.push(mount);
});
mounts.forEach(function (mount) {
if (renderMount(mount)) rendered += 1;
});
return rendered;
}

function schedule(root) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document);
}, 0);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { renderAll(document); });
} else {
renderAll(document);
}

if (api()) api().onScale(function () { schedule(document); });
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}
window.addEventListener('resize', function () { schedule(document); });

window.CategoryNav = {
version:'20260717-canvas-pixel-001',
init:renderAll,
renderAll:renderAll,
renderMount:renderMount
};
window.CLBI = window.CLBI || {};
window.CLBI.categoryNav = {
init:renderAll,
renderMount:renderMount
};
}(window, document, window.mw));

미디어위키:BottomGuideNav.js

2026-07-17T09:49:32Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / js/BottomGuideNav.js

/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 canvas 픽셀 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var COMPONENT = 'category-guide-nav';
var retryTimer = 0;
var geometryWaitTimer = 0;
var resizeTimer = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key:'start', label:'처음 오셨다면' },
{ key:'world', label:'세계관' },
{ key:'era', label:'시대' },
{ key:'people', label:'인물' },
{ key:'anecdote', label:'에넥도트' },
{ key:'participate', label:'참여 안내' }
];

function api() {
return window.CLBI && window.CLBI.frame;
}

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');
if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');
if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}
if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}
script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () { settle(false); };
timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);
(document.head || document.documentElement).appendChild(script);
});
return manifestoIntroPromise;
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}
if (manifesto && manifesto.parentNode !== well) well.insertBefore(manifesto, well.firstChild);
return { panel:panel, well:well };
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;
screen.hidden = !!hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
screen.classList.toggle('is-main-body-screen-hidden', !!hidden);
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;
if (!guide) return null;
menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');
GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');
wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));
button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');
number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');
label.className = 'main-guide-menu-label';
label.textContent = item.label;
arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';
button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) { event.preventDefault(); });
wrapper.appendChild(button);
menu.appendChild(wrapper);
});
guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;
guide.classList.remove('is-guide-menu-entering');
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') || 'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}
if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen', 'main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}
ensureGuideDummyMenu(guide);
panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);
if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) active = 'manifesto';
panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}
return {
well:layout.well,
panels:panels,
manifesto:manifesto,
guide:guide,
active:active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;
if (!portal) return false;
screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;
previous = screens.active;
active = screenName;
screens.panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && previous !== active) restartGuideMenuAnimation(screens.guide);
else if (active !== 'guide' && screens.guide) screens.guide.classList.remove('is-guide-menu-entering');
render(portal);
if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles:true,
detail:{ screen:active, previous:previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}
return true;
}

function toggleBodyScreen(portal) {
var screens;
if (!portal) return false;
screens = ensureBodyScreens(portal);
return activateBodyScreen(portal, screens.active === 'guide' ? 'manifesto' : 'guide');
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;
if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;
portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;
event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
}

if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
ensureBodyScreens(portal);
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}
if (mount.parentNode !== layout.panel) layout.panel.appendChild(mount);
return mount;
}

function guideButton(seams) {
var frame = api();
var d = frame.DIMENSIONS;
var step = Math.floor(d.BUTTON_EDGE_BOTTOM / frame.FRAME.SLANT_RISE);
var left = seams.settingsLeftOriginX + step;
var right = seams.corpRightOriginX - step;
return {
x:Math.round(left),
y:d.BUTTON_EDGE_TOP,
btnW:Math.max(4, Math.round(right - left)),
pixelHeight:d.BUTTON_TOTAL,
slant:'both'
};
}

function draw(canvas, button, label, hover) {
var frame = api();
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, canvas.width, canvas.height, 'BG');
var grid;
var mask;
var center;

frame.paintStandardFrame(image, canvas.width, canvas.height);
grid = frame.buildReverseButtonPixels(
button.btnW,
frame.FRAME.BUTTON_FACE,
button.slant,
0
);
frame.paintGrid(image, canvas.width, canvas.height, grid, button.x, button.y, true);
ctx.putImageData(image, 0, 0);
mask = frame.buttonMask(
button.btnW,
frame.FRAME.BUTTON_FACE - 1 - Math.floor(frame.FRAME.BUTTON_FACE / 2),
button.slant,
0
);
center = button.x + Math.round((mask.left + mask.right) / 2);
frame.drawLabel(
ctx,
label,
center,
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hover,
canvas.width <= 820 ? 11 : 12
);
}

function render(portal) {
var frame = api();
var seams;
var mount;
var width;
var guideActive;
var label;
var targetScreen;
var href;
var button;
var nav;
var inner;
var canvas;
var hitLayer;
var anchor;
var hiddenLabel;
var redraw;

if (!frame || !frame.FRAME || typeof frame.readRenderWidth !== 'function') {
window.clearTimeout(geometryWaitTimer);
geometryWaitTimer = window.setTimeout(function () {
geometryWaitTimer = 0;
render(portal);
}, 50);
return false;
}
seams = frame.seams;
if (!seams || !seams.width) return false;
mount = ensureMount(portal);
width = seams.width || frame.readRenderWidth(mount);
if (!width) return false;

guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
label = guideActive ? '돌아가기' : '길라잡이';
targetScreen = guideActive ? 'manifesto' : 'guide';
href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
button = guideButton(seams);
if (
mount.getAttribute('data-bottom-guide-width') === String(width) &&
mount.getAttribute('data-bottom-guide-label') === label &&
mount.getAttribute('data-bottom-guide-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-guide-canvas')
) {
return true;
}

nav = document.createElement('nav');
nav.className = 'portal-category-nav portal-guide-nav portal-frame-canvas-nav is-continuous-weld';
nav.setAttribute('aria-label', label);
nav.__frameHover = false;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-guide-counter-inner';
inner.style.width = width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-guide-canvas', width, frame.DIMENSIONS.ROW_HEIGHT);
canvas.setAttribute('data-frame-width', String(width));
canvas.setAttribute('data-frame-height', String(frame.DIMENSIONS.ROW_HEIGHT));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = width + 'px';
hitLayer.style.height = frame.DIMENSIONS.ROW_HEIGHT + 'px';

anchor = document.createElement('a');
anchor.className = 'portal-frame-hit portal-guide-anchor';
anchor.href = href;
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
anchor.style.left = button.x + 'px';
anchor.style.top = button.y + 'px';
anchor.style.width = (button.btnW + 2) + 'px';
anchor.style.height = button.pixelHeight + 'px';
hiddenLabel = document.createElement('span');
hiddenLabel.className = 'portal-frame-sr-label portal-guide-label';
hiddenLabel.textContent = label;
anchor.appendChild(hiddenLabel);

redraw = function () { draw(canvas, button, label, nav.__frameHover); };
anchor.addEventListener('mouseenter', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('mouseleave', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('focus', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('blur', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('click', function (event) {
if (event && (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) return;
if (toggleBodyScreen(portal) && event) event.preventDefault();
});

hitLayer.appendChild(anchor);
inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
mount.replaceChildren(nav);
frame.applyCounterScale(
[mount, nav],
inner,
frame.DIMENSIONS.ROW_HEIGHT
);
redraw();

mount.setAttribute('data-bottom-guide-rendered', 'canvas');
mount.setAttribute('data-bottom-guide-width', String(width));
mount.setAttribute('data-bottom-guide-label', label);
mount.setAttribute('data-bottom-guide-scale', String(frame.getShellScale()));
return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);
retryTimer = window.setTimeout(function () {
var portal = findPortal(root);
if (!portal) return;
if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}
if (observer) observer.disconnect();
if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () { render(portal); }, 60);
});
observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

revealManifesto(document);
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { boot(document); }, { once:true });
} else {
boot(document);
}
window.addEventListener('load', function () { boot(document); }, { once:true });
window.addEventListener('pageshow', function () { boot(document); });
if (api()) {
api().onSeams(function () { schedule(document, 0); });
api().onScale(function () { schedule(document, 0); });
}
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version:'20260717-canvas-pixel-001',
render:function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate:function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle:function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status:function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');
return {
loaded:true,
portal:!!portal,
mount:!!mount,
rendered:!!(mount && mount.querySelector('.portal-guide-canvas')),
generated:!!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel:!!(portal && portal.querySelector('.main-body-panel')),
well:!!(portal && portal.querySelector('.main-body-well')),
insidePanel:!!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded:!!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen:portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen:!!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width:mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:MainPage.css

2026-07-17T09:49:31Z

Nxdsxn: Install package: clbiwiki-portal-frame-fixed / css/MainPage.css

/* =========================================
COASTLINE: BLACK ICE - MainPage
로고 + 카테고리 네비 + 선언문 대문
========================================= */

/*
책임 범위
-----------------------------------------
- 대문 본문 .main-portal 내부만 담당한다.
- 사이트 공통 셸은 Layout.css가 담당한다.
- 카테고리 네비의 SVG 구조는 CategoryNav.js가 생성한다.
- 콘솔, 그래프, STATUS, INFORMATION, PROJECTS는 대문에서 제거한다.
- 「진창」 선언문 배치는 이 파일이 담당하며, 폰트 선언은 Theme.css가 담당한다.
*/

.main-portal {
--panel:#1d1d1d;
--well:#080808;
--edge:#050505;
--highlight:#555555;
--shadow:#101010;
--text:#e2e2e2;
--text-strong:#ffffff;
--block-gap:2px;
--frame:8px;
--manifesto-divider-gap:8px;
width:100%;
min-height:100%;
margin:0;
padding:0;
display:flex;
flex-direction:column;
color:var(--text);
background:transparent;
font-size:12px;
line-height:18px;
box-sizing:border-box;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
display:flex !important;
flex-direction:column !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output > .main-portal {
flex:1 0 auto;
min-height:0;
}

.main-portal *,
.main-portal *::before,
.main-portal *::after {
box-sizing:border-box;
}

.main-portal a,
.main-portal a:visited {
color:var(--text) !important;
text-decoration:none !important;
}

.main-portal a:hover,
.main-portal a:focus {
color:var(--text-strong) !important;
text-decoration:none !important;
}

/* 과거 대문 구조가 캐시에 남아 있어도 화면에는 나타나지 않게 한다. */
.main-portal > .console,
.main-portal > .portal-bottom-row,
.main-portal > [data-archive-graph] {
display:none !important;
}

/* -----------------------------------------
공통 돌출 프레임
----------------------------------------- */

.main-portal .lab-logo {
background:var(--panel, #1d1d1d);
border:1px solid var(--edge, #050505);
border-radius:0;
box-shadow:
inset 0 1px 0 var(--highlight, #555555),
inset -1px 0 0 var(--highlight, #555555),
inset 1px 0 0 var(--shadow, #101010),
inset 0 -1px 0 var(--shadow, #101010);
}

.main-portal .lab-logo {
flex:0 0 auto;
margin:0 0 var(--block-gap);
}

.main-portal [data-component="category-nav"] {
flex:0 0 auto;
display:block;
width:100%;
margin:0;
}

/* -----------------------------------------
로고 프레임
----------------------------------------- */

.main-portal .lab-logo {
padding:var(--frame);
overflow:hidden;
}

.main-portal .portal-logo-well {
min-height:86px;
padding:10px 8px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:var(--well);
border:0;
box-shadow:
inset 0 1px 0 var(--shadow),
inset -1px 0 0 var(--shadow),
inset 1px 0 0 var(--highlight),
inset 0 -1px 0 var(--highlight);
line-height:0;
}

.main-portal .portal-logo-well a,
.main-portal .portal-logo-well .mw-file-description {
display:inline-block;
line-height:0;
}

.main-portal .portal-logo-well img,
.main-portal .portal-logo-well .mw-file-element {
display:block;
width:1000px;
max-width:144%;
height:auto;
filter:grayscale(1) contrast(1.04) brightness(1.02);
}

/* -----------------------------------------
카테고리 네비
----------------------------------------- */

.portal-category-nav {
position:relative;
width:100%;
height:42px;
margin:0;
padding:0;
overflow:hidden;
background:var(--well, #080808);
border:0;
border-radius:0;
box-shadow:none;
}

.portal-category-svg {
display:block;
width:100%;
overflow:visible;
}

/*
각 버튼은 SVG 안에서 독립된 사선 프레임으로 그린다.
- 외곽 1px: #050505
- 본체: #1d1d1d
- 상단/우측 inset: #555555
- 좌측/하단 inset: #101010
- 버튼 사이 배경: #080808 2px
*/
.portal-cat-edge {
fill:#050505;
stroke:none;
}

.portal-cat-surface {
fill:#1d1d1d;
stroke:none;
}

.portal-cat-inset {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.portal-cat-inset-top,
.portal-cat-inset-right {
stroke:#555555;
}

.portal-cat-inset-bottom,
.portal-cat-inset-left {
stroke:#101010;
}

.portal-cat-hit {
fill:transparent;
stroke:none;
cursor:pointer;
}

.portal-cat-anchor:hover .portal-cat-surface,
.portal-cat-anchor:focus .portal-cat-surface {
fill:#242424;
}

.portal-cat-anchor:active .portal-cat-surface {
fill:#101010;
}

.portal-cat-anchor:active .portal-cat-inset-top,
.portal-cat-anchor:active .portal-cat-inset-right {
stroke:#101010;
}

.portal-cat-anchor:active .portal-cat-inset-bottom,
.portal-cat-anchor:active .portal-cat-inset-left {
stroke:#555555;
}

.portal-cat-label {
fill:#e2e2e2;
font-family:inherit;
font-size:12px;
font-weight:700;
text-anchor:middle;
dominant-baseline:middle;
pointer-events:none;
paint-order:stroke;
stroke:#050505;
stroke-width:2px;
stroke-linejoin:round;
}

.portal-cat-anchor:hover .portal-cat-label,
.portal-cat-anchor:focus .portal-cat-label {
fill:#ffffff;
}

.main-portal a,
.main-portal .portal-cat-surface,
.main-portal .portal-cat-inset,
.main-portal .portal-cat-label {
transition:none !important;
}

@media screen and (max-width:820px) {
.portal-cat-label {
font-size:11px;
}
}

@media screen and (max-width:620px) {
.main-portal {
--frame:6px;
}
}

/* -----------------------------------------
대문 선언문 / 실제 픽셀 웹폰트 단일 구현
----------------------------------------- */

@font-face {
font-family:'NanumMyeongjoBold Pixel 18';
src:url('/fonts/NanumMyeongjoBoldPixel18.woff2?v=20260713-perfect-bottom-direct-002') format('woff2');
font-weight:400;
font-style:normal;
font-display:block;
}

.main-portal .main-manifesto {
flex:1 0 auto;
min-height:0;
width:100%;
margin:0;
padding:10px 0 24px;
display:flex;
align-items:flex-start;
justify-content:center;
overflow:visible;
}

.main-portal .main-manifesto-inner {
position:relative !important;
top:0 !important;
left:0 !important;
width:660px !important;
min-width:660px !important;
max-width:660px !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 auto !important;
padding:0 !important;
overflow:visible !important;
color:#e2e2e2 !important;
background:transparent !important;
transform:none !important;
}

.main-portal .main-manifesto-inner::before,
.main-portal .main-manifesto-inner::after {
content:none !important;
display:none !important;
background:none !important;
}

.main-portal .main-manifesto-title {
position:static !important;
top:auto !important;
left:auto !important;
width:660px !important;
height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
min-height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
max-height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
margin:0 0 var(--manifesto-divider-gap) !important;
padding:0 0 var(--manifesto-divider-gap) !important;
overflow:visible !important;
clip:auto !important;
clip-path:none !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
background:transparent !important;
border:0 !important;
/* 구분선은 ManifestoIntro가 만드는 좌우 실선 두 개만 사용한다. */
border-bottom:0 !important;
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:36px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:48px !important;
letter-spacing:0 !important;
text-align:center !important;
text-shadow:none !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy {
position:static !important;
top:auto !important;
left:auto !important;
width:620px !important;
min-width:620px !important;
max-width:620px !important;
height:auto !important;
margin:0 auto !important;
padding:0 !important;
overflow:visible !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
background:transparent !important;
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:18px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:26px !important;
letter-spacing:0 !important;
word-break:keep-all !important;
overflow-wrap:break-word !important;
text-align:left !important;
text-shadow:none !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy,
.main-portal .main-manifesto-copy * {
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:18px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:26px !important;
letter-spacing:0 !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
}

.main-portal .main-manifesto-copy p {
position:static !important;
top:auto !important;
left:auto !important;
width:620px !important;
height:auto !important;
margin:0 0 10px !important;
padding:0 !important;
overflow:visible !important;
clip:auto !important;
clip-path:none !important;
white-space:normal !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy p:last-child {
margin-bottom:0 !important;
}

.main-portal .main-manifesto-bitmap,
.main-portal canvas.main-manifesto-bitmap {
display:none !important;
}

/*
길라잡이는 시대의 대륙 패널처럼 본문 DOM을 유지한 채 화면만 전환한다.
현재 단계에서는 왼쪽 더미 메뉴로 진입 애니메이션과 버튼 디자인만 확인한다.
*/
.main-portal .main-body-well > .main-guide-screen {
flex:1 1 0;
display:block;
position:relative;
width:100%;
height:auto;
min-height:0;
margin:0;
padding:0;
overflow:hidden;
background:transparent;
border:0;
box-shadow:none;
z-index:1;
}

.main-portal .main-body-well > .main-guide-screen[hidden],
.main-portal .main-body-well > .main-manifesto[hidden] {
display:none !important;
}

.main-portal .main-guide-menu {
position:absolute;
top:10px;
left:10px;
width:230px;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:2px;
z-index:2;
}

.main-portal .main-guide-menu-item {
width:230px;
height:30px;
margin:0;
padding:0;
opacity:0;
transform:translateX(-240px);
will-change:transform, opacity;
}

.main-portal .main-guide-screen.is-guide-menu-entering .main-guide-menu-item {
animation:main-guide-menu-enter 260ms cubic-bezier(.16,.84,.24,1) both;
animation-delay:calc(var(--guide-menu-order) * 44ms);
}

@keyframes main-guide-menu-enter {
0% {
opacity:0;
transform:translateX(-240px);
}
72% {
opacity:1;
transform:translateX(4px);
}
100% {
opacity:1;
transform:translateX(0);
}
}

.main-portal .main-guide-menu-button {
appearance:none;
-webkit-appearance:none;
display:grid;
grid-template-columns:30px minmax(0,1fr) 14px;
align-items:center;
width:230px;
height:30px;
margin:0;
padding:0;
overflow:hidden;
box-sizing:border-box;
color:#e2e2e2;
background:#1d1d1d;
border:1px solid #050505;
border-radius:0;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010;
font-family:inherit;
font-size:12px;
font-weight:700;
line-height:28px;
text-align:left;
text-shadow:1px 1px 0 #050505;
cursor:pointer;
}

.main-portal .main-guide-menu-number {
display:block;
width:30px;
height:28px;
color:#8f8f8f;
background:#101010;
border-right:1px solid #050505;
box-shadow:inset 0 1px 0 #242424;
line-height:28px;
text-align:center;
}

.main-portal .main-guide-menu-label {
display:block;
min-width:0;
height:28px;
padding:0 8px;
overflow:hidden;
line-height:28px;
white-space:nowrap;
text-overflow:ellipsis;
}

.main-portal .main-guide-menu-arrow {
display:block;
width:14px;
height:28px;
color:#8f8f8f;
line-height:27px;
text-align:center;
}

.main-portal .main-guide-menu-button:hover,
.main-portal .main-guide-menu-button:focus-visible {
color:#ffffff;
background:#242424;
outline:0;
}

.main-portal .main-guide-menu-button:hover .main-guide-menu-number,
.main-portal .main-guide-menu-button:focus-visible .main-guide-menu-number,
.main-portal .main-guide-menu-button:hover .main-guide-menu-arrow,
.main-portal .main-guide-menu-button:focus-visible .main-guide-menu-arrow {
color:#ffffff;
}

.main-portal .main-guide-menu-button:active {
color:#e2e2e2;
background:#101010;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555;
}

@media (prefers-reduced-motion:reduce) {
.main-portal .main-guide-screen.is-guide-menu-entering .main-guide-menu-item {
animation:none;
opacity:1;
transform:none;
}
}

/* -----------------------------------------
상단 카테고리 중앙 「프로젝트」 기둥 / 20260716
-----------------------------------------
버튼 2개 - #1d1d1d 기둥 - 버튼 2개.

CategoryPillar.js가 기존 project 버튼의 좌우 사선과 2px 간격을 그대로 사용한다.
기둥은 같은 경사를 유지한 채 SVG의 위·아래로 3px 우물을 관통하며 외곽 프레임과 같은
#1d1d1d 면에 직접 닿는다. 상하 외곽선은 두지 않아 하나의 패널로
이어진다. 버튼과 접하는 좌우의 #050505 외곽선은 생략하되,
기존 안쪽 방향성 광원선을 그 외곽선 좌표로 한 칸 이동한다.
안쪽선이 있던 자리는 별도 선 없이 #1d1d1d 본체 면으로 돌아간다.
*/
.main-portal .portal-category-svg.has-category-pillar
.portal-cat-anchor[data-category-key="project"],
.main-portal .portal-category-svg.has-category-pillar
.portal-category-pillar-source {
display:none !important;
pointer-events:none !important;
}

.main-portal .portal-category-pillar {
pointer-events:none;
shape-rendering:crispEdges;
}

.main-portal .portal-category-pillar-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-category-pillar-line {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-category-pillar-shadow {
stroke:#101010;
}

.main-portal .portal-category-pillar-highlight {
stroke:#555555;
}

.main-portal .portal-category-pillar-label {
fill:#e2e2e2;
cursor:default;
pointer-events:none;
}

/* -----------------------------------------
상단 카테고리 하단 회전·접합형 작품 버튼 / 20260716
-----------------------------------------
FrameGeometry.js가 공유한 설정 왼쪽 seam과 기업 및 공동체 오른쪽 seam을
같은 정수 좌표계에서 연장한다. 상단 프레임 하단 9px 안으로 겹쳐 접합하며,
표시 높이는 공통 ROW_HEIGHT 42px만 사용한다.
*/
.main-portal .portal-section-frame-edge {
fill:#050505;
stroke:none;
}

.main-portal .portal-section-frame-outline {
fill:none;
stroke:#050505;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-section-frame-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-section-frame-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-section-frame-edge,
.main-portal .portal-section-frame-surface,
.main-portal .portal-section-frame-well,
.main-portal .portal-section-join-side-cover,
.main-portal .portal-section-button-geometry .portal-cat-edge,
.main-portal .portal-section-button-geometry .portal-cat-surface {
shape-rendering:crispEdges;
}

.main-portal .portal-section-join-side-cover {
fill:#1d1d1d;
stroke:none;
}

.main-portal > [data-component="portal-section-nav"]::after {
content:"";
display:block;
position:absolute;
top:0;
left:10%;
right:auto;
width:80%;
height:7px;
box-sizing:border-box;
margin:0;
padding:0;
z-index:2147483647;
pointer-events:none;
background:#1d1d1d;
border:0;
box-shadow:none;
}

.main-portal .portal-section-frame-highlight,
.main-portal .portal-section-frame-shadow,
.main-portal .portal-section-well-highlight,
.main-portal .portal-section-well-shadow {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-section-frame-highlight,
.main-portal .portal-section-well-highlight {
stroke:#555555;
}

.main-portal .portal-section-frame-shadow,
.main-portal .portal-section-well-shadow {
stroke:#101010;
}

.main-portal .portal-section-anchor,
.main-portal .portal-section-button-geometry {
pointer-events:auto;
}

.main-portal .portal-section-label {
fill:#e2e2e2;
}

/* 선언문 전용 장식은 길라잡이 화면으로 넘어갈 때 함께 숨긴다. */
.main-portal.is-guide-screen-active .main-body-well > .wiki-decoration,
.main-portal.is-guide-screen-active .main-body-well > [data-wiki-decoration-rendered="1"] {
visibility:hidden !important;
pointer-events:none !important;
}

@media screen and (max-width:700px) {
.main-portal .main-manifesto {
padding-top:10px;
overflow-x:auto;
justify-content:flex-start;
}
}

/* -----------------------------------------
하단 길라잡이 버튼
-----------------------------------------
상단의 설정–프로젝트–기업 및 공동체 합산 폭을 공유한다.
사선 방향은 상단 묶음과 반대로, 넓은 변이 하단에 놓인다.
*/
.main-portal [data-component="category-guide-nav"] {
flex:0 0 auto;
display:block;
width:100%;
margin:2px 0 0;
padding:0;
position:relative;
z-index:2147483000 !important;
pointer-events:auto;
}

.main-portal .portal-guide-label {
fill:#e2e2e2;
}

/* 본문 데코가 별도 stacking context를 만들더라도 길라잡이 클릭면을 최상단에 유지한다. */
.main-portal .portal-guide-nav,
.main-portal .portal-guide-svg,
.main-portal .portal-guide-anchor {
position:relative;
z-index:2147483000 !important;
}

/* -----------------------------------------
대문 본문 패널 / 실제 래퍼·데코 클리핑
-----------------------------------------
구조:
로고 → 상단 버튼 → #1d1d1d 본문 프레임
└ #080808 우물
├ 선언문
├ 대문 데코
└ 길라잡이

외곽 프레임과 내부 우물 모두 paint를 잘라낸다.
따라서 데코는 저장된 좌표와 z-index에 관계없이
#1d1d1d 프레임의 경계를 넘어 보일 수 없다.
*/
.main-portal .main-body-panel {
flex:1 0 auto;
min-height:0;
width:100%;
margin:2px 0 0;
padding:9px;
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
isolation:isolate;
background:#1d1d1d;
border:1px solid #050505;
border-radius:0;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010;
}

.main-portal .main-body-well {
flex:1 0 auto;
min-height:0;
width:100%;
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
isolation:isolate;
background:#080808;
border:0;
/* 오목한 우물의 안쪽 경계: 상단/우측 어둡게, 좌측/하단 밝게. */
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555;
}

/* 기존 선언문 좌표와 폭은 유지하되 새 우물 안의 흐름 요소로 둔다. */
.main-portal .main-body-well > .main-manifesto {
flex:1 0 auto;
min-height:0;
width:100%;
margin:0 !important;
/*
길라잡이 하단에 추가한 3px을 전체 높이에 더하지 않는다.
기존 하단 여유 24px 안에서 3px을 넘겨 전체 패널 높이를 보존한다.
*/
padding:10px 0 21px !important;
position:relative !important;
top:auto !important;
left:auto !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:none !important;
z-index:1;
}

/*
대문 장식 렌더러가 일반 장식을 이 우물의 직접 자식으로 넣는다.
position:absolute를 보장하고, 우물 overflow:hidden으로 절단한다.
*/
.main-portal .main-body-well > .wiki-decoration,
.main-portal .main-body-well > [data-wiki-decoration-rendered="1"] {
position:absolute !important;
margin:0 !important;
max-width:none !important;
max-height:none !important;
}

/* 길라잡이는 우물 최하단의 정상 흐름 요소다. */
.main-portal .main-body-well > [data-component="category-guide-nav"] {
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
/*
위쪽은 2px.
아래쪽은 우물의 1px inset을 제외하고 순수 #080808이 2px 보이도록
CSS margin-bottom을 3px로 둔다.
*/
margin:2px 0 3px !important;
padding:0 !important;
position:relative !important;
overflow:visible !important;
z-index:2147483000 !important;
pointer-events:auto !important;
}

.main-portal .main-body-well .portal-guide-nav,
.main-portal .main-body-well .portal-guide-svg,
.main-portal .main-body-well .portal-guide-anchor {
position:relative;
z-index:2147483000 !important;
}

/* 실패했던 display:contents 우회 구조는 사용하지 않는다. */
.main-portal > .main-body-panel,
.main-portal .main-body-well {
box-sizing:border-box;
}

@media screen and (max-width:700px) {
.main-portal .main-body-panel {
min-width:660px;
}
}

/* -----------------------------------------
대문 높이 체인 / 외부 스크롤 완전 제거
-----------------------------------------
Layout.css의 .mw-parser-output은 일반 문서를 위해 overflow-y:auto이다.
대문에서는 전체 패널이 남은 높이를 정확히 나눠 써야 하므로 예외 처리한다.

핵심:
- 바깥 스크롤 박스 비활성화
- 높이 전달 체인을 100%로 고정
- 각 세로 flex 구간을 flex:1 1 0으로 축소 가능하게 변경
- min-height:0으로 min-content 높이 강제 확장을 차단
*/
body.action-view.clbi-main-page .liberty-content-main,
body.action-view.clbi-main-page .liberty-content-main > #mw-content-text,
body.action-view.clbi-main-page .liberty-content-main > .mw-body-content,
body.action-view.clbi-main-page .liberty-content-main #mw-content-text,
body.action-view.clbi-main-page .liberty-content-main .mw-body-content,
body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
min-height:0 !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
flex:1 1 0 !important;
height:100% !important;
max-height:100% !important;
display:flex !important;
flex-direction:column !important;
overflow-y:hidden !important;
overflow-x:hidden !important;
scrollbar-width:none !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output::-webkit-scrollbar {
display:none !important;
width:0 !important;
height:0 !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output > .main-portal {
flex:1 1 0 !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
max-height:100% !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal {
flex:1 1 0 !important;
height:100% !important;
min-height:0 !important;
max-height:100% !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-panel {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-well {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-well > .main-manifesto {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

/* 길라잡이는 외곽 테두리를 포함한 42px 정수 단면을 사용한다. */
/* -----------------------------------------
버튼 프레임 / 상단 유지·하단 연속 용접
-----------------------------------------
상단·하단 총 42px:
외곽1 + 프레임면7 + 우물2 + 버튼(테두리1 + 표면20 + 테두리1) + 우물2 + 프레임면7 + 외곽1

하단은 별도 ㄷ자 상자가 아니다.
본문 패널의 하단 외곽선 자체가 중앙에서 사선으로 올라갔다 내려오는
하나의 연속된 프레임이다.
*/

/* ─────────────────────────────────────────
상단: 버튼 24px / 프레임과 2px 간격을 실제로 확보
───────────────────────────────────────── */
.main-portal > [data-component="category-nav"] {
flex:none !important;
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
padding:8px !important;
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
box-sizing:border-box !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
border-radius:0 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav {
display:block !important;
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
padding:2px !important;
overflow:hidden !important;
box-sizing:border-box !important;
background:#080808 !important;
border:0 !important;
/* 2px 간격은 순수 #080808이며 별도 광원선을 두지 않는다. */
box-shadow:none !important;
}

/* ─────────────────────────────────────────
하단: 기본 하단 프레임 위로만 중앙 버튼 프레임이 돌출
───────────────────────────────────────── */

/*
본문 패널의 기본 하단 프레임 두께는 유지하고,
그 위로만 길라잡이 사다리꼴 프레임이 돌출된다.
패널 전체가 두꺼운 하단 밴드가 되지 않도록 한다.
*/
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:9px !important;
border-bottom:0 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010 !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] {
display:block !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
isolation:isolate !important;
z-index:2147483000 !important;
pointer-events:auto !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
display:block !important;
position:absolute !important;
inset:0 !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
z-index:2147483000 !important;
}

/* 기본 하단 프레임 + 중앙 돌출 프레임 */
.main-portal .portal-guide-panel-bottom-surface,
.main-portal .portal-guide-weld-outer {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-guide-weld-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-guide-panel-bottom-edge,
.main-portal .portal-guide-weld-edge {
stroke:#050505;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 하단 기본 프레임: 상단만 #555555, 하단만 #101010. */
.main-portal .portal-guide-panel-bottom-highlight,
.main-portal .portal-guide-panel-bottom-shadow,
.main-portal .portal-guide-weld-shadow,
.main-portal .portal-guide-panel-bottom-inner {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 실제 길라잡이 버튼 외곽은 44px 사다리꼴이다. 바깥 돌출 프레임만 하단 기본 프레임과 용접된다. */
.main-portal .portal-guide-nav.is-continuous-weld
.portal-cat-inset-bottom {
display:block !important;
}

/*
길라잡이 진입 상태:
- 전체 좌표계가 65px에서 45px로 실제 축소된다.
- 중앙 버튼은 44px에서 24px으로만 줄고, #1d1d1d 실면 7px의 9/8px 프레임은 유지한다.
- 좌우 우물은 중앙 버튼과 접합되는 단일 메인 프레임이 하단에서 올라와 메운다.
*/
.main-portal .portal-guide-button-geometry {
transform:none;
}

.main-portal .portal-guide-rising-main-frame {
transform-box:fill-box;
transform-origin:center bottom;
}

.main-portal .portal-guide-rising-main-frame-edge {
fill:#050505;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-surface {
fill:#1d1d1d;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-highlight-top,
.main-portal .portal-guide-rising-main-frame-highlight-left {
fill:#555555;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-shadow-right,
.main-portal .portal-guide-rising-main-frame-shadow-bottom {
fill:#101010;
stroke:none;
shape-rendering:crispEdges;
}

/* 예전 우물 내부 mount 규칙 차단 */
.main-portal .main-body-well > [data-component="category-guide-nav"],
body.action-view.clbi-main-page
.main-portal
.main-body-well > [data-component="category-guide-nav"] {
flex:none !important;
width:0 !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
}

@media screen and (max-width:700px) {
.main-portal > [data-component="category-nav"],
.main-portal .main-body-panel {
min-width:660px !important;
}
}

/* -----------------------------------------
광원선 중복 방지 확정 규칙
-----------------------------------------
#555555는 독립된 #1d1d1d 돌출면의 상단·우측에만 사용한다.
#101010은 같은 면의 좌측·하단에만 사용한다.
#080808 우물과 2px 간격에는 광원선을 추가하지 않는다.
*/
.main-portal > [data-component="category-nav"] > .portal-category-nav {
box-shadow:none !important;
}

/* 본문 우물은 오목한 방향성 선을 유지한다. */
.main-portal .main-body-well {
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

/* -----------------------------------------
프레임 안쪽선·하단 아치 오버레이 확정 규칙
-----------------------------------------
상단:
- 기존 구조와 치수 유지
- #1d1d1d 프레임의 안쪽 경계에 방향성 1px 선 추가
- 안쪽 우물 경계는 상단/우측 #101010, 좌측/하단 #555555
- 선은 프레임의 마지막 1px에 놓여 2px #080808 간격을 침범하지 않음

하단:
- main-body-panel의 원래 전체 프레임을 그대로 복구
- SVG는 전체 하단 프레임을 다시 그리지 않음
- 버튼과 하부를 비운 중앙 아치형 프레임 조각만 기존 프레임 위에 얹음
*/

/* 상단 외곽 프레임의 안쪽 우물 경계
우물은 오목하므로 돌출면과 반대 방향이다.
상단/우측 #101010, 좌측/하단 #555555. */
.main-portal > [data-component="category-nav"]::after {
content:"";
display:block;
position:absolute;
inset:8px;
z-index:3;
pointer-events:none;
box-sizing:border-box;
border-style:solid;
border-width:1px;
border-color:#101010 #101010 #555555 #555555;
}

/* 2px 우물 간격과 버튼은 안쪽선보다 아래 레이어에 둔다. */
.main-portal > [data-component="category-nav"] > .portal-category-nav {
z-index:1 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
z-index:1 !important;
}

/* 기존 본문 패널의 전체 프레임을 복구한다. */
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:9px !important;
border:1px solid #050505 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

/* 아치 오버레이 좌표계. 패널 하부 자체는 투명하게 둔다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

/* 아치 프레임 면과 내부 우물 */
.main-portal .portal-guide-arch-outer {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-guide-arch-well {
fill:#080808;
stroke:none;
}

/* 아치의 최외곽: 상단과 양쪽 사선만 */
.main-portal .portal-guide-arch-edge {
stroke:#050505;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 바깥 돌출면의 광원 */
.main-portal .portal-guide-arch-highlight {
stroke:#555555;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-arch-shadow {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 버튼과 마주 보는 하단 본문 프레임의 상단 1px만 담당한다.
선 stroke가 아니라 정수 좌표의 1px rect이므로 2px로 번지지 않는다. */
.main-portal .portal-guide-facing-highlight {
fill:#555555;
stroke:none;
shape-rendering:crispEdges;
}

/* 아치 안쪽 우물 경계: 상단/우측 어두움, 좌측 밝음. 하부는 열림. */
.main-portal .portal-guide-arch-inner-highlight {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-arch-inner-shadow {
stroke:#555555;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 이전 SVG가 그리던 독립 하단 프레임은 강제로 숨긴다. */
.main-portal .portal-guide-panel-bottom-surface,
.main-portal .portal-guide-panel-bottom-edge,
.main-portal .portal-guide-panel-bottom-highlight,
.main-portal .portal-guide-panel-bottom-shadow,
.main-portal .portal-guide-panel-bottom-inner,
.main-portal .portal-guide-weld-outer,
.main-portal .portal-guide-weld-well,
.main-portal .portal-guide-weld-edge,
.main-portal .portal-guide-weld-highlight,
.main-portal .portal-guide-weld-shadow {
display:none !important;
}

/* -----------------------------------------
최종 시각 픽셀 보정 / 20260712
-----------------------------------------
목표는 선언값이 아니라 화면에서 보이는 색 면이다.

상단 카테고리:
- 우물 inset 1px
- 순수 #080808 간격 2px
- 실제 버튼 22px
- 기존 전체 행 높이는 유지

본문 패널:
- #050505 외곽선 1px
- 방향성 inset 1px
- 순수 #1d1d1d 면 7px
- 내부 #080808 우물
*/

/* ─────────────────────────────────────────
상단 카테고리: 실제 보이는 우물 간격 2px
───────────────────────────────────────── */
.main-portal > [data-component="category-nav"] {
padding:8px !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

/* 이전 border 기반 내부선은 코너 혼색을 만들므로 완전히 제거한다. */
.main-portal > [data-component="category-nav"]::after {
content:none !important;
display:none !important;
border:0 !important;
box-shadow:none !important;
}

/*
우물 inset 1px + padding 3px.
첫 1px은 inset이고, 그 뒤 순수 #080808이 정확히 2px 남는다.
*/
.main-portal > [data-component="category-nav"] > .portal-category-nav {
display:block !important;
position:relative !important;
width:100% !important;
height:auto !important;
margin:0 !important;
padding:3px !important;
box-sizing:border-box !important;
overflow:hidden !important;
background:#080808 !important;
border:0 !important;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
display:block !important;
position:relative !important;
inset:auto !important;
width:100% !important;
overflow:visible !important;
}

/* ─────────────────────────────────────────
본문 패널: 순수 #1d1d1d 면 7px + 선명한 inset
───────────────────────────────────────── */
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:8px !important;
position:relative !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
border-radius:0 !important;
box-shadow:none !important;
}

/*
box-shadow 코너 중첩 대신 네 개의 불투명 1px 면을 직접 그린다.
첫 번째 레이어가 코너 우선권을 가진다.
- 상단 #555555가 좌상단/우상단 우선
- 우측 #555555가 우하단 우선
- 좌측/하단 #101010
*/
body.action-view.clbi-main-page .main-portal .main-body-panel::before,
.main-portal .main-body-panel::before {
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:2147482990 !important;
pointer-events:none !important;
border:0 !important;
background:
linear-gradient(#555555,#555555) 0 0 / 100% 1px no-repeat,
linear-gradient(#555555,#555555) 100% 0 / 1px 100% no-repeat,
linear-gradient(#101010,#101010) 0 0 / 1px 100% no-repeat,
linear-gradient(#101010,#101010) 0 100% / 100% 1px no-repeat !important;
}

/* 본문 우물의 오목한 inset도 최종 규칙으로 고정한다. */
.main-portal .main-body-well {
background:#080808 !important;
border:0 !important;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

/* -----------------------------------------
본문 프레임 최종 시각 폭 7px
-----------------------------------------
inset은 layout 폭을 소비하지 않고 padding 면 위에 그려진다.
따라서 순수 프레임 폭 7px 목표에는 padding 자체를 7px로 둔다.
상단 버튼과 하단 아치 구조는 변경하지 않는다.
*/
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
/*
inset 1px이 프레임 면 위를 덮으므로 레이아웃 padding은 8px을 사용한다.
최종 화면에서 보이는 순수 #1d1d1d 면은 7px이다.
*/
padding:8px !important;
}

/* -----------------------------------------
하단 아치 프레임 외곽·하단 안쪽선 정확 보정 / 20260712
-----------------------------------------
대상 구분:
- 버튼 자체의 외곽 #050505는 유지
- 아치형 바깥 프레임의 외부 #050505만 제거
- 버튼 하단 inset은 기본 #101010 유지
- 아치 프레임 하단 안쪽 면에만 #555555 1px 추가
*/

/* 버튼 자체는 원래 마감으로 복구한다. */
.main-portal .portal-guide-nav .portal-cat-edge {
fill:#050505 !important;
}

.main-portal .portal-guide-nav .portal-cat-inset-bottom {
stroke:#101010 !important;
}

/* 아치형 프레임 바깥의 #050505 외곽선만 제거한다. */
.main-portal .portal-guide-arch-edge {
display:none !important;
}

/* 아치 프레임의 실제 하단 안쪽 면. 버튼과는 별도 요소다. */
.main-portal .portal-guide-arch-inner-bottom {
display:block !important;
fill:#555555 !important;
stroke:none !important;
shape-rendering:crispEdges;
}

/* 이전에 잘못 집었던 패널 하단 보조선에는 밝은 선을 두지 않는다. */
.main-portal .portal-guide-panel-bottom-inner {
stroke:#101010 !important;
}

/* -----------------------------------------
하단 길라잡이 통합 프레임 위치 확정 / 20260713
본문 패널의 원래 하단 프레임은 분리하지 않는다.
버튼·아치·클릭 영역만 현재 상태에서 1px 위로 이동한다.
----------------------------------------- */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
bottom:1px !important;
}

/* -----------------------------------------
하단 중앙 접합: 애드온 프레임 1px 연장 / 20260713
- 본문 패널의 원래 전체 프레임은 그대로 유지
- 버튼과 좌·우·상단 아치 프레임만 애드온
- 별도 #555555 하단선은 생성하지 않음
- JS가 아치 외곽면만 아래로 1px 연장하여 원래 우물 하단선을 같은 행에서 덮음
----------------------------------------- */
.main-portal .portal-guide-arch-inner-bottom {
display:none !important;
}

/* -----------------------------------------
대문 선언문 절차적 진입 애니메이션 / 20260713
-----------------------------------------
제목·구분선·본문 행은 실제 HTML 요소를 Web Animations API로 움직인다.
CSS transition 클래스 전환에 의존하지 않아 초기 진입·새로고침·SPA에서
최종 상태로 순간 점프하는 문제를 피한다.
*/

/*
원문은 기본 표시 상태다.
JS가 폰트·행 측정·구분선 DOM까지 모두 준비한 뒤 붙이는
.manifesto-intro-prepared만 애니메이션의 초기 프레임을 소유한다.
따라서 강력 새로고침이나 raw 스크립트 실패가 본문을 숨길 수 없다.
*/

.main-portal.manifesto-intro-prepared .main-manifesto-title {
position:relative !important;
opacity:0;
border-bottom:0 !important;
}

.main-portal .main-manifesto-title {
position:relative !important;
border-bottom:0 !important;
box-shadow:none !important;
background-image:none !important;
text-decoration:none !important;
}

.main-portal .main-manifesto-title::before,
.main-portal .main-manifesto-title::after {
content:none !important;
display:none !important;
}

.main-portal .main-manifesto-title > .manifesto-divider {
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:1px;
margin:0;
padding:0;
overflow:visible;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
pointer-events:none;
z-index:4;
}

/* ManifestoIntro가 소유권을 얻은 뒤에는 이전 구분선 소스를 모두 차단한다. */
.main-portal.manifesto-divider-controlled .main-manifesto-title {
border-bottom:0 !important;
box-shadow:none !important;
background-image:none !important;
text-decoration:none !important;
}

.main-portal.manifesto-divider-controlled .main-manifesto-title::before,
.main-portal.manifesto-divider-controlled .main-manifesto-title::after,
.main-portal.manifesto-divider-controlled .main-manifesto-inner > hr,
.main-portal.manifesto-divider-controlled .main-manifesto-divider,
.main-portal.manifesto-divider-controlled [data-manifesto-divider-track] {
content:none !important;
display:none !important;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
display:block;
position:absolute;
top:0;
width:50%;
height:1px;
margin:0;
padding:0;
background:#626262;
border:0;
box-shadow:none;
transform:scaleX(0);
will-change:transform;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-left {
left:0;
transform-origin:100% 50%;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-right {
right:0;
transform-origin:0 50%;
}

/*
제목 구분선이 완성된 뒤 같은 위치에서 분리되어 본문 하단까지 내려가는 실선.
최종 이동 거리는 ManifestoIntro가 실제 렌더된 본문 높이를 정수 px로 측정한다.
*/
.main-portal .main-manifesto-inner > .manifesto-divider-drop {
display:block;
position:absolute;
left:0;
width:100%;
height:1px;
margin:0;
padding:0;
overflow:hidden;
background:#626262;
border:0;
box-shadow:none;
opacity:0;
transform:translateY(0);
will-change:transform, opacity;
pointer-events:none;
z-index:3;
}

.main-portal .main-manifesto-copy.manifesto-line-measuring .manifesto-measure-token {
display:inline;
white-space:normal;
font:inherit;
color:inherit;
}

.main-portal .main-manifesto-copy .manifesto-line {
display:block;
width:100%;
height:26px;
min-height:0;
max-height:26px;
margin:0;
padding:0;
overflow:visible;
opacity:1;
line-height:26px !important;
clip-path:inset(0 0 0 0);
will-change:height, max-height, opacity, clip-path;
}

.main-portal .main-manifesto-copy .manifesto-line-inner {
display:block;
width:100%;
height:26px;
margin:0;
padding:0;
line-height:26px !important;
opacity:1;
transform:translateY(0);
will-change:transform, opacity;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy {
visibility:visible !important;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line {
height:0;
max-height:0;
overflow:hidden;
opacity:0;
clip-path:inset(0 0 100% 0);
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line-inner {
opacity:.18;
transform:translateY(-10px);
}

.main-portal.manifesto-intro-complete .main-manifesto-title {
opacity:1;
border-bottom:0 !important;
}

.main-portal.manifesto-intro-complete .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
transform:scaleX(1);
}

.main-portal.manifesto-intro-complete .main-manifesto-copy .manifesto-line {
height:26px;
max-height:26px;
overflow:visible;
opacity:1;
clip-path:inset(0 0 0 0);
}

.main-portal.manifesto-intro-complete .main-manifesto-copy .manifesto-line-inner {
opacity:1;
transform:translateY(0);
}

@media (prefers-reduced-motion:reduce) {
.main-portal.manifesto-intro-prepared .main-manifesto-title {
opacity:1;
border-bottom:0 !important;
}

.main-portal .main-manifesto-title > .manifesto-divider {
display:block !important;
left:0 !important;
width:100% !important;
background:transparent !important;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
transform:scaleX(1) !important;
}

.main-portal .main-manifesto-inner > .manifesto-divider-drop {
opacity:1;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line,
.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line-inner {
height:26px;
max-height:26px;
overflow:visible;
opacity:1;
clip-path:none;
transform:none;
}
}
/* -----------------------------------------
사선 프레임 단일 정수 좌표계 / 20260717
FrameGeometry.js의 1+7 / 2 / 1+20+1 / 2 / 7+1 정수 단면을 그대로 표시한다.
----------------------------------------- */
.main-portal > [data-component="category-nav"] {
flex:0 0 42px !important;
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"]::after {
content:none !important;
display:none !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav,
.main-portal > [data-component="category-nav"] .portal-category-svg {
display:block !important;
position:relative !important;
inset:auto !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav {
overflow:hidden !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
overflow:visible !important;
}

.main-portal .portal-category-frame-edge {
fill:#050505;
stroke:none;
}

.main-portal .portal-category-frame-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-category-frame-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-category-frame-highlight,
.main-portal .portal-category-frame-shadow,
.main-portal .portal-category-well-highlight,
.main-portal .portal-category-well-shadow {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-category-frame-highlight,
.main-portal .portal-category-well-highlight {
stroke:#555555;
}

.main-portal .portal-category-frame-shadow,
.main-portal .portal-category-well-shadow {
stroke:#101010;
}

.main-portal .portal-cat-anchor:hover .portal-cat-surface,
.main-portal .portal-cat-anchor:focus .portal-cat-surface,
.main-portal .portal-cat-anchor:active .portal-cat-surface {
fill:#1d1d1d;
}

.main-portal > [data-component="portal-section-nav"] {
flex:0 0 42px !important;
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:-9px 0 0 !important;
padding:0 !important;
position:relative !important;
overflow:hidden !important;
z-index:4 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="portal-section-nav"]::after {
content:none !important;
display:none !important;
}

.main-portal .portal-section-nav,
.main-portal .portal-section-svg {
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-category-frame,
.main-portal .portal-section-frame,
.main-portal .portal-category-pillar,
.main-portal .portal-section-button-geometry,
.main-portal .portal-cat-edge,
.main-portal .portal-cat-surface,
.main-portal .portal-cat-hit {
shape-rendering:crispEdges;
}

/* 하단 길라잡이도 같은 42px 정수 단면과 반대 사선을 사용한다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
width:auto !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}

.main-portal .portal-guide-arch-edge {
display:block !important;
stroke:#050505 !important;
}

.main-portal .portal-guide-arch-outer {
fill:#1d1d1d !important;
}

.main-portal .portal-guide-arch-well {
fill:#080808 !important;
}

/* main-body-panel의 1px 좌우 외곽선을 보정해 상단 seam 좌표폭과 일치시킨다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
left:-1px !important;
right:-1px !important;
width:auto !important;
}
/* -----------------------------------------
대문 사선 프레임 canvas 픽셀 렌더링 / 20260717
SVG polygon 표시 계층을 대체한다. shell scale은 안쪽 레이어에서 역보정한다.
----------------------------------------- */
.main-portal .portal-frame-counter-host {
position:relative !important;
display:block !important;
width:100% !important;
margin-right:0 !important;
margin-left:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-frame-canvas-nav {
position:relative !important;
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-frame-counter-inner {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
transform-origin:top left !important;
overflow:visible !important;
pointer-events:auto !important;
}

.main-portal .portal-frame-canvas {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
image-rendering:pixelated;
image-rendering:crisp-edges;
background:#080808;
border:0 !important;
box-shadow:none !important;
pointer-events:none !important;
}

.main-portal .portal-frame-hit-layer {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
pointer-events:none !important;
}

.main-portal .portal-frame-hit {
position:absolute !important;
display:block !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
outline:0 !important;
text-decoration:none !important;
pointer-events:auto !important;
cursor:pointer;
}

.main-portal .portal-frame-hit:focus-visible {
outline:1px solid #e2e2e2 !important;
outline-offset:-2px !important;
}

.main-portal .portal-category-pillar-hit {
pointer-events:none !important;
cursor:default !important;
}

.main-portal .portal-frame-sr-label {
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0, 0, 0, 0) !important;
white-space:nowrap !important;
border:0 !important;
}

.main-portal .portal-category-canvas,
.main-portal .portal-section-canvas,
.main-portal .portal-guide-canvas {
width:auto !important;
height:auto !important;
}

.main-portal > [data-component="portal-section-nav"]::after,
.main-portal .portal-category-svg,
.main-portal .portal-section-svg,
.main-portal .portal-guide-svg {
display:none !important;
}

미디어위키:CategoryPillar.js

2026-07-17T09:42:44Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-atomic-v3-20260717 / js/CategoryPillar.js

/* portal-frame canvas v3 — 2026-07-17 */
/* =========================================
CategoryPillar
canvas CategoryNav 내부 프로젝트 기둥 호환 모듈
========================================= */

(function (window, document, mw) {
'use strict';

var BUILD_TAG = 'portal-frame-canvas-v3-20260717';
window.PortalFrameModules = window.PortalFrameModules || {};
window.PortalFrameModules.CategoryPillar = BUILD_TAG;

var REQUIRED_CATEGORY_VERSION = BUILD_TAG;
var warned = false;

function categoryReady() {
var ready = window.CategoryNav &&
window.CategoryNav.version === REQUIRED_CATEGORY_VERSION &&
typeof window.CategoryNav.renderAll === 'function';
if (!ready && !warned && window.console && typeof window.console.error === 'function') {
warned = true;
window.console.error(
'[CategoryNav 구버전 감지: CategoryPillar.js와 MediaWiki:CategoryNav.js를 같은 배포 세트로 업데이트하세요] ' +
'필요 버전=' + REQUIRED_CATEGORY_VERSION
);
}
if (ready) warned = false;
return ready;
}

function renderAll(root) {
var scope = root && root.querySelectorAll ? root : document;
if (!categoryReady()) return 0;
return scope.querySelectorAll(
'.main-portal [data-component="category-nav"] .portal-category-canvas'
).length;
}

window.CategoryPillar = {
version:BUILD_TAG,
buildTag:BUILD_TAG,
init:renderAll,
renderAll:renderAll,
render:function () { return renderAll(document) > 0; }
};

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
renderAll(content && content[0] ? content[0] : document);
});
}
}(window, document, window.mw));

미디어위키:CategoryNav.js

2026-07-17T09:42:43Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-atomic-v3-20260717 / js/CategoryNav.js

/* portal-frame canvas v3 — 2026-07-17 */
/* =========================================
COASTLINE: BLACK ICE - CategoryNav
대문 카테고리 canvas 픽셀 네비 생성기
========================================= */

(function (window, document, mw) {
'use strict';

var BUILD_TAG = 'portal-frame-canvas-v3-20260717';
window.PortalFrameModules = window.PortalFrameModules || {};
window.PortalFrameModules.CategoryNav = BUILD_TAG;

var ITEMS = [
{ key:'era', label:'시대', title:'시대', slant:'right' },
{ key:'settings', label:'설정', title:'설정', slant:'right' },
{ key:'project', label:'프로젝트', title:'프로젝트:소개', slant:'both', pillar:true },
{ key:'corporations', label:'기업 및 공동체', title:'기업_및_공동체', slant:'left' },
{ key:'military', label:'군, 정치집단', title:'군_정치집단', slant:'left' }
];
var renderTimer = 0;

var EXPECTED_FRAME_API = '20260717-canvas-api-003';
var REQUIRED_FRAME_FUNCTIONS = ['setShellScale', 'getShellScale', 'readRenderWidth', 'createCanvas', 'applyCounterScale', 'createImage', 'paintStandardFrame', 'buildButtonPixels', 'paintGrid', 'setPixel', 'buttonMask', 'drawLabel', 'setSeams', 'onScale'];
var REQUIRED_FRAME_OBJECTS = ['FRAME', 'DIMENSIONS'];
var frameWarningSignature = '';
var frameListenersBound = false;

function reportFrameContract(frame, missing) {
var version = frame && frame.apiVersion ? frame.apiVersion : '없음';
var build = frame && frame.buildTag ? frame.buildTag : '없음';
var signature = build + '|' + version + '|' + missing.join('|');
if (signature === frameWarningSignature) return;
frameWarningSignature = signature;
if (window.console && typeof window.console.error === 'function') {
window.console.error(
'[FrameGeometry 구버전 감지: CategoryNav.js와 MediaWiki:FrameGeometry.js를 같은 배포 세트로 업데이트하세요] ' +
'필요 빌드=' + BUILD_TAG + ', 현재 빌드=' + build +
', 필요 API=' + EXPECTED_FRAME_API + ', 현재 API=' + version +
', 누락/불일치=' + (missing.length ? missing.join(', ') : 'apiVersion')
);
}
}

function api() {
var frame = window.CLBI && window.CLBI.frame;
var missing = [];
if (!frame) {
reportFrameContract(null, ['window.CLBI.frame']);
return null;
}
if (frame.buildTag !== BUILD_TAG) missing.push('buildTag');
if (frame.apiVersion !== EXPECTED_FRAME_API) missing.push('apiVersion');
REQUIRED_FRAME_OBJECTS.forEach(function (name) {
if (!frame[name] || typeof frame[name] !== 'object') missing.push(name);
});
REQUIRED_FRAME_FUNCTIONS.forEach(function (name) {
if (typeof frame[name] !== 'function') missing.push(name + '()');
});
if (missing.length) {
reportFrameContract(frame, missing);
return null;
}
frameWarningSignature = '';
return frame;
}

function buildPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function clearNode(node) {
while (node && node.firstChild) node.removeChild(node.firstChild);
}

function calculateLayout(width) {
var frame = api();
if (!frame) return null;
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var contentX = d.WELL_TOP;
var contentWidth = Math.max(ITEMS.length * 8, width - contentX * 2);
var btnW = Math.max(4, Math.floor((contentWidth - f.GAP * 4) / ITEMS.length));
var segments = [];
var xoff = contentX;
var i;

for (i = 0; i < ITEMS.length; i++) {
segments.push({
index:i,
key:ITEMS[i].key,
label:ITEMS[i].label,
slant:ITEMS[i].slant,
x:xoff,
y:d.BUTTON_EDGE_TOP,
btnW:btnW,
pixelWidth:btnW + 2,
pixelHeight:d.BUTTON_TOTAL
});
xoff += btnW + f.GAP;
}

return {
width:width,
height:d.ROW_HEIGHT,
contentX:contentX,
contentWidth:contentWidth,
buttonWidth:btnW,
usedRight:xoff - f.GAP,
segments:segments
};
}

function paintProjectPillar(image, width, height, segment) {
var frame = api();
if (!frame || !image || !segment) return null;
var d = frame.DIMENSIONS;
var topStep = Math.floor(d.BUTTON_EDGE_TOP / frame.FRAME.SLANT_RISE);
var leftTop = segment.x - topStep;
var rightTop = segment.x + segment.btnW + topStep;
var y;
var x;

for (y = 0; y < height; y++) {
var step = Math.floor(y / frame.FRAME.SLANT_RISE);
var left = leftTop + step;
var right = rightTop - step;
for (x = left; x <= right; x++) frame.setPixel(image, width, height, x, y, 'S');
frame.setPixel(image, width, height, left, y, 'D');
frame.setPixel(image, width, height, right, y, 'H');
}
return {
leftTop:leftTop,
rightTop:rightTop,
leftAtButton:segment.x,
rightAtButton:segment.x + segment.btnW
};
}

function labelCenter(segment) {
var frame = api();
if (!frame || !segment) return 0;
var ys = Math.floor(frame.FRAME.BUTTON_FACE / 2);
var mask = frame.buttonMask(segment.btnW, ys, segment.slant, 0);
return segment.x + Math.round((mask.left + mask.right) / 2);
}

function draw(canvas, layout, hoverIndex) {
var frame = api();
if (!frame || !canvas || !layout) return false;
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, layout.width, layout.height, 'BG');
var projectGeometry = null;

frame.paintStandardFrame(image, layout.width, layout.height);
layout.segments.forEach(function (segment) {
var grid = frame.buildButtonPixels(
segment.btnW,
frame.FRAME.BUTTON_FACE,
segment.slant,
0
);
frame.paintGrid(
image,
layout.width,
layout.height,
grid,
segment.x,
segment.y,
true
);
});

projectGeometry = paintProjectPillar(
image,
layout.width,
layout.height,
layout.segments[2]
);
ctx.putImageData(image, 0, 0);

layout.segments.forEach(function (segment, index) {
var center = index === 2
? Math.round((projectGeometry.leftAtButton + projectGeometry.rightAtButton) / 2)
: labelCenter(segment);
frame.drawLabel(
ctx,
segment.label,
center,
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hoverIndex === index && index !== 2,
layout.width <= 820 ? 11 : 12
);
});
canvas.__projectGeometry = projectGeometry;
return true;
}

function publishSeams(layout) {
var frame = api();
if (!frame || !layout) return false;
var d = frame.DIMENSIONS;
var settings = layout.segments[1];
var project = layout.segments[2];
var corporations = layout.segments[3];
var topStep = Math.floor(d.BUTTON_EDGE_TOP / frame.FRAME.SLANT_RISE);
var settingsLeftOriginX = settings.x - topStep;
var corpRightOriginX = corporations.x + corporations.btnW + topStep;
var projectLeftOriginX = project.x - topStep;
var projectRightOriginX = project.x + project.btnW + topStep;
var seamStep = Math.floor(d.BOTTOM_START_ABS_Y / frame.FRAME.SLANT_RISE);

frame.setSeams({
width:layout.width,
rowHeight:d.ROW_HEIGHT,
buttonTop:d.BUTTON_EDGE_TOP,
buttonBottom:d.BUTTON_EDGE_BOTTOM,
overlap:d.OVERLAP,
bottomStartAbsY:d.BOTTOM_START_ABS_Y,
phase:d.BOTTOM_START_ABS_Y % frame.FRAME.SLANT_RISE,
settingsLeftOriginX:settingsLeftOriginX,
settingsLeftTopX:settings.x,
settingsLeftSeamX:settingsLeftOriginX + seamStep,
settingsLeftDir:1,
corpRightOriginX:corpRightOriginX,
corpRightTopX:corporations.x + corporations.btnW,
corpRightSeamX:corpRightOriginX - seamStep,
corpRightDir:-1,
projectLeftOriginX:projectLeftOriginX,
projectRightOriginX:projectRightOriginX,
projectLeftTopX:project.x,
projectRightTopX:project.x + project.btnW,
projectLeftDir:1,
projectRightDir:-1,
buttonWidth:layout.buttonWidth,
segments:layout.segments.map(function (segment) {
return {
key:segment.key,
x:segment.x,
y:segment.y,
btnW:segment.btnW,
pixelWidth:segment.pixelWidth,
slant:segment.slant
};
}),
shellScale:frame.getShellScale()
});
return true;
}

function createHit(item, index, segment, nav, redraw) {
var hit;
if (item.pillar) {
hit = document.createElement('span');
hit.setAttribute('aria-label', item.label);
hit.setAttribute('role', 'presentation');
hit.className = 'portal-frame-hit portal-category-pillar-hit';
} else {
hit = document.createElement('a');
hit.href = buildPath(item.title);
hit.setAttribute('aria-label', item.label);
hit.className = 'portal-frame-hit portal-cat-anchor';
hit.setAttribute('data-category-key', item.key);
hit.addEventListener('mouseenter', function () {
nav.__frameHoverIndex = index;
redraw();
});
hit.addEventListener('mouseleave', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
hit.addEventListener('focus', function () {
nav.__frameHoverIndex = index;
redraw();
});
hit.addEventListener('blur', function () {
if (nav.__frameHoverIndex === index) nav.__frameHoverIndex = -1;
redraw();
});
}
hit.style.left = segment.x + 'px';
hit.style.top = segment.y + 'px';
hit.style.width = segment.pixelWidth + 'px';
hit.style.height = segment.pixelHeight + 'px';
hit.appendChild(document.createElement('span'));
hit.lastChild.className = 'portal-frame-sr-label';
hit.lastChild.textContent = item.label;
return hit;
}

function renderMount(mount) {
var frame = api();
var width;
var layout;
var nav;
var inner;
var canvas;
var hitLayer;
var redraw;

if (!mount || !frame) return false;
frame.setShellScale(frame.getShellScale());
width = frame.readRenderWidth(mount);
if (!width) {
if (!mount.__categoryNavRetry) {
mount.__categoryNavRetry = window.setTimeout(function () {
mount.__categoryNavRetry = 0;
renderMount(mount);
}, 60);
}
return false;
}

layout = calculateLayout(width);
if (!layout) return false;
if (
mount.getAttribute('data-category-nav-width') === String(width) &&
mount.getAttribute('data-category-nav-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-category-canvas')
) {
publishSeams(layout);
return true;
}
nav = document.createElement('nav');
nav.className = 'portal-category-nav portal-frame-canvas-nav';
nav.setAttribute('aria-label', 'Main categories');
nav.__frameHoverIndex = -1;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-category-counter-inner';
inner.style.width = width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-category-canvas', width, layout.height);
canvas.setAttribute('data-frame-width', String(width));
canvas.setAttribute('data-frame-height', String(layout.height));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = width + 'px';
hitLayer.style.height = layout.height + 'px';

redraw = function () {
draw(canvas, layout, nav.__frameHoverIndex);
};
ITEMS.forEach(function (item, index) {
hitLayer.appendChild(createHit(item, index, layout.segments[index], nav, redraw));
});

inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
clearNode(mount);
mount.appendChild(nav);
frame.applyCounterScale([mount, nav], inner, layout.height);
redraw();
publishSeams(layout);

mount.setAttribute('data-category-nav-rendered', 'canvas');
mount.setAttribute('data-category-nav-width', String(width));
mount.setAttribute('data-category-nav-scale', String(frame.getShellScale()));

if (window.ResizeObserver && !mount.__categoryNavObserver) {
mount.__categoryNavObserver = new window.ResizeObserver(function () {
schedule(mount);
});
mount.__categoryNavObserver.observe(mount);
}
return true;
}

function renderAll(root) {
var scope = root && root.querySelectorAll ? root : document;
var mounts = [];
var rendered = 0;
if (scope.matches && scope.matches('[data-component="category-nav"]')) mounts.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('[data-component="category-nav"]'), function (mount) {
if (mounts.indexOf(mount) === -1) mounts.push(mount);
});
mounts.forEach(function (mount) {
if (renderMount(mount)) rendered += 1;
});
return rendered;
}

function schedule(root) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document);
}, 0);
}

function bindFrameListeners() {
var frame = api();
if (!frame || frameListenersBound) return false;
frameListenersBound = true;
frame.onScale(function () { schedule(document); });
return true;
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { renderAll(document); });
} else {
renderAll(document);
}

bindFrameListeners();
document.addEventListener('framegeometryready', function () {
if (bindFrameListeners()) schedule(document);
});
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}
window.addEventListener('resize', function () { schedule(document); });

window.CategoryNav = {
version:BUILD_TAG,
buildTag:BUILD_TAG,
init:renderAll,
renderAll:renderAll,
renderMount:renderMount
};
window.CLBI = window.CLBI || {};
window.CLBI.categoryNav = {
version:BUILD_TAG,
buildTag:BUILD_TAG,
init:renderAll,
renderMount:renderMount
};
}(window, document, window.mw));

미디어위키:BottomGuideNav.js

2026-07-17T09:42:43Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-atomic-v3-20260717 / js/BottomGuideNav.js

/* portal-frame canvas v3 — 2026-07-17 */
/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 canvas 픽셀 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var BUILD_TAG = 'portal-frame-canvas-v3-20260717';
window.PortalFrameModules = window.PortalFrameModules || {};
window.PortalFrameModules.BottomGuideNav = BUILD_TAG;

var COMPONENT = 'category-guide-nav';
var retryTimer = 0;
var geometryWaitTimer = 0;
var resizeTimer = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key:'start', label:'처음 오셨다면' },
{ key:'world', label:'세계관' },
{ key:'era', label:'시대' },
{ key:'people', label:'인물' },
{ key:'anecdote', label:'에넥도트' },
{ key:'participate', label:'참여 안내' }
];

var EXPECTED_FRAME_API = '20260717-canvas-api-003';
var REQUIRED_FRAME_FUNCTIONS = ['getShellScale', 'readRenderWidth', 'createCanvas', 'applyCounterScale', 'createImage', 'paintStandardFrame', 'buildReverseButtonPixels', 'paintGrid', 'buttonMask', 'drawLabel', 'onSeams', 'onScale'];
var REQUIRED_FRAME_OBJECTS = ['FRAME', 'DIMENSIONS'];
var frameWarningSignature = '';
var frameListenersBound = false;

function reportFrameContract(frame, missing) {
var version = frame && frame.apiVersion ? frame.apiVersion : '없음';
var build = frame && frame.buildTag ? frame.buildTag : '없음';
var signature = build + '|' + version + '|' + missing.join('|');
if (signature === frameWarningSignature) return;
frameWarningSignature = signature;
if (window.console && typeof window.console.error === 'function') {
window.console.error(
'[FrameGeometry 구버전 감지: BottomGuideNav.js와 MediaWiki:FrameGeometry.js를 같은 배포 세트로 업데이트하세요] ' +
'필요 빌드=' + BUILD_TAG + ', 현재 빌드=' + build +
', 필요 API=' + EXPECTED_FRAME_API + ', 현재 API=' + version +
', 누락/불일치=' + (missing.length ? missing.join(', ') : 'apiVersion')
);
}
}

function api() {
var frame = window.CLBI && window.CLBI.frame;
var missing = [];
if (!frame) {
reportFrameContract(null, ['window.CLBI.frame']);
return null;
}
if (frame.buildTag !== BUILD_TAG) missing.push('buildTag');
if (frame.apiVersion !== EXPECTED_FRAME_API) missing.push('apiVersion');
REQUIRED_FRAME_OBJECTS.forEach(function (name) {
if (!frame[name] || typeof frame[name] !== 'object') missing.push(name);
});
REQUIRED_FRAME_FUNCTIONS.forEach(function (name) {
if (typeof frame[name] !== 'function') missing.push(name + '()');
});
if (missing.length) {
reportFrameContract(frame, missing);
return null;
}
frameWarningSignature = '';
return frame;
}

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');
if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');
if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}
if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}
script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () { settle(false); };
timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);
(document.head || document.documentElement).appendChild(script);
});
return manifestoIntroPromise;
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}
if (manifesto && manifesto.parentNode !== well) well.insertBefore(manifesto, well.firstChild);
return { panel:panel, well:well };
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;
screen.hidden = !!hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
screen.classList.toggle('is-main-body-screen-hidden', !!hidden);
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;
if (!guide) return null;
menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');
GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');
wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));
button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');
number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');
label.className = 'main-guide-menu-label';
label.textContent = item.label;
arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';
button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) { event.preventDefault(); });
wrapper.appendChild(button);
menu.appendChild(wrapper);
});
guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;
guide.classList.remove('is-guide-menu-entering');
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') || 'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}
if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen', 'main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}
ensureGuideDummyMenu(guide);
panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);
if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) active = 'manifesto';
panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}
return {
well:layout.well,
panels:panels,
manifesto:manifesto,
guide:guide,
active:active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;
if (!portal) return false;
screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;
previous = screens.active;
active = screenName;
screens.panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && previous !== active) restartGuideMenuAnimation(screens.guide);
else if (active !== 'guide' && screens.guide) screens.guide.classList.remove('is-guide-menu-entering');
render(portal);
if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles:true,
detail:{ screen:active, previous:previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}
return true;
}

function toggleBodyScreen(portal) {
var screens;
if (!portal) return false;
screens = ensureBodyScreens(portal);
return activateBodyScreen(portal, screens.active === 'guide' ? 'manifesto' : 'guide');
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;
if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;
portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;
event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
}

if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
ensureBodyScreens(portal);
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}
if (mount.parentNode !== layout.panel) layout.panel.appendChild(mount);
return mount;
}

function guideButton(seams) {
var frame = api();
if (!frame || !seams) return null;
var d = frame.DIMENSIONS;
var step = Math.floor(d.BUTTON_EDGE_BOTTOM / frame.FRAME.SLANT_RISE);
var left = seams.settingsLeftOriginX + step;
var right = seams.corpRightOriginX - step;
return {
x:Math.round(left),
y:d.BUTTON_EDGE_TOP,
btnW:Math.max(4, Math.round(right - left)),
pixelHeight:d.BUTTON_TOTAL,
slant:'both'
};
}

function draw(canvas, button, label, hover) {
var frame = api();
if (!frame || !canvas || !button) return false;
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, canvas.width, canvas.height, 'BG');
var grid;
var mask;
var center;

frame.paintStandardFrame(image, canvas.width, canvas.height);
grid = frame.buildReverseButtonPixels(
button.btnW,
frame.FRAME.BUTTON_FACE,
button.slant,
0
);
frame.paintGrid(image, canvas.width, canvas.height, grid, button.x, button.y, true);
ctx.putImageData(image, 0, 0);
mask = frame.buttonMask(
button.btnW,
frame.FRAME.BUTTON_FACE - 1 - Math.floor(frame.FRAME.BUTTON_FACE / 2),
button.slant,
0
);
center = button.x + Math.round((mask.left + mask.right) / 2);
frame.drawLabel(
ctx,
label,
center,
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hover,
canvas.width <= 820 ? 11 : 12
);
return true;
}

function render(portal) {
var frame = api();
var seams;
var mount;
var width;
var guideActive;
var label;
var targetScreen;
var href;
var button;
var nav;
var inner;
var canvas;
var hitLayer;
var anchor;
var hiddenLabel;
var redraw;

if (!frame) {
window.clearTimeout(geometryWaitTimer);
geometryWaitTimer = window.setTimeout(function () {
geometryWaitTimer = 0;
render(portal);
}, 50);
return false;
}
seams = frame.seams;
if (!seams || !seams.width) return false;
mount = ensureMount(portal);
width = seams.width || frame.readRenderWidth(mount);
if (!width) return false;

guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
label = guideActive ? '돌아가기' : '길라잡이';
targetScreen = guideActive ? 'manifesto' : 'guide';
href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
button = guideButton(seams);
if (!button) return false;
if (
mount.getAttribute('data-bottom-guide-width') === String(width) &&
mount.getAttribute('data-bottom-guide-label') === label &&
mount.getAttribute('data-bottom-guide-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-guide-canvas')
) {
return true;
}

nav = document.createElement('nav');
nav.className = 'portal-category-nav portal-guide-nav portal-frame-canvas-nav is-continuous-weld';
nav.setAttribute('aria-label', label);
nav.__frameHover = false;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-guide-counter-inner';
inner.style.width = width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-guide-canvas', width, frame.DIMENSIONS.ROW_HEIGHT);
canvas.setAttribute('data-frame-width', String(width));
canvas.setAttribute('data-frame-height', String(frame.DIMENSIONS.ROW_HEIGHT));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = width + 'px';
hitLayer.style.height = frame.DIMENSIONS.ROW_HEIGHT + 'px';

anchor = document.createElement('a');
anchor.className = 'portal-frame-hit portal-guide-anchor';
anchor.href = href;
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
anchor.style.left = button.x + 'px';
anchor.style.top = button.y + 'px';
anchor.style.width = (button.btnW + 2) + 'px';
anchor.style.height = button.pixelHeight + 'px';
hiddenLabel = document.createElement('span');
hiddenLabel.className = 'portal-frame-sr-label portal-guide-label';
hiddenLabel.textContent = label;
anchor.appendChild(hiddenLabel);

redraw = function () { draw(canvas, button, label, nav.__frameHover); };
anchor.addEventListener('mouseenter', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('mouseleave', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('focus', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('blur', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('click', function (event) {
if (event && (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) return;
if (toggleBodyScreen(portal) && event) event.preventDefault();
});

hitLayer.appendChild(anchor);
inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
mount.replaceChildren(nav);
frame.applyCounterScale(
[mount, nav],
inner,
frame.DIMENSIONS.ROW_HEIGHT
);
redraw();

mount.setAttribute('data-bottom-guide-rendered', 'canvas');
mount.setAttribute('data-bottom-guide-width', String(width));
mount.setAttribute('data-bottom-guide-label', label);
mount.setAttribute('data-bottom-guide-scale', String(frame.getShellScale()));
return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);
retryTimer = window.setTimeout(function () {
var portal = findPortal(root);
if (!portal) return;
if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}
if (observer) observer.disconnect();
if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () { render(portal); }, 60);
});
observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

function bindFrameListeners() {
var frame = api();
if (!frame || frameListenersBound) return false;
frameListenersBound = true;
frame.onSeams(function () { schedule(document, 0); });
frame.onScale(function () { schedule(document, 0); });
return true;
}

revealManifesto(document);
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { boot(document); }, { once:true });
} else {
boot(document);
}
window.addEventListener('load', function () { boot(document); }, { once:true });
window.addEventListener('pageshow', function () { boot(document); });
bindFrameListeners();
document.addEventListener('framegeometryready', function () {
if (bindFrameListeners()) schedule(document, 0);
});
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version:BUILD_TAG,
buildTag:BUILD_TAG,
render:function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate:function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle:function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status:function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');
return {
loaded:true,
portal:!!portal,
mount:!!mount,
rendered:!!(mount && mount.querySelector('.portal-guide-canvas')),
generated:!!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel:!!(portal && portal.querySelector('.main-body-panel')),
well:!!(portal && portal.querySelector('.main-body-well')),
insidePanel:!!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded:!!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen:portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen:!!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width:mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:MainPage.css

2026-07-17T09:42:42Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-atomic-v3-20260717 / css/MainPage.css

/* portal-frame canvas v3 — 2026-07-17 */
:root {
--portal-frame-css-build:portal-frame-canvas-v3-20260717;
}

/* =========================================
COASTLINE: BLACK ICE - MainPage
로고 + 카테고리 네비 + 선언문 대문
========================================= */

/*
책임 범위
-----------------------------------------
- 대문 본문 .main-portal 내부만 담당한다.
- 사이트 공통 셸은 Layout.css가 담당한다.
- 카테고리 네비의 SVG 구조는 CategoryNav.js가 생성한다.
- 콘솔, 그래프, STATUS, INFORMATION, PROJECTS는 대문에서 제거한다.
- 「진창」 선언문 배치는 이 파일이 담당하며, 폰트 선언은 Theme.css가 담당한다.
*/

.main-portal {
--portal-frame-build:portal-frame-canvas-v3-20260717;
--panel:#1d1d1d;
--well:#080808;
--edge:#050505;
--highlight:#555555;
--shadow:#101010;
--text:#e2e2e2;
--text-strong:#ffffff;
--block-gap:2px;
--frame:8px;
--manifesto-divider-gap:8px;
width:100%;
min-height:100%;
margin:0;
padding:0;
display:flex;
flex-direction:column;
color:var(--text);
background:transparent;
font-size:12px;
line-height:18px;
box-sizing:border-box;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
display:flex !important;
flex-direction:column !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output > .main-portal {
flex:1 0 auto;
min-height:0;
}

.main-portal *,
.main-portal *::before,
.main-portal *::after {
box-sizing:border-box;
}

.main-portal a,
.main-portal a:visited {
color:var(--text) !important;
text-decoration:none !important;
}

.main-portal a:hover,
.main-portal a:focus {
color:var(--text-strong) !important;
text-decoration:none !important;
}

/* 과거 대문 구조가 캐시에 남아 있어도 화면에는 나타나지 않게 한다. */
.main-portal > .console,
.main-portal > .portal-bottom-row,
.main-portal > [data-archive-graph] {
display:none !important;
}

/* -----------------------------------------
공통 돌출 프레임
----------------------------------------- */

.main-portal .lab-logo {
background:var(--panel, #1d1d1d);
border:1px solid var(--edge, #050505);
border-radius:0;
box-shadow:
inset 0 1px 0 var(--highlight, #555555),
inset -1px 0 0 var(--highlight, #555555),
inset 1px 0 0 var(--shadow, #101010),
inset 0 -1px 0 var(--shadow, #101010);
}

.main-portal .lab-logo {
flex:0 0 auto;
margin:0 0 var(--block-gap);
}

.main-portal [data-component="category-nav"] {
flex:0 0 auto;
display:block;
width:100%;
margin:0;
}

/* -----------------------------------------
로고 프레임
----------------------------------------- */

.main-portal .lab-logo {
padding:var(--frame);
overflow:hidden;
}

.main-portal .portal-logo-well {
min-height:86px;
padding:10px 8px;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
background:var(--well);
border:0;
box-shadow:
inset 0 1px 0 var(--shadow),
inset -1px 0 0 var(--shadow),
inset 1px 0 0 var(--highlight),
inset 0 -1px 0 var(--highlight);
line-height:0;
}

.main-portal .portal-logo-well a,
.main-portal .portal-logo-well .mw-file-description {
display:inline-block;
line-height:0;
}

.main-portal .portal-logo-well img,
.main-portal .portal-logo-well .mw-file-element {
display:block;
width:1000px;
max-width:144%;
height:auto;
filter:grayscale(1) contrast(1.04) brightness(1.02);
}

/* -----------------------------------------
카테고리 네비
----------------------------------------- */

.portal-category-nav {
position:relative;
width:100%;
height:42px;
margin:0;
padding:0;
overflow:hidden;
background:var(--well, #080808);
border:0;
border-radius:0;
box-shadow:none;
}

.portal-category-svg {
display:block;
width:100%;
overflow:visible;
}

/*
각 버튼은 SVG 안에서 독립된 사선 프레임으로 그린다.
- 외곽 1px: #050505
- 본체: #1d1d1d
- 상단/우측 inset: #555555
- 좌측/하단 inset: #101010
- 버튼 사이 배경: #080808 2px
*/
.portal-cat-edge {
fill:#050505;
stroke:none;
}

.portal-cat-surface {
fill:#1d1d1d;
stroke:none;
}

.portal-cat-inset {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.portal-cat-inset-top,
.portal-cat-inset-right {
stroke:#555555;
}

.portal-cat-inset-bottom,
.portal-cat-inset-left {
stroke:#101010;
}

.portal-cat-hit {
fill:transparent;
stroke:none;
cursor:pointer;
}

.portal-cat-anchor:hover .portal-cat-surface,
.portal-cat-anchor:focus .portal-cat-surface {
fill:#242424;
}

.portal-cat-anchor:active .portal-cat-surface {
fill:#101010;
}

.portal-cat-anchor:active .portal-cat-inset-top,
.portal-cat-anchor:active .portal-cat-inset-right {
stroke:#101010;
}

.portal-cat-anchor:active .portal-cat-inset-bottom,
.portal-cat-anchor:active .portal-cat-inset-left {
stroke:#555555;
}

.portal-cat-label {
fill:#e2e2e2;
font-family:inherit;
font-size:12px;
font-weight:700;
text-anchor:middle;
dominant-baseline:middle;
pointer-events:none;
paint-order:stroke;
stroke:#050505;
stroke-width:2px;
stroke-linejoin:round;
}

.portal-cat-anchor:hover .portal-cat-label,
.portal-cat-anchor:focus .portal-cat-label {
fill:#ffffff;
}

.main-portal a,
.main-portal .portal-cat-surface,
.main-portal .portal-cat-inset,
.main-portal .portal-cat-label {
transition:none !important;
}

@media screen and (max-width:820px) {
.portal-cat-label {
font-size:11px;
}
}

@media screen and (max-width:620px) {
.main-portal {
--frame:6px;
}
}

/* -----------------------------------------
대문 선언문 / 실제 픽셀 웹폰트 단일 구현
----------------------------------------- */

@font-face {
font-family:'NanumMyeongjoBold Pixel 18';
src:url('/fonts/NanumMyeongjoBoldPixel18.woff2?v=20260713-perfect-bottom-direct-002') format('woff2');
font-weight:400;
font-style:normal;
font-display:block;
}

.main-portal .main-manifesto {
flex:1 0 auto;
min-height:0;
width:100%;
margin:0;
padding:10px 0 24px;
display:flex;
align-items:flex-start;
justify-content:center;
overflow:visible;
}

.main-portal .main-manifesto-inner {
position:relative !important;
top:0 !important;
left:0 !important;
width:660px !important;
min-width:660px !important;
max-width:660px !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 auto !important;
padding:0 !important;
overflow:visible !important;
color:#e2e2e2 !important;
background:transparent !important;
transform:none !important;
}

.main-portal .main-manifesto-inner::before,
.main-portal .main-manifesto-inner::after {
content:none !important;
display:none !important;
background:none !important;
}

.main-portal .main-manifesto-title {
position:static !important;
top:auto !important;
left:auto !important;
width:660px !important;
height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
min-height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
max-height:calc(48px + var(--manifesto-divider-gap) + 1px) !important;
margin:0 0 var(--manifesto-divider-gap) !important;
padding:0 0 var(--manifesto-divider-gap) !important;
overflow:visible !important;
clip:auto !important;
clip-path:none !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
background:transparent !important;
border:0 !important;
/* 구분선은 ManifestoIntro가 만드는 좌우 실선 두 개만 사용한다. */
border-bottom:0 !important;
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:36px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:48px !important;
letter-spacing:0 !important;
text-align:center !important;
text-shadow:none !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy {
position:static !important;
top:auto !important;
left:auto !important;
width:620px !important;
min-width:620px !important;
max-width:620px !important;
height:auto !important;
margin:0 auto !important;
padding:0 !important;
overflow:visible !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
background:transparent !important;
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:18px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:26px !important;
letter-spacing:0 !important;
word-break:keep-all !important;
overflow-wrap:break-word !important;
text-align:left !important;
text-shadow:none !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy,
.main-portal .main-manifesto-copy * {
font-family:'NanumMyeongjoBold Pixel 18' !important;
font-size:18px !important;
font-weight:400 !important;
font-style:normal !important;
font-synthesis:none !important;
font-kerning:none !important;
font-variant-ligatures:none !important;
font-feature-settings:'kern' 0, 'liga' 0 !important;
line-height:26px !important;
letter-spacing:0 !important;
color:#e2e2e2 !important;
-webkit-text-fill-color:#e2e2e2 !important;
}

.main-portal .main-manifesto-copy p {
position:static !important;
top:auto !important;
left:auto !important;
width:620px !important;
height:auto !important;
margin:0 0 10px !important;
padding:0 !important;
overflow:visible !important;
clip:auto !important;
clip-path:none !important;
white-space:normal !important;
transform:none !important;
user-select:text !important;
}

.main-portal .main-manifesto-copy p:last-child {
margin-bottom:0 !important;
}

.main-portal .main-manifesto-bitmap,
.main-portal canvas.main-manifesto-bitmap {
display:none !important;
}

/*
길라잡이는 시대의 대륙 패널처럼 본문 DOM을 유지한 채 화면만 전환한다.
현재 단계에서는 왼쪽 더미 메뉴로 진입 애니메이션과 버튼 디자인만 확인한다.
*/
.main-portal .main-body-well > .main-guide-screen {
flex:1 1 0;
display:block;
position:relative;
width:100%;
height:auto;
min-height:0;
margin:0;
padding:0;
overflow:hidden;
background:transparent;
border:0;
box-shadow:none;
z-index:1;
}

.main-portal .main-body-well > .main-guide-screen[hidden],
.main-portal .main-body-well > .main-manifesto[hidden] {
display:none !important;
}

.main-portal .main-guide-menu {
position:absolute;
top:10px;
left:10px;
width:230px;
margin:0;
padding:0;
display:flex;
flex-direction:column;
gap:2px;
z-index:2;
}

.main-portal .main-guide-menu-item {
width:230px;
height:30px;
margin:0;
padding:0;
opacity:0;
transform:translateX(-240px);
will-change:transform, opacity;
}

.main-portal .main-guide-screen.is-guide-menu-entering .main-guide-menu-item {
animation:main-guide-menu-enter 260ms cubic-bezier(.16,.84,.24,1) both;
animation-delay:calc(var(--guide-menu-order) * 44ms);
}

@keyframes main-guide-menu-enter {
0% {
opacity:0;
transform:translateX(-240px);
}
72% {
opacity:1;
transform:translateX(4px);
}
100% {
opacity:1;
transform:translateX(0);
}
}

.main-portal .main-guide-menu-button {
appearance:none;
-webkit-appearance:none;
display:grid;
grid-template-columns:30px minmax(0,1fr) 14px;
align-items:center;
width:230px;
height:30px;
margin:0;
padding:0;
overflow:hidden;
box-sizing:border-box;
color:#e2e2e2;
background:#1d1d1d;
border:1px solid #050505;
border-radius:0;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010;
font-family:inherit;
font-size:12px;
font-weight:700;
line-height:28px;
text-align:left;
text-shadow:1px 1px 0 #050505;
cursor:pointer;
}

.main-portal .main-guide-menu-number {
display:block;
width:30px;
height:28px;
color:#8f8f8f;
background:#101010;
border-right:1px solid #050505;
box-shadow:inset 0 1px 0 #242424;
line-height:28px;
text-align:center;
}

.main-portal .main-guide-menu-label {
display:block;
min-width:0;
height:28px;
padding:0 8px;
overflow:hidden;
line-height:28px;
white-space:nowrap;
text-overflow:ellipsis;
}

.main-portal .main-guide-menu-arrow {
display:block;
width:14px;
height:28px;
color:#8f8f8f;
line-height:27px;
text-align:center;
}

.main-portal .main-guide-menu-button:hover,
.main-portal .main-guide-menu-button:focus-visible {
color:#ffffff;
background:#242424;
outline:0;
}

.main-portal .main-guide-menu-button:hover .main-guide-menu-number,
.main-portal .main-guide-menu-button:focus-visible .main-guide-menu-number,
.main-portal .main-guide-menu-button:hover .main-guide-menu-arrow,
.main-portal .main-guide-menu-button:focus-visible .main-guide-menu-arrow {
color:#ffffff;
}

.main-portal .main-guide-menu-button:active {
color:#e2e2e2;
background:#101010;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555;
}

@media (prefers-reduced-motion:reduce) {
.main-portal .main-guide-screen.is-guide-menu-entering .main-guide-menu-item {
animation:none;
opacity:1;
transform:none;
}
}

/* -----------------------------------------
상단 카테고리 중앙 「프로젝트」 기둥 / 20260716
-----------------------------------------
버튼 2개 - #1d1d1d 기둥 - 버튼 2개.

CategoryPillar.js가 기존 project 버튼의 좌우 사선과 2px 간격을 그대로 사용한다.
기둥은 같은 경사를 유지한 채 SVG의 위·아래로 3px 우물을 관통하며 외곽 프레임과 같은
#1d1d1d 면에 직접 닿는다. 상하 외곽선은 두지 않아 하나의 패널로
이어진다. 버튼과 접하는 좌우의 #050505 외곽선은 생략하되,
기존 안쪽 방향성 광원선을 그 외곽선 좌표로 한 칸 이동한다.
안쪽선이 있던 자리는 별도 선 없이 #1d1d1d 본체 면으로 돌아간다.
*/
.main-portal .portal-category-svg.has-category-pillar
.portal-cat-anchor[data-category-key="project"],
.main-portal .portal-category-svg.has-category-pillar
.portal-category-pillar-source {
display:none !important;
pointer-events:none !important;
}

.main-portal .portal-category-pillar {
pointer-events:none;
shape-rendering:crispEdges;
}

.main-portal .portal-category-pillar-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-category-pillar-line {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-category-pillar-shadow {
stroke:#101010;
}

.main-portal .portal-category-pillar-highlight {
stroke:#555555;
}

.main-portal .portal-category-pillar-label {
fill:#e2e2e2;
cursor:default;
pointer-events:none;
}

/* -----------------------------------------
상단 카테고리 하단 회전·접합형 작품 버튼 / 20260716
-----------------------------------------
FrameGeometry.js가 공유한 설정 왼쪽 seam과 기업 및 공동체 오른쪽 seam을
같은 정수 좌표계에서 연장한다. 상단 프레임 하단 9px 안으로 겹쳐 접합하며,
표시 높이는 공통 ROW_HEIGHT 42px만 사용한다.
*/
.main-portal .portal-section-frame-edge {
fill:#050505;
stroke:none;
}

.main-portal .portal-section-frame-outline {
fill:none;
stroke:#050505;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-section-frame-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-section-frame-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-section-frame-edge,
.main-portal .portal-section-frame-surface,
.main-portal .portal-section-frame-well,
.main-portal .portal-section-join-side-cover,
.main-portal .portal-section-button-geometry .portal-cat-edge,
.main-portal .portal-section-button-geometry .portal-cat-surface {
shape-rendering:crispEdges;
}

.main-portal .portal-section-join-side-cover {
fill:#1d1d1d;
stroke:none;
}

.main-portal > [data-component="portal-section-nav"]::after {
content:"";
display:block;
position:absolute;
top:0;
left:10%;
right:auto;
width:80%;
height:7px;
box-sizing:border-box;
margin:0;
padding:0;
z-index:2147483647;
pointer-events:none;
background:#1d1d1d;
border:0;
box-shadow:none;
}

.main-portal .portal-section-frame-highlight,
.main-portal .portal-section-frame-shadow,
.main-portal .portal-section-well-highlight,
.main-portal .portal-section-well-shadow {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-section-frame-highlight,
.main-portal .portal-section-well-highlight {
stroke:#555555;
}

.main-portal .portal-section-frame-shadow,
.main-portal .portal-section-well-shadow {
stroke:#101010;
}

.main-portal .portal-section-anchor,
.main-portal .portal-section-button-geometry {
pointer-events:auto;
}

.main-portal .portal-section-label {
fill:#e2e2e2;
}

/* 선언문 전용 장식은 길라잡이 화면으로 넘어갈 때 함께 숨긴다. */
.main-portal.is-guide-screen-active .main-body-well > .wiki-decoration,
.main-portal.is-guide-screen-active .main-body-well > [data-wiki-decoration-rendered="1"] {
visibility:hidden !important;
pointer-events:none !important;
}

@media screen and (max-width:700px) {
.main-portal .main-manifesto {
padding-top:10px;
overflow-x:auto;
justify-content:flex-start;
}
}

/* -----------------------------------------
하단 길라잡이 버튼
-----------------------------------------
상단의 설정–프로젝트–기업 및 공동체 합산 폭을 공유한다.
사선 방향은 상단 묶음과 반대로, 넓은 변이 하단에 놓인다.
*/
.main-portal [data-component="category-guide-nav"] {
flex:0 0 auto;
display:block;
width:100%;
margin:2px 0 0;
padding:0;
position:relative;
z-index:2147483000 !important;
pointer-events:auto;
}

.main-portal .portal-guide-label {
fill:#e2e2e2;
}

/* 본문 데코가 별도 stacking context를 만들더라도 길라잡이 클릭면을 최상단에 유지한다. */
.main-portal .portal-guide-nav,
.main-portal .portal-guide-svg,
.main-portal .portal-guide-anchor {
position:relative;
z-index:2147483000 !important;
}

/* -----------------------------------------
대문 본문 패널 / 실제 래퍼·데코 클리핑
-----------------------------------------
구조:
로고 → 상단 버튼 → #1d1d1d 본문 프레임
└ #080808 우물
├ 선언문
├ 대문 데코
└ 길라잡이

외곽 프레임과 내부 우물 모두 paint를 잘라낸다.
따라서 데코는 저장된 좌표와 z-index에 관계없이
#1d1d1d 프레임의 경계를 넘어 보일 수 없다.
*/
.main-portal .main-body-panel {
flex:1 0 auto;
min-height:0;
width:100%;
margin:2px 0 0;
padding:9px;
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
isolation:isolate;
background:#1d1d1d;
border:1px solid #050505;
border-radius:0;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010;
}

.main-portal .main-body-well {
flex:1 0 auto;
min-height:0;
width:100%;
position:relative;
display:flex;
flex-direction:column;
overflow:hidden;
isolation:isolate;
background:#080808;
border:0;
/* 오목한 우물의 안쪽 경계: 상단/우측 어둡게, 좌측/하단 밝게. */
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555;
}

/* 기존 선언문 좌표와 폭은 유지하되 새 우물 안의 흐름 요소로 둔다. */
.main-portal .main-body-well > .main-manifesto {
flex:1 0 auto;
min-height:0;
width:100%;
margin:0 !important;
/*
길라잡이 하단에 추가한 3px을 전체 높이에 더하지 않는다.
기존 하단 여유 24px 안에서 3px을 넘겨 전체 패널 높이를 보존한다.
*/
padding:10px 0 21px !important;
position:relative !important;
top:auto !important;
left:auto !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
transform:none !important;
z-index:1;
}

/*
대문 장식 렌더러가 일반 장식을 이 우물의 직접 자식으로 넣는다.
position:absolute를 보장하고, 우물 overflow:hidden으로 절단한다.
*/
.main-portal .main-body-well > .wiki-decoration,
.main-portal .main-body-well > [data-wiki-decoration-rendered="1"] {
position:absolute !important;
margin:0 !important;
max-width:none !important;
max-height:none !important;
}

/* 길라잡이는 우물 최하단의 정상 흐름 요소다. */
.main-portal .main-body-well > [data-component="category-guide-nav"] {
display:block !important;
width:100% !important;
min-width:0 !important;
max-width:none !important;
/*
위쪽은 2px.
아래쪽은 우물의 1px inset을 제외하고 순수 #080808이 2px 보이도록
CSS margin-bottom을 3px로 둔다.
*/
margin:2px 0 3px !important;
padding:0 !important;
position:relative !important;
overflow:visible !important;
z-index:2147483000 !important;
pointer-events:auto !important;
}

.main-portal .main-body-well .portal-guide-nav,
.main-portal .main-body-well .portal-guide-svg,
.main-portal .main-body-well .portal-guide-anchor {
position:relative;
z-index:2147483000 !important;
}

/* 실패했던 display:contents 우회 구조는 사용하지 않는다. */
.main-portal > .main-body-panel,
.main-portal .main-body-well {
box-sizing:border-box;
}

@media screen and (max-width:700px) {
.main-portal .main-body-panel {
min-width:660px;
}
}

/* -----------------------------------------
대문 높이 체인 / 외부 스크롤 완전 제거
-----------------------------------------
Layout.css의 .mw-parser-output은 일반 문서를 위해 overflow-y:auto이다.
대문에서는 전체 패널이 남은 높이를 정확히 나눠 써야 하므로 예외 처리한다.

핵심:
- 바깥 스크롤 박스 비활성화
- 높이 전달 체인을 100%로 고정
- 각 세로 flex 구간을 flex:1 1 0으로 축소 가능하게 변경
- min-height:0으로 min-content 높이 강제 확장을 차단
*/
body.action-view.clbi-main-page .liberty-content-main,
body.action-view.clbi-main-page .liberty-content-main > #mw-content-text,
body.action-view.clbi-main-page .liberty-content-main > .mw-body-content,
body.action-view.clbi-main-page .liberty-content-main #mw-content-text,
body.action-view.clbi-main-page .liberty-content-main .mw-body-content,
body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
min-height:0 !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output {
flex:1 1 0 !important;
height:100% !important;
max-height:100% !important;
display:flex !important;
flex-direction:column !important;
overflow-y:hidden !important;
overflow-x:hidden !important;
scrollbar-width:none !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output::-webkit-scrollbar {
display:none !important;
width:0 !important;
height:0 !important;
}

body.action-view.clbi-main-page .liberty-content-main .mw-parser-output > .main-portal {
flex:1 1 0 !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
max-height:100% !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal {
flex:1 1 0 !important;
height:100% !important;
min-height:0 !important;
max-height:100% !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-panel {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-well {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

body.action-view.clbi-main-page .main-portal .main-body-well > .main-manifesto {
flex:1 1 0 !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
overflow:hidden !important;
}

/* 길라잡이는 외곽 테두리를 포함한 42px 정수 단면을 사용한다. */
/* -----------------------------------------
버튼 프레임 / 상단 유지·하단 연속 용접
-----------------------------------------
상단·하단 총 42px:
외곽1 + 프레임면7 + 우물2 + 버튼(테두리1 + 표면20 + 테두리1) + 우물2 + 프레임면7 + 외곽1

하단은 별도 ㄷ자 상자가 아니다.
본문 패널의 하단 외곽선 자체가 중앙에서 사선으로 올라갔다 내려오는
하나의 연속된 프레임이다.
*/

/* ─────────────────────────────────────────
상단: 버튼 24px / 프레임과 2px 간격을 실제로 확보
───────────────────────────────────────── */
.main-portal > [data-component="category-nav"] {
flex:none !important;
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
padding:8px !important;
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
box-sizing:border-box !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
border-radius:0 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav {
display:block !important;
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
max-height:none !important;
margin:0 !important;
padding:2px !important;
overflow:hidden !important;
box-sizing:border-box !important;
background:#080808 !important;
border:0 !important;
/* 2px 간격은 순수 #080808이며 별도 광원선을 두지 않는다. */
box-shadow:none !important;
}

/* ─────────────────────────────────────────
하단: 기본 하단 프레임 위로만 중앙 버튼 프레임이 돌출
───────────────────────────────────────── */

/*
본문 패널의 기본 하단 프레임 두께는 유지하고,
그 위로만 길라잡이 사다리꼴 프레임이 돌출된다.
패널 전체가 두꺼운 하단 밴드가 되지 않도록 한다.
*/
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:9px !important;
border-bottom:0 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010 !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] {
display:block !important;
position:absolute !important;
left:0 !important;
right:0 !important;
bottom:0 !important;
width:auto !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
isolation:isolate !important;
z-index:2147483000 !important;
pointer-events:auto !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
display:block !important;
position:absolute !important;
inset:0 !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
z-index:2147483000 !important;
}

/* 기본 하단 프레임 + 중앙 돌출 프레임 */
.main-portal .portal-guide-panel-bottom-surface,
.main-portal .portal-guide-weld-outer {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-guide-weld-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-guide-panel-bottom-edge,
.main-portal .portal-guide-weld-edge {
stroke:#050505;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 하단 기본 프레임: 상단만 #555555, 하단만 #101010. */
.main-portal .portal-guide-panel-bottom-highlight,
.main-portal .portal-guide-panel-bottom-shadow,
.main-portal .portal-guide-weld-shadow,
.main-portal .portal-guide-panel-bottom-inner {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 실제 길라잡이 버튼 외곽은 44px 사다리꼴이다. 바깥 돌출 프레임만 하단 기본 프레임과 용접된다. */
.main-portal .portal-guide-nav.is-continuous-weld
.portal-cat-inset-bottom {
display:block !important;
}

/*
길라잡이 진입 상태:
- 전체 좌표계가 65px에서 45px로 실제 축소된다.
- 중앙 버튼은 44px에서 24px으로만 줄고, #1d1d1d 실면 7px의 9/8px 프레임은 유지한다.
- 좌우 우물은 중앙 버튼과 접합되는 단일 메인 프레임이 하단에서 올라와 메운다.
*/
.main-portal .portal-guide-button-geometry {
transform:none;
}

.main-portal .portal-guide-rising-main-frame {
transform-box:fill-box;
transform-origin:center bottom;
}

.main-portal .portal-guide-rising-main-frame-edge {
fill:#050505;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-surface {
fill:#1d1d1d;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-highlight-top,
.main-portal .portal-guide-rising-main-frame-highlight-left {
fill:#555555;
stroke:none;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-rising-main-frame-shadow-right,
.main-portal .portal-guide-rising-main-frame-shadow-bottom {
fill:#101010;
stroke:none;
shape-rendering:crispEdges;
}

/* 예전 우물 내부 mount 규칙 차단 */
.main-portal .main-body-well > [data-component="category-guide-nav"],
body.action-view.clbi-main-page
.main-portal
.main-body-well > [data-component="category-guide-nav"] {
flex:none !important;
width:0 !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
}

@media screen and (max-width:700px) {
.main-portal > [data-component="category-nav"],
.main-portal .main-body-panel {
min-width:660px !important;
}
}

/* -----------------------------------------
광원선 중복 방지 확정 규칙
-----------------------------------------
#555555는 독립된 #1d1d1d 돌출면의 상단·우측에만 사용한다.
#101010은 같은 면의 좌측·하단에만 사용한다.
#080808 우물과 2px 간격에는 광원선을 추가하지 않는다.
*/
.main-portal > [data-component="category-nav"] > .portal-category-nav {
box-shadow:none !important;
}

/* 본문 우물은 오목한 방향성 선을 유지한다. */
.main-portal .main-body-well {
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

/* -----------------------------------------
프레임 안쪽선·하단 아치 오버레이 확정 규칙
-----------------------------------------
상단:
- 기존 구조와 치수 유지
- #1d1d1d 프레임의 안쪽 경계에 방향성 1px 선 추가
- 안쪽 우물 경계는 상단/우측 #101010, 좌측/하단 #555555
- 선은 프레임의 마지막 1px에 놓여 2px #080808 간격을 침범하지 않음

하단:
- main-body-panel의 원래 전체 프레임을 그대로 복구
- SVG는 전체 하단 프레임을 다시 그리지 않음
- 버튼과 하부를 비운 중앙 아치형 프레임 조각만 기존 프레임 위에 얹음
*/

/* 상단 외곽 프레임의 안쪽 우물 경계
우물은 오목하므로 돌출면과 반대 방향이다.
상단/우측 #101010, 좌측/하단 #555555. */
.main-portal > [data-component="category-nav"]::after {
content:"";
display:block;
position:absolute;
inset:8px;
z-index:3;
pointer-events:none;
box-sizing:border-box;
border-style:solid;
border-width:1px;
border-color:#101010 #101010 #555555 #555555;
}

/* 2px 우물 간격과 버튼은 안쪽선보다 아래 레이어에 둔다. */
.main-portal > [data-component="category-nav"] > .portal-category-nav {
z-index:1 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
z-index:1 !important;
}

/* 기존 본문 패널의 전체 프레임을 복구한다. */
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:9px !important;
border:1px solid #050505 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

/* 아치 오버레이 좌표계. 패널 하부 자체는 투명하게 둔다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

/* 아치 프레임 면과 내부 우물 */
.main-portal .portal-guide-arch-outer {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-guide-arch-well {
fill:#080808;
stroke:none;
}

/* 아치의 최외곽: 상단과 양쪽 사선만 */
.main-portal .portal-guide-arch-edge {
stroke:#050505;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 바깥 돌출면의 광원 */
.main-portal .portal-guide-arch-highlight {
stroke:#555555;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-arch-shadow {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 버튼과 마주 보는 하단 본문 프레임의 상단 1px만 담당한다.
선 stroke가 아니라 정수 좌표의 1px rect이므로 2px로 번지지 않는다. */
.main-portal .portal-guide-facing-highlight {
fill:#555555;
stroke:none;
shape-rendering:crispEdges;
}

/* 아치 안쪽 우물 경계: 상단/우측 어두움, 좌측 밝음. 하부는 열림. */
.main-portal .portal-guide-arch-inner-highlight {
stroke:#101010;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-guide-arch-inner-shadow {
stroke:#555555;
stroke-width:1;
fill:none;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

/* 이전 SVG가 그리던 독립 하단 프레임은 강제로 숨긴다. */
.main-portal .portal-guide-panel-bottom-surface,
.main-portal .portal-guide-panel-bottom-edge,
.main-portal .portal-guide-panel-bottom-highlight,
.main-portal .portal-guide-panel-bottom-shadow,
.main-portal .portal-guide-panel-bottom-inner,
.main-portal .portal-guide-weld-outer,
.main-portal .portal-guide-weld-well,
.main-portal .portal-guide-weld-edge,
.main-portal .portal-guide-weld-highlight,
.main-portal .portal-guide-weld-shadow {
display:none !important;
}

/* -----------------------------------------
최종 시각 픽셀 보정 / 20260712
-----------------------------------------
목표는 선언값이 아니라 화면에서 보이는 색 면이다.

상단 카테고리:
- 우물 inset 1px
- 순수 #080808 간격 2px
- 실제 버튼 22px
- 기존 전체 행 높이는 유지

본문 패널:
- #050505 외곽선 1px
- 방향성 inset 1px
- 순수 #1d1d1d 면 7px
- 내부 #080808 우물
*/

/* ─────────────────────────────────────────
상단 카테고리: 실제 보이는 우물 간격 2px
───────────────────────────────────────── */
.main-portal > [data-component="category-nav"] {
padding:8px !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
box-shadow:
inset 0 1px 0 #555555,
inset -1px 0 0 #555555,
inset 1px 0 0 #101010,
inset 0 -1px 0 #101010 !important;
}

/* 이전 border 기반 내부선은 코너 혼색을 만들므로 완전히 제거한다. */
.main-portal > [data-component="category-nav"]::after {
content:none !important;
display:none !important;
border:0 !important;
box-shadow:none !important;
}

/*
우물 inset 1px + padding 3px.
첫 1px은 inset이고, 그 뒤 순수 #080808이 정확히 2px 남는다.
*/
.main-portal > [data-component="category-nav"] > .portal-category-nav {
display:block !important;
position:relative !important;
width:100% !important;
height:auto !important;
margin:0 !important;
padding:3px !important;
box-sizing:border-box !important;
overflow:hidden !important;
background:#080808 !important;
border:0 !important;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
display:block !important;
position:relative !important;
inset:auto !important;
width:100% !important;
overflow:visible !important;
}

/* ─────────────────────────────────────────
본문 패널: 순수 #1d1d1d 면 7px + 선명한 inset
───────────────────────────────────────── */
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
padding:8px !important;
position:relative !important;
background:#1d1d1d !important;
border:1px solid #050505 !important;
border-radius:0 !important;
box-shadow:none !important;
}

/*
box-shadow 코너 중첩 대신 네 개의 불투명 1px 면을 직접 그린다.
첫 번째 레이어가 코너 우선권을 가진다.
- 상단 #555555가 좌상단/우상단 우선
- 우측 #555555가 우하단 우선
- 좌측/하단 #101010
*/
body.action-view.clbi-main-page .main-portal .main-body-panel::before,
.main-portal .main-body-panel::before {
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
z-index:2147482990 !important;
pointer-events:none !important;
border:0 !important;
background:
linear-gradient(#555555,#555555) 0 0 / 100% 1px no-repeat,
linear-gradient(#555555,#555555) 100% 0 / 1px 100% no-repeat,
linear-gradient(#101010,#101010) 0 0 / 1px 100% no-repeat,
linear-gradient(#101010,#101010) 0 100% / 100% 1px no-repeat !important;
}

/* 본문 우물의 오목한 inset도 최종 규칙으로 고정한다. */
.main-portal .main-body-well {
background:#080808 !important;
border:0 !important;
box-shadow:
inset 0 1px 0 #101010,
inset -1px 0 0 #101010,
inset 1px 0 0 #555555,
inset 0 -1px 0 #555555 !important;
}

/* -----------------------------------------
본문 프레임 최종 시각 폭 7px
-----------------------------------------
inset은 layout 폭을 소비하지 않고 padding 면 위에 그려진다.
따라서 순수 프레임 폭 7px 목표에는 padding 자체를 7px로 둔다.
상단 버튼과 하단 아치 구조는 변경하지 않는다.
*/
body.action-view.clbi-main-page .main-portal .main-body-panel,
.main-portal .main-body-panel {
/*
inset 1px이 프레임 면 위를 덮으므로 레이아웃 padding은 8px을 사용한다.
최종 화면에서 보이는 순수 #1d1d1d 면은 7px이다.
*/
padding:8px !important;
}

/* -----------------------------------------
하단 아치 프레임 외곽·하단 안쪽선 정확 보정 / 20260712
-----------------------------------------
대상 구분:
- 버튼 자체의 외곽 #050505는 유지
- 아치형 바깥 프레임의 외부 #050505만 제거
- 버튼 하단 inset은 기본 #101010 유지
- 아치 프레임 하단 안쪽 면에만 #555555 1px 추가
*/

/* 버튼 자체는 원래 마감으로 복구한다. */
.main-portal .portal-guide-nav .portal-cat-edge {
fill:#050505 !important;
}

.main-portal .portal-guide-nav .portal-cat-inset-bottom {
stroke:#101010 !important;
}

/* 아치형 프레임 바깥의 #050505 외곽선만 제거한다. */
.main-portal .portal-guide-arch-edge {
display:none !important;
}

/* 아치 프레임의 실제 하단 안쪽 면. 버튼과는 별도 요소다. */
.main-portal .portal-guide-arch-inner-bottom {
display:block !important;
fill:#555555 !important;
stroke:none !important;
shape-rendering:crispEdges;
}

/* 이전에 잘못 집었던 패널 하단 보조선에는 밝은 선을 두지 않는다. */
.main-portal .portal-guide-panel-bottom-inner {
stroke:#101010 !important;
}

/* -----------------------------------------
하단 길라잡이 통합 프레임 위치 확정 / 20260713
본문 패널의 원래 하단 프레임은 분리하지 않는다.
버튼·아치·클릭 영역만 현재 상태에서 1px 위로 이동한다.
----------------------------------------- */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
bottom:1px !important;
}

/* -----------------------------------------
하단 중앙 접합: 애드온 프레임 1px 연장 / 20260713
- 본문 패널의 원래 전체 프레임은 그대로 유지
- 버튼과 좌·우·상단 아치 프레임만 애드온
- 별도 #555555 하단선은 생성하지 않음
- JS가 아치 외곽면만 아래로 1px 연장하여 원래 우물 하단선을 같은 행에서 덮음
----------------------------------------- */
.main-portal .portal-guide-arch-inner-bottom {
display:none !important;
}

/* -----------------------------------------
대문 선언문 절차적 진입 애니메이션 / 20260713
-----------------------------------------
제목·구분선·본문 행은 실제 HTML 요소를 Web Animations API로 움직인다.
CSS transition 클래스 전환에 의존하지 않아 초기 진입·새로고침·SPA에서
최종 상태로 순간 점프하는 문제를 피한다.
*/

/*
원문은 기본 표시 상태다.
JS가 폰트·행 측정·구분선 DOM까지 모두 준비한 뒤 붙이는
.manifesto-intro-prepared만 애니메이션의 초기 프레임을 소유한다.
따라서 강력 새로고침이나 raw 스크립트 실패가 본문을 숨길 수 없다.
*/

.main-portal.manifesto-intro-prepared .main-manifesto-title {
position:relative !important;
opacity:0;
border-bottom:0 !important;
}

.main-portal .main-manifesto-title {
position:relative !important;
border-bottom:0 !important;
box-shadow:none !important;
background-image:none !important;
text-decoration:none !important;
}

.main-portal .main-manifesto-title::before,
.main-portal .main-manifesto-title::after {
content:none !important;
display:none !important;
}

.main-portal .main-manifesto-title > .manifesto-divider {
display:block;
position:absolute;
left:0;
right:0;
bottom:0;
width:100%;
height:1px;
margin:0;
padding:0;
overflow:visible;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
pointer-events:none;
z-index:4;
}

/* ManifestoIntro가 소유권을 얻은 뒤에는 이전 구분선 소스를 모두 차단한다. */
.main-portal.manifesto-divider-controlled .main-manifesto-title {
border-bottom:0 !important;
box-shadow:none !important;
background-image:none !important;
text-decoration:none !important;
}

.main-portal.manifesto-divider-controlled .main-manifesto-title::before,
.main-portal.manifesto-divider-controlled .main-manifesto-title::after,
.main-portal.manifesto-divider-controlled .main-manifesto-inner > hr,
.main-portal.manifesto-divider-controlled .main-manifesto-divider,
.main-portal.manifesto-divider-controlled [data-manifesto-divider-track] {
content:none !important;
display:none !important;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
display:block;
position:absolute;
top:0;
width:50%;
height:1px;
margin:0;
padding:0;
background:#626262;
border:0;
box-shadow:none;
transform:scaleX(0);
will-change:transform;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-left {
left:0;
transform-origin:100% 50%;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-right {
right:0;
transform-origin:0 50%;
}

/*
제목 구분선이 완성된 뒤 같은 위치에서 분리되어 본문 하단까지 내려가는 실선.
최종 이동 거리는 ManifestoIntro가 실제 렌더된 본문 높이를 정수 px로 측정한다.
*/
.main-portal .main-manifesto-inner > .manifesto-divider-drop {
display:block;
position:absolute;
left:0;
width:100%;
height:1px;
margin:0;
padding:0;
overflow:hidden;
background:#626262;
border:0;
box-shadow:none;
opacity:0;
transform:translateY(0);
will-change:transform, opacity;
pointer-events:none;
z-index:3;
}

.main-portal .main-manifesto-copy.manifesto-line-measuring .manifesto-measure-token {
display:inline;
white-space:normal;
font:inherit;
color:inherit;
}

.main-portal .main-manifesto-copy .manifesto-line {
display:block;
width:100%;
height:26px;
min-height:0;
max-height:26px;
margin:0;
padding:0;
overflow:visible;
opacity:1;
line-height:26px !important;
clip-path:inset(0 0 0 0);
will-change:height, max-height, opacity, clip-path;
}

.main-portal .main-manifesto-copy .manifesto-line-inner {
display:block;
width:100%;
height:26px;
margin:0;
padding:0;
line-height:26px !important;
opacity:1;
transform:translateY(0);
will-change:transform, opacity;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy {
visibility:visible !important;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line {
height:0;
max-height:0;
overflow:hidden;
opacity:0;
clip-path:inset(0 0 100% 0);
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line-inner {
opacity:.18;
transform:translateY(-10px);
}

.main-portal.manifesto-intro-complete .main-manifesto-title {
opacity:1;
border-bottom:0 !important;
}

.main-portal.manifesto-intro-complete .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
transform:scaleX(1);
}

.main-portal.manifesto-intro-complete .main-manifesto-copy .manifesto-line {
height:26px;
max-height:26px;
overflow:visible;
opacity:1;
clip-path:inset(0 0 0 0);
}

.main-portal.manifesto-intro-complete .main-manifesto-copy .manifesto-line-inner {
opacity:1;
transform:translateY(0);
}

@media (prefers-reduced-motion:reduce) {
.main-portal.manifesto-intro-prepared .main-manifesto-title {
opacity:1;
border-bottom:0 !important;
}

.main-portal .main-manifesto-title > .manifesto-divider {
display:block !important;
left:0 !important;
width:100% !important;
background:transparent !important;
}

.main-portal .main-manifesto-title > .manifesto-divider > .manifesto-divider-half {
transform:scaleX(1) !important;
}

.main-portal .main-manifesto-inner > .manifesto-divider-drop {
opacity:1;
}

.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line,
.main-portal.manifesto-intro-prepared .main-manifesto-copy .manifesto-line-inner {
height:26px;
max-height:26px;
overflow:visible;
opacity:1;
clip-path:none;
transform:none;
}
}
/* -----------------------------------------
사선 프레임 단일 정수 좌표계 / 20260717
FrameGeometry.js의 1+7 / 2 / 1+20+1 / 2 / 7+1 정수 단면을 그대로 표시한다.
----------------------------------------- */
.main-portal > [data-component="category-nav"] {
flex:0 0 42px !important;
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"]::after {
content:none !important;
display:none !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav,
.main-portal > [data-component="category-nav"] .portal-category-svg {
display:block !important;
position:relative !important;
inset:auto !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="category-nav"] > .portal-category-nav {
overflow:hidden !important;
}

.main-portal > [data-component="category-nav"] .portal-category-svg {
overflow:visible !important;
}

.main-portal .portal-category-frame-edge {
fill:#050505;
stroke:none;
}

.main-portal .portal-category-frame-surface {
fill:#1d1d1d;
stroke:none;
}

.main-portal .portal-category-frame-well {
fill:#080808;
stroke:none;
}

.main-portal .portal-category-frame-highlight,
.main-portal .portal-category-frame-shadow,
.main-portal .portal-category-well-highlight,
.main-portal .portal-category-well-shadow {
fill:none;
stroke-width:1;
vector-effect:non-scaling-stroke;
shape-rendering:crispEdges;
}

.main-portal .portal-category-frame-highlight,
.main-portal .portal-category-well-highlight {
stroke:#555555;
}

.main-portal .portal-category-frame-shadow,
.main-portal .portal-category-well-shadow {
stroke:#101010;
}

.main-portal .portal-cat-anchor:hover .portal-cat-surface,
.main-portal .portal-cat-anchor:focus .portal-cat-surface,
.main-portal .portal-cat-anchor:active .portal-cat-surface {
fill:#1d1d1d;
}

.main-portal > [data-component="portal-section-nav"] {
flex:0 0 42px !important;
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:-9px 0 0 !important;
padding:0 !important;
position:relative !important;
overflow:hidden !important;
z-index:4 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal > [data-component="portal-section-nav"]::after {
content:none !important;
display:none !important;
}

.main-portal .portal-section-nav,
.main-portal .portal-section-svg {
display:block !important;
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-category-frame,
.main-portal .portal-section-frame,
.main-portal .portal-category-pillar,
.main-portal .portal-section-button-geometry,
.main-portal .portal-cat-edge,
.main-portal .portal-cat-surface,
.main-portal .portal-cat-hit {
shape-rendering:crispEdges;
}

/* 하단 길라잡이도 같은 42px 정수 단면과 반대 사선을 사용한다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
width:auto !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}

.main-portal .main-body-panel > [data-component="category-guide-nav"] > .portal-guide-nav,
.main-portal .main-body-panel > [data-component="category-guide-nav"] .portal-guide-svg {
width:100% !important;
height:42px !important;
min-height:42px !important;
max-height:42px !important;
margin:0 !important;
padding:0 !important;
overflow:visible !important;
}

.main-portal .portal-guide-arch-edge {
display:block !important;
stroke:#050505 !important;
}

.main-portal .portal-guide-arch-outer {
fill:#1d1d1d !important;
}

.main-portal .portal-guide-arch-well {
fill:#080808 !important;
}

/* main-body-panel의 1px 좌우 외곽선을 보정해 상단 seam 좌표폭과 일치시킨다. */
.main-portal .main-body-panel > [data-component="category-guide-nav"] {
left:-1px !important;
right:-1px !important;
width:auto !important;
}
/* -----------------------------------------
대문 사선 프레임 canvas 픽셀 렌더링 / 20260717
SVG polygon 표시 계층을 대체한다. shell scale은 안쪽 레이어에서 역보정한다.
----------------------------------------- */
.main-portal .portal-frame-counter-host {
position:relative !important;
display:block !important;
width:100% !important;
margin-right:0 !important;
margin-left:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-frame-canvas-nav {
position:relative !important;
display:block !important;
width:100% !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
}

.main-portal .portal-frame-counter-inner {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
transform-origin:top left !important;
overflow:visible !important;
pointer-events:auto !important;
}

.main-portal .portal-frame-canvas {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
image-rendering:pixelated;
image-rendering:crisp-edges;
background:#080808;
border:0 !important;
box-shadow:none !important;
pointer-events:none !important;
}

.main-portal .portal-frame-hit-layer {
position:absolute !important;
top:0 !important;
left:0 !important;
display:block !important;
margin:0 !important;
padding:0 !important;
overflow:hidden !important;
pointer-events:none !important;
}

.main-portal .portal-frame-hit {
position:absolute !important;
display:block !important;
margin:0 !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
outline:0 !important;
text-decoration:none !important;
pointer-events:auto !important;
cursor:pointer;
}

.main-portal .portal-frame-hit:focus-visible {
outline:1px solid #e2e2e2 !important;
outline-offset:-2px !important;
}

.main-portal .portal-category-pillar-hit {
pointer-events:none !important;
cursor:default !important;
}

.main-portal .portal-frame-sr-label {
position:absolute !important;
width:1px !important;
height:1px !important;
padding:0 !important;
margin:-1px !important;
overflow:hidden !important;
clip:rect(0, 0, 0, 0) !important;
white-space:nowrap !important;
border:0 !important;
}

.main-portal .portal-category-canvas,
.main-portal .portal-section-canvas,
.main-portal .portal-guide-canvas {
width:auto !important;
height:auto !important;
}

.main-portal > [data-component="portal-section-nav"]::after,
.main-portal .portal-category-svg,
.main-portal .portal-section-svg,
.main-portal .portal-guide-svg {
display:none !important;
}

미디어위키:BottomGuideNav.js

2026-07-17T09:27:37Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-api-contract-fix-20260717 (1) / js/BottomGuideNav.js

/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 canvas 픽셀 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var COMPONENT = 'category-guide-nav';
var retryTimer = 0;
var geometryWaitTimer = 0;
var resizeTimer = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key:'start', label:'처음 오셨다면' },
{ key:'world', label:'세계관' },
{ key:'era', label:'시대' },
{ key:'people', label:'인물' },
{ key:'anecdote', label:'에넥도트' },
{ key:'participate', label:'참여 안내' }
];

var EXPECTED_FRAME_API = '20260717-canvas-api-002';
var REQUIRED_FRAME_FUNCTIONS = ['getShellScale', 'readRenderWidth', 'createCanvas', 'applyCounterScale', 'createImage', 'paintStandardFrame', 'buildReverseButtonPixels', 'paintGrid', 'buttonMask', 'drawLabel', 'onSeams', 'onScale'];
var REQUIRED_FRAME_OBJECTS = ['FRAME', 'DIMENSIONS'];
var frameWarningSignature = '';
var frameListenersBound = false;

function reportFrameContract(frame, missing) {
var version = frame && frame.apiVersion ? frame.apiVersion : '없음';
var signature = version + '|' + missing.join('|');
if (signature === frameWarningSignature) return;
frameWarningSignature = signature;
if (window.console && typeof window.console.error === 'function') {
window.console.error(
'[FrameGeometry 구버전 감지: BottomGuideNav.js와 MediaWiki:FrameGeometry.js를 같은 배포 세트로 업데이트하세요] ' +
'필요 API=' + EXPECTED_FRAME_API + ', 현재=' + version +
', 누락/불일치=' + (missing.length ? missing.join(', ') : 'apiVersion')
);
}
}

function api() {
var frame = window.CLBI && window.CLBI.frame;
var missing = [];
if (!frame) {
reportFrameContract(null, ['window.CLBI.frame']);
return null;
}
if (frame.apiVersion !== EXPECTED_FRAME_API) missing.push('apiVersion');
REQUIRED_FRAME_OBJECTS.forEach(function (name) {
if (!frame[name] || typeof frame[name] !== 'object') missing.push(name);
});
REQUIRED_FRAME_FUNCTIONS.forEach(function (name) {
if (typeof frame[name] !== 'function') missing.push(name + '()');
});
if (missing.length) {
reportFrameContract(frame, missing);
return null;
}
frameWarningSignature = '';
return frame;
}

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');
if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');
if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}
if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}
script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () { settle(false); };
timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);
(document.head || document.documentElement).appendChild(script);
});
return manifestoIntroPromise;
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}
if (manifesto && manifesto.parentNode !== well) well.insertBefore(manifesto, well.firstChild);
return { panel:panel, well:well };
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;
screen.hidden = !!hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
screen.classList.toggle('is-main-body-screen-hidden', !!hidden);
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});
Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;
if (!guide) return null;
menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');
GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');
wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));
button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');
number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');
label.className = 'main-guide-menu-label';
label.textContent = item.label;
arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';
button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) { event.preventDefault(); });
wrapper.appendChild(button);
menu.appendChild(wrapper);
});
guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;
guide.classList.remove('is-guide-menu-entering');
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') || 'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}
if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen', 'main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}
ensureGuideDummyMenu(guide);
panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);
if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) active = 'manifesto';
panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}
return {
well:layout.well,
panels:panels,
manifesto:manifesto,
guide:guide,
active:active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;
if (!portal) return false;
screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;
previous = screens.active;
active = screenName;
screens.panels.forEach(function (panel) {
setBodyScreenHidden(panel, panel.getAttribute('data-main-body-screen') !== active);
});
screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && previous !== active) restartGuideMenuAnimation(screens.guide);
else if (active !== 'guide' && screens.guide) screens.guide.classList.remove('is-guide-menu-entering');
render(portal);
if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles:true,
detail:{ screen:active, previous:previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}
return true;
}

function toggleBodyScreen(portal) {
var screens;
if (!portal) return false;
screens = ensureBodyScreens(portal);
return activateBodyScreen(portal, screens.active === 'guide' ? 'manifesto' : 'guide');
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;
if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;
portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;
event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') event.stopImmediatePropagation();
}

if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
ensureBodyScreens(portal);
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}
if (mount.parentNode !== layout.panel) layout.panel.appendChild(mount);
return mount;
}

function guideButton(seams) {
var frame = api();
var d = frame.DIMENSIONS;
var step = Math.floor(d.BUTTON_EDGE_BOTTOM / frame.FRAME.SLANT_RISE);
var left = seams.settingsLeftOriginX + step;
var right = seams.corpRightOriginX - step;
return {
x:Math.round(left),
y:d.BUTTON_EDGE_TOP,
btnW:Math.max(4, Math.round(right - left)),
pixelHeight:d.BUTTON_TOTAL,
slant:'both'
};
}

function draw(canvas, button, label, hover) {
var frame = api();
var ctx = canvas.getContext('2d');
var image = frame.createImage(ctx, canvas.width, canvas.height, 'BG');
var grid;
var mask;
var center;

frame.paintStandardFrame(image, canvas.width, canvas.height);
grid = frame.buildReverseButtonPixels(
button.btnW,
frame.FRAME.BUTTON_FACE,
button.slant,
0
);
frame.paintGrid(image, canvas.width, canvas.height, grid, button.x, button.y, true);
ctx.putImageData(image, 0, 0);
mask = frame.buttonMask(
button.btnW,
frame.FRAME.BUTTON_FACE - 1 - Math.floor(frame.FRAME.BUTTON_FACE / 2),
button.slant,
0
);
center = button.x + Math.round((mask.left + mask.right) / 2);
frame.drawLabel(
ctx,
label,
center,
Math.round((frame.DIMENSIONS.BUTTON_SURFACE_TOP + frame.DIMENSIONS.BUTTON_SURFACE_BOTTOM) / 2) + 1,
hover,
canvas.width <= 820 ? 11 : 12
);
}

function render(portal) {
var frame = api();
var seams;
var mount;
var width;
var guideActive;
var label;
var targetScreen;
var href;
var button;
var nav;
var inner;
var canvas;
var hitLayer;
var anchor;
var hiddenLabel;
var redraw;

if (!frame) {
window.clearTimeout(geometryWaitTimer);
geometryWaitTimer = window.setTimeout(function () {
geometryWaitTimer = 0;
render(portal);
}, 50);
return false;
}
seams = frame.seams;
if (!seams || !seams.width) return false;
mount = ensureMount(portal);
width = seams.width || frame.readRenderWidth(mount);
if (!width) return false;

guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
label = guideActive ? '돌아가기' : '길라잡이';
targetScreen = guideActive ? 'manifesto' : 'guide';
href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
button = guideButton(seams);
if (
mount.getAttribute('data-bottom-guide-width') === String(width) &&
mount.getAttribute('data-bottom-guide-label') === label &&
mount.getAttribute('data-bottom-guide-scale') === String(frame.getShellScale()) &&
mount.querySelector('.portal-guide-canvas')
) {
return true;
}

nav = document.createElement('nav');
nav.className = 'portal-category-nav portal-guide-nav portal-frame-canvas-nav is-continuous-weld';
nav.setAttribute('aria-label', label);
nav.__frameHover = false;

inner = document.createElement('div');
inner.className = 'portal-frame-counter-inner portal-guide-counter-inner';
inner.style.width = width + 'px';

canvas = frame.createCanvas('portal-frame-canvas portal-guide-canvas', width, frame.DIMENSIONS.ROW_HEIGHT);
canvas.setAttribute('data-frame-width', String(width));
canvas.setAttribute('data-frame-height', String(frame.DIMENSIONS.ROW_HEIGHT));

hitLayer = document.createElement('div');
hitLayer.className = 'portal-frame-hit-layer';
hitLayer.style.width = width + 'px';
hitLayer.style.height = frame.DIMENSIONS.ROW_HEIGHT + 'px';

anchor = document.createElement('a');
anchor.className = 'portal-frame-hit portal-guide-anchor';
anchor.href = href;
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
anchor.style.left = button.x + 'px';
anchor.style.top = button.y + 'px';
anchor.style.width = (button.btnW + 2) + 'px';
anchor.style.height = button.pixelHeight + 'px';
hiddenLabel = document.createElement('span');
hiddenLabel.className = 'portal-frame-sr-label portal-guide-label';
hiddenLabel.textContent = label;
anchor.appendChild(hiddenLabel);

redraw = function () { draw(canvas, button, label, nav.__frameHover); };
anchor.addEventListener('mouseenter', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('mouseleave', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('focus', function () {
nav.__frameHover = true;
redraw();
});
anchor.addEventListener('blur', function () {
nav.__frameHover = false;
redraw();
});
anchor.addEventListener('click', function (event) {
if (event && (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)) return;
if (toggleBodyScreen(portal) && event) event.preventDefault();
});

hitLayer.appendChild(anchor);
inner.appendChild(canvas);
inner.appendChild(hitLayer);
nav.appendChild(inner);
mount.replaceChildren(nav);
frame.applyCounterScale(
[mount, nav],
inner,
frame.DIMENSIONS.ROW_HEIGHT
);
redraw();

mount.setAttribute('data-bottom-guide-rendered', 'canvas');
mount.setAttribute('data-bottom-guide-width', String(width));
mount.setAttribute('data-bottom-guide-label', label);
mount.setAttribute('data-bottom-guide-scale', String(frame.getShellScale()));
return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);
retryTimer = window.setTimeout(function () {
var portal = findPortal(root);
if (!portal) return;
if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}
if (observer) observer.disconnect();
if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () { render(portal); }, 60);
});
observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

function bindFrameListeners() {
var frame = api();
if (!frame || frameListenersBound) return false;
frameListenersBound = true;
frame.onSeams(function () { schedule(document, 0); });
frame.onScale(function () { schedule(document, 0); });
return true;
}

revealManifesto(document);
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { boot(document); }, { once:true });
} else {
boot(document);
}
window.addEventListener('load', function () { boot(document); }, { once:true });
window.addEventListener('pageshow', function () { boot(document); });
bindFrameListeners();
document.addEventListener('framegeometryready', function () {
if (bindFrameListeners()) schedule(document, 0);
});
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version:'20260717-canvas-pixel-002',
render:function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate:function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle:function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status:function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');
return {
loaded:true,
portal:!!portal,
mount:!!mount,
rendered:!!(mount && mount.querySelector('.portal-guide-canvas')),
generated:!!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel:!!(portal && portal.querySelector('.main-body-panel')),
well:!!(portal && portal.querySelector('.main-body-well')),
insidePanel:!!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded:!!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen:portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen:!!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width:mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:CategoryNav.js

2026-07-17T08:18:58Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-pixel-20260717 / js/CategoryNav.js

미디어위키:BottomGuideNav.js

2026-07-17T08:18:57Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-pixel-20260717 / js/BottomGuideNav.js

미디어위키:MainPage.css

2026-07-17T08:18:57Z

Nxdsxn: Install package: clbiwiki-portal-frame-canvas-pixel-20260717 / css/MainPage.css

미디어위키:PortalSectionNav.js

2026-07-17T04:00:19Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / js/PortalSectionNav.js

/* =========================================
PortalSectionNav
대문 상단 카테고리 하단 부착형 섹션 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var XLINK_NS = 'http://www.w3.org/1999/xlink';
var COMPONENT = 'portal-section-nav';
var VERSION = '20260717-pixel-stack-042';
var renderTimer = 0;
var ITEMS = [
{ key:'black-ice', label:'블랙 아이스', title:'대문' },
{ key:'anecdote', label:'에넥도트', href:'/index.php/특수:모든문서?namespace=3000' }
];

function api() {
return window.CLBI && window.CLBI.frame;
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function ensureMount(portal, topMount) {
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
}
if (mount.parentNode !== topMount.parentNode || topMount.nextSibling !== mount) {
topMount.parentNode.insertBefore(mount, topMount.nextSibling);
}
return mount;
}

function outerGeometry(seams) {
var frame = api();
var d = frame.DIMENSIONS;
var phase = seams.bottomStartAbsY % frame.FRAME.SLANT_RISE;
var leftSeamX = frame.slantX(
seams.settingsLeftTopX,
seams.bottomStartAbsY,
seams.settingsLeftDir,
0
);
var rightSeamX = frame.slantX(
seams.corpRightTopX,
seams.bottomStartAbsY,
seams.corpRightDir,
0
);

return {
phase:phase,
leftSeamX:leftSeamX,
rightSeamX:rightSeamX,
leftDir:seams.settingsLeftDir,
rightDir:seams.corpRightDir,
points:frame.segment(
leftSeamX,
rightSeamX,
d.ROW_HEIGHT,
seams.settingsLeftDir,
seams.corpRightDir,
phase
)
};
}

function appendFrame(svg, geometry) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var group = frame.create('g', 'portal-section-frame');
var surface = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.FRAME_SURFACE_TOP,
d.ROW_HEIGHT - f.BORDER,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.BORDER,
f.BORDER
);
var well = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.WELL_TOP,
d.WELL2_BOTTOM,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
d.WELL_TOP,
d.WELL_TOP
);
var joinCover = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
0,
d.OVERLAP,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
0,
0
);
var frameTopRow = frame.rowAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.OVERLAP,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.BORDER,
f.BORDER
);
var frameBottomRow = frame.rowAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.ROW_HEIGHT - f.BORDER - f.BEVEL,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.BORDER,
f.BORDER
);
var wellTopRow = frame.rowAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.WELL_TOP,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
d.WELL_TOP,
d.WELL_TOP
);
var wellBottomRow = frame.rowAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.WELL2_BOTTOM - f.BEVEL,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
d.WELL_TOP,
d.WELL_TOP
);

group.appendChild(frame.polygon('portal-section-frame-edge', geometry.points));
group.appendChild(frame.polygon('portal-section-frame-surface', surface));
group.appendChild(frame.polygon('portal-section-frame-well', well));
group.appendChild(frame.polygon('portal-section-join-side-cover', joinCover));
group.appendChild(frame.line('portal-section-frame-shadow', frameBottomRow[0], frameTopRow[0]));
group.appendChild(frame.line('portal-section-frame-highlight', frameTopRow[1], frameBottomRow[1]));
group.appendChild(frame.line('portal-section-well-shadow', wellTopRow[0], wellTopRow[1]));
group.appendChild(frame.line('portal-section-well-shadow', wellTopRow[1], wellBottomRow[1]));
group.appendChild(frame.line('portal-section-well-highlight', wellBottomRow[0], wellTopRow[0]));
group.appendChild(frame.line('portal-section-well-highlight', wellBottomRow[1], wellBottomRow[0]));
svg.appendChild(group);
}

function splitButtons(geometry) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var leftBase = geometry.leftSeamX + d.WELL_BOTTOM;
var rightBase = geometry.rightSeamX - d.WELL_BOTTOM;
var leftTop = frame.slantX(leftBase, d.BUTTON_TOP, geometry.leftDir, geometry.phase);
var rightTop = frame.slantX(rightBase, d.BUTTON_TOP, geometry.rightDir, geometry.phase);
var topMid = Math.round((leftTop + rightTop) / 2);
var halfGap = f.GAP / 2;

return [
{
leftTopX:leftBase,
rightTopX:topMid - halfGap,
leftDir:geometry.leftDir,
rightDir:0,
phase:geometry.phase
},
{
leftTopX:topMid + halfGap,
rightTopX:rightBase,
leftDir:0,
rightDir:geometry.rightDir,
phase:geometry.phase
}
];
}

function appendButton(svg, item, button) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var points = frame.segmentAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_EDGE_TOP,
d.BUTTON_EDGE_BOTTOM,
button.leftDir,
button.rightDir,
button.phase,
0,
0
);
var surface = frame.segmentAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_SURFACE_TOP,
d.BUTTON_SURFACE_BOTTOM,
button.leftDir,
button.rightDir,
button.phase,
f.BORDER,
f.BORDER
);
var topInset = frame.rowAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_SURFACE_TOP,
button.leftDir,
button.rightDir,
button.phase,
f.BORDER,
f.BORDER
);
var bottomInset = frame.rowAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_SURFACE_BOTTOM - f.BEVEL,
button.leftDir,
button.rightDir,
button.phase,
f.BORDER,
f.BORDER
);
var anchor = frame.create('a', 'portal-cat-anchor portal-section-anchor');
var group = frame.create('g', 'portal-section-button-geometry');
var hit = frame.polygon('portal-cat-hit', points);
var text = frame.create('text', 'portal-cat-label portal-section-label');
var href = item.href || buildWikiPath(item.title);

anchor.setAttribute('data-category-key', item.key);
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', item.label);
group.appendChild(frame.polygon('portal-cat-edge', points));
group.appendChild(frame.polygon('portal-cat-surface', surface));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-top', topInset[0], topInset[1]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-right', topInset[1], bottomInset[1]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-bottom', bottomInset[1], bottomInset[0]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-left', bottomInset[0], topInset[0]));
hit.setAttribute('pointer-events', 'all');
group.appendChild(hit);
anchor.appendChild(group);

text.setAttribute('x', frame.centerX(surface));
text.setAttribute('y', Math.round((d.BUTTON_SURFACE_TOP + d.BUTTON_SURFACE_BOTTOM) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.textContent = item.label;
anchor.appendChild(text);
svg.appendChild(anchor);
}

function renderPortal(portal, seams) {
var frame = api();
var current = seams || (frame && frame.seams);
var topMount;
var mount;
var nav;
var svg;
var geometry;
var buttons;

if (!frame || !portal || !current || !current.width) return false;
topMount = portal.querySelector('[data-component="category-nav"]');
if (!topMount) return false;
mount = ensureMount(portal, topMount);
geometry = outerGeometry(current);
buttons = splitButtons(geometry);
nav = document.createElement('nav');
nav.className = 'portal-section-nav';
nav.setAttribute('aria-label', '작품 영역');
svg = frame.create('svg', 'portal-section-svg');
svg.setAttribute('viewBox', '0 0 ' + current.width + ' ' + frame.DIMENSIONS.ROW_HEIGHT);
svg.setAttribute('width', '100%');
svg.setAttribute('height', frame.DIMENSIONS.ROW_HEIGHT);
svg.setAttribute('preserveAspectRatio', 'none');
svg.setAttribute('data-frame-width', current.width);

appendFrame(svg, geometry);
ITEMS.forEach(function (item, index) { appendButton(svg, item, buttons[index]); });
nav.appendChild(svg);
mount.replaceChildren(nav);
mount.setAttribute('data-portal-section-rendered', '1');
mount.setAttribute('data-portal-section-width', String(current.width));
mount.setAttribute('data-portal-section-phase', String(geometry.phase));
return true;
}

function collectPortals(root) {
var scope = root && root.querySelectorAll ? root : document;
var portals = [];
if (scope.matches && scope.matches('.main-portal')) portals.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('.main-portal'), function (portal) {
if (portals.indexOf(portal) === -1) portals.push(portal);
});
return portals;
}

function renderAll(root, seams) {
var rendered = 0;
collectPortals(root).forEach(function (portal) {
if (renderPortal(portal, seams)) rendered += 1;
});
return rendered;
}

function schedule(root, seams) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document, seams);
}, 0);
}

if (api()) api().onSeams(function (seams) { schedule(document, seams); });
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}

window.PortalSectionNav = {
version:VERSION,
init:renderAll,
render:renderPortal,
renderAll:renderAll
};
}(window, document, window.mw));

미디어위키:FrameGeometry.js

2026-07-17T04:00:19Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / js/FrameGeometry.js

/* =========================================
FrameGeometry
대문 사선 프레임 공통 정수 좌표계
========================================= */

(function (w, document) {
'use strict';

var SVG_NS = 'http://www.w3.org/2000/svg';
var FRAME = {
BORDER:1,
BEVEL:1,
SLANT_RISE:2,
SLANT_RUN:1,
BUTTON_FACE:20,
FRAME_FACE:7,
GAP:2,
COLORS:{
border:'#050505',
surface:'#1d1d1d',
well:'#080808',
highlight:'#555555',
shadow:'#101010',
label:'#e2e2e2'
}
};
var DIMENSIONS = {
FRAME_SURFACE_TOP:FRAME.BORDER,
FRAME_SURFACE_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE,
WELL_TOP:FRAME.BORDER + FRAME.FRAME_FACE,
WELL_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP,
BUTTON_EDGE_TOP:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP,
BUTTON_SURFACE_TOP:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER,
BUTTON_SURFACE_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE,
BUTTON_EDGE_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER,
WELL2_TOP:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER,
WELL2_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER + FRAME.GAP,
FRAME2_SURFACE_TOP:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER + FRAME.GAP,
FRAME2_SURFACE_BOTTOM:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER + FRAME.GAP + FRAME.FRAME_FACE,
ROW_HEIGHT:FRAME.BORDER + FRAME.FRAME_FACE + FRAME.GAP + FRAME.BORDER + FRAME.BUTTON_FACE + FRAME.BORDER + FRAME.GAP + FRAME.FRAME_FACE + FRAME.BORDER,
OVERLAP:FRAME.FRAME_FACE + FRAME.GAP
};

/* 기존 소비 파일의 이름은 정본 좌표에 대한 별칭으로만 유지한다. */
DIMENSIONS.TOP_FRAME = DIMENSIONS.FRAME_SURFACE_BOTTOM;
DIMENSIONS.BUTTON_TOP = DIMENSIONS.BUTTON_EDGE_TOP;
DIMENSIONS.BUTTON_BOTTOM = DIMENSIONS.BUTTON_EDGE_BOTTOM;
DIMENSIONS.BOTTOM_FRAME = DIMENSIONS.ROW_HEIGHT - DIMENSIONS.FRAME2_SURFACE_TOP;
DIMENSIONS.BUTTON_TOTAL = DIMENSIONS.BUTTON_EDGE_BOTTOM - DIMENSIONS.BUTTON_EDGE_TOP;
var listeners = [];

DIMENSIONS.BOTTOM_START_ABS_Y = DIMENSIONS.ROW_HEIGHT - DIMENSIONS.OVERLAP;

function integer(value) {
return Math.round(Number(value) || 0);
}

function snapWidth(raw) {
return Math.floor(Number(raw) || 0);
}

function slantX(xTop, y, dir, phase) {
phase = phase || 0;
return xTop + dir * Math.floor((y + phase) / FRAME.SLANT_RISE) * FRAME.SLANT_RUN;
}

function segment(leftTopX, rightTopX, height, leftDir, rightDir, phase) {
return [
[integer(leftTopX), 0],
[integer(rightTopX), 0],
[integer(slantX(rightTopX, height, rightDir, phase)), integer(height)],
[integer(slantX(leftTopX, height, leftDir, phase)), integer(height)]
];
}

function segmentAt(leftTopX, rightTopX, topY, bottomY, leftDir, rightDir, phase, leftInset, rightInset) {
leftInset = integer(leftInset || 0);
rightInset = integer(rightInset || 0);
return [
[integer(slantX(leftTopX, topY, leftDir, phase) + leftInset), integer(topY)],
[integer(slantX(rightTopX, topY, rightDir, phase) - rightInset), integer(topY)],
[integer(slantX(rightTopX, bottomY, rightDir, phase) - rightInset), integer(bottomY)],
[integer(slantX(leftTopX, bottomY, leftDir, phase) + leftInset), integer(bottomY)]
];
}

function rowAt(leftTopX, rightTopX, y, leftDir, rightDir, phase, leftInset, rightInset) {
leftInset = integer(leftInset || 0);
rightInset = integer(rightInset || 0);
return [
[integer(slantX(leftTopX, y, leftDir, phase) + leftInset), integer(y)],
[integer(slantX(rightTopX, y, rightDir, phase) - rightInset), integer(y)]
];
}

function pts(points) {
return points.map(function (point) {
return integer(point[0]) + ',' + integer(point[1]);
}).join(' ');
}

function create(name, className) {
var node = document.createElementNS(SVG_NS, name);
if (className) node.setAttribute('class', className);
node.setAttribute('shape-rendering', 'crispEdges');
return node;
}

function polygon(className, points) {
var node = create('polygon', className);
node.setAttribute('points', pts(points));
node.setAttribute('pointer-events', 'none');
return node;
}

function line(className, start, end) {
var node = create('line', className);
node.setAttribute('x1', integer(start[0]));
node.setAttribute('y1', integer(start[1]));
node.setAttribute('x2', integer(end[0]));
node.setAttribute('y2', integer(end[1]));
node.setAttribute('vector-effect', 'non-scaling-stroke');
node.setAttribute('pointer-events', 'none');
return node;
}

function rect(className, x, y, width, height) {
var node = create('rect', className);
node.setAttribute('x', integer(x));
node.setAttribute('y', integer(y));
node.setAttribute('width', Math.max(0, integer(width)));
node.setAttribute('height', Math.max(0, integer(height)));
node.setAttribute('pointer-events', 'none');
return node;
}

function centerX(points) {
return integer((points[0][0] + points[1][0] + points[2][0] + points[3][0]) / 4);
}

function readWidth(node) {
if (!node) return 0;
return snapWidth(node.clientWidth || node.offsetWidth || 0);
}

function setSeams(next) {
var frame = w.CLBI.frame;
var copy = {};

Object.keys(next || {}).forEach(function (key) {
copy[key] = next[key];
});
copy.revision = integer((frame.seams && frame.seams.revision) || 0) + 1;
frame.seams = copy;

listeners.slice().forEach(function (listener) {
try { listener(copy); } catch (error) {}
});

try {
document.dispatchEvent(new CustomEvent('framegeometryseams', { detail:copy }));
} catch (error) {}

if (w.mw && w.mw.hook) {
w.mw.hook('frame.geometry.seams').fire(copy);
}
return copy;
}

function onSeams(listener) {
if (typeof listener !== 'function') return function () {};
listeners.push(listener);
if (w.CLBI.frame.seams && w.CLBI.frame.seams.width) {
listener(w.CLBI.frame.seams);
}
return function () {
var index = listeners.indexOf(listener);
if (index !== -1) listeners.splice(index, 1);
};
}

w.CLBI = w.CLBI || {};
w.CLBI.frame = {
FRAME:FRAME,
DIMENSIONS:DIMENSIONS,
slantX:slantX,
segment:segment,
segmentAt:segmentAt,
rowAt:rowAt,
pts:pts,
create:create,
polygon:polygon,
line:line,
rect:rect,
centerX:centerX,
snapWidth:snapWidth,
readWidth:readWidth,
setSeams:setSeams,
onSeams:onSeams,
seams:{}
};
}(window, document));

미디어위키:Common.js

2026-07-17T04:00:18Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / js/Common.js

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-pixel-spec-20260717-003';

/*
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 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 ensure() {
if (!isMainPage()) return Promise.resolve(false);

return loadStyle()
.then(function () {
return loadScript('MediaWiki:FrameGeometry.js');
})
.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 () {
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]'),
geometry: !!document.querySelector(
'script[data-main-page-fresh-script="MediaWiki:FrameGeometry.js"]'
),
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"]'
)
};
}

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

observer.observe(document.body, {
childList: true,
subtree: true
});
}

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

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

function render(now) {
if (halftoneState.runId !== runId || halftoneState.contextLost) {
return;
}

requestAnimationFrame(render);

if (document.hidden) {
return;
}

if (now - lastFrame < getFrameInterval()) {
return;
}

if (shouldSkipHalftoneDrawForGlobe()) {
lastFrame = now;
halftoneState.lastGlobeBusySkipAt = now;

/*
* Pause the halftone clock while a hard-busy globe frame owns the
* budget. Without this, the next visible background frame catches
* up to wall-clock time and the pattern appears to skip forward.
* Updating lastVisualNow here makes the animation resume from the
* last visible moment instead of replaying the hidden gap.
*/
lastVisualNow = now;
return;
}

lastFrame = now;
draw(now);
}

draw(performance.now());
requestAnimationFrame(render);
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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;

root.style.setProperty('--clbi-stage-design-w', stageW + 'px');
root.style.setProperty('--clbi-stage-design-h', Math.floor(stageH) + 'px');
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);

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;

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.getBoundingClientRect().height || top.offsetHeight || 0);
}

if (bottom) {
bottomH = Math.ceil(bottom.getBoundingClientRect().height || bottom.offsetHeight || 0);
}

root.style.setProperty('--clbi-top-nav-outer-h', topH + 'px');
root.style.setProperty('--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.setTimeout(requestClbiShellMetricsFrame, 0);
window.setTimeout(requestClbiShellMetricsFrame, 80);
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();

$(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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

$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.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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/\"/g, '"')
.replace(/'/g, ''');
}

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 ? ' ' : 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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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="/index.php?title=특수:Redirect/file/Pfp-default.png";">' +
'<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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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 t0 = performance.now();

function render() {
raf = requestAnimationFrame(render);
if (!texReady) { uploadImg(); 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(); }
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);
});
}

if (typeof MutationObserver === 'function') {
mainPagePlacementMutationObserver = new MutationObserver(scheduleMainPageDecorationRebase);
mainPagePlacementMutationObserver.observe(portal, { childList: true, subtree: true });
}
}

scheduleMainPageDecorationRebase();
window.setTimeout(scheduleMainPageDecorationRebase, 80);
window.setTimeout(scheduleMainPageDecorationRebase, 250);
}

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);

미디어위키:CategoryNav.js

2026-07-17T04:00:18Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / js/CategoryNav.js

/* =========================================
COASTLINE: BLACK ICE - CategoryNav
대문 카테고리 SVG 네비 생성기
========================================= */

(function (window, document, mw) {
'use strict';

var XLINK_NS = 'http://www.w3.org/1999/xlink';
var ITEMS = [
{ key:'era', label:'시대', title:'시대' },
{ key:'settings', label:'설정', title:'설정' },
{ key:'project', label:'프로젝트', title:'프로젝트:소개' },
{ key:'corporations', label:'기업 및 공동체', title:'기업_및_공동체' },
{ key:'military', label:'군, 정치집단', title:'군_정치집단' }
];
var BOUNDARY_DIRS = [0, 1, 1, -1, -1, 0];
var renderTimer = 0;

function geometryApi() {
return window.CLBI && window.CLBI.frame;
}

function buildPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function clearNode(node) {
while (node && node.firstChild) node.removeChild(node.firstChild);
}

function calculateGeometry(width) {
var api = geometryApi();
var frame = api.FRAME;
var dimensions = api.DIMENSIONS;
var contentLeft = dimensions.WELL_TOP;
var contentWidth = Math.max(ITEMS.length, width - dimensions.WELL_TOP * 2);
var boundaries = [];
var segments = [];
var i;

for (i = 0; i <= ITEMS.length; i++) {
boundaries.push(contentLeft + Math.round(contentWidth * i / ITEMS.length));
}

for (i = 0; i < ITEMS.length; i++) {
var leftTopX = boundaries[i] + (i === 0 ? 0 : frame.GAP / 2);
var rightTopX = boundaries[i + 1] - (i === ITEMS.length - 1 ? 0 : frame.GAP / 2);
segments.push({
leftTopX:leftTopX,
rightTopX:rightTopX,
leftDir:BOUNDARY_DIRS[i],
rightDir:BOUNDARY_DIRS[i + 1],
points:api.segmentAt(
leftTopX,
rightTopX,
dimensions.BUTTON_TOP,
dimensions.BUTTON_BOTTOM,
BOUNDARY_DIRS[i],
BOUNDARY_DIRS[i + 1],
0,
0,
0
)
});
}

return {
width:width,
boundaries:boundaries,
segments:segments,
dimensions:dimensions
};
}

function appendFrame(svg, geometry) {
var api = geometryApi();
var frame = api.FRAME;
var d = geometry.dimensions;
var width = geometry.width;
var group = api.create('g', 'portal-category-frame');
var surfaceLastX = width - d.FRAME_SURFACE_TOP - 1;
var surfaceLastY = d.ROW_HEIGHT - d.FRAME_SURFACE_TOP - 1;
var wellLastX = width - d.WELL_TOP - 1;
var wellLastY = d.WELL2_BOTTOM - 1;

group.appendChild(api.rect('portal-category-frame-edge', 0, 0, width, d.ROW_HEIGHT));
group.appendChild(api.rect(
'portal-category-frame-surface',
d.FRAME_SURFACE_TOP,
d.FRAME_SURFACE_TOP,
width - d.FRAME_SURFACE_TOP * 2,
d.ROW_HEIGHT - d.FRAME_SURFACE_TOP * 2
));
group.appendChild(api.rect(
'portal-category-frame-well',
d.WELL_TOP,
d.WELL_TOP,
width - d.WELL_TOP * 2,
d.WELL2_BOTTOM - d.WELL_TOP
));

group.appendChild(api.line(
'portal-category-frame-highlight',
[d.FRAME_SURFACE_TOP, d.FRAME_SURFACE_TOP],
[surfaceLastX, d.FRAME_SURFACE_TOP]
));
group.appendChild(api.line(
'portal-category-frame-highlight',
[surfaceLastX, d.FRAME_SURFACE_TOP],
[surfaceLastX, surfaceLastY]
));
group.appendChild(api.line(
'portal-category-frame-shadow',
[d.FRAME_SURFACE_TOP, surfaceLastY],
[d.FRAME_SURFACE_TOP, d.FRAME_SURFACE_TOP]
));
group.appendChild(api.line(
'portal-category-frame-shadow',
[surfaceLastX, surfaceLastY],
[d.FRAME_SURFACE_TOP, surfaceLastY]
));

group.appendChild(api.line(
'portal-category-well-shadow',
[d.WELL_TOP, d.WELL_TOP],
[wellLastX, d.WELL_TOP]
));
group.appendChild(api.line(
'portal-category-well-shadow',
[wellLastX, d.WELL_TOP],
[wellLastX, wellLastY]
));
group.appendChild(api.line(
'portal-category-well-highlight',
[d.WELL_TOP, wellLastY],
[d.WELL_TOP, d.WELL_TOP]
));
group.appendChild(api.line(
'portal-category-well-highlight',
[wellLastX, wellLastY],
[d.WELL_TOP, wellLastY]
));
svg.appendChild(group);
}

function createSegment(item, index, geometry) {
var api = geometryApi();
var frame = api.FRAME;
var data = geometry.segments[index];
var d = geometry.dimensions;
var anchor = api.create('a', 'portal-cat-anchor');
var outer = api.polygon('portal-cat-edge', data.points);
var surfacePoints = api.segmentAt(
data.leftTopX,
data.rightTopX,
d.BUTTON_SURFACE_TOP,
d.BUTTON_SURFACE_BOTTOM,
data.leftDir,
data.rightDir,
0,
frame.BORDER,
frame.BORDER
);
var topInset = api.rowAt(
data.leftTopX,
data.rightTopX,
d.BUTTON_SURFACE_TOP,
data.leftDir,
data.rightDir,
0,
frame.BORDER,
frame.BORDER
);
var bottomInset = api.rowAt(
data.leftTopX,
data.rightTopX,
d.BUTTON_SURFACE_BOTTOM - frame.BEVEL,
data.leftDir,
data.rightDir,
0,
frame.BORDER,
frame.BORDER
);
var hit = api.polygon('portal-cat-hit', data.points);
var text = api.create('text', 'portal-cat-label');
var href = buildPath(item.title);

anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', item.label);
anchor.setAttribute('data-category-key', item.key);

anchor.appendChild(outer);
anchor.appendChild(api.polygon('portal-cat-surface', surfacePoints));
anchor.appendChild(api.line('portal-cat-inset portal-cat-inset-top', topInset[0], topInset[1]));
anchor.appendChild(api.line('portal-cat-inset portal-cat-inset-right', topInset[1], bottomInset[1]));
anchor.appendChild(api.line('portal-cat-inset portal-cat-inset-bottom', bottomInset[1], bottomInset[0]));
anchor.appendChild(api.line('portal-cat-inset portal-cat-inset-left', bottomInset[0], topInset[0]));
hit.setAttribute('pointer-events', 'all');
anchor.appendChild(hit);

text.setAttribute('x', api.centerX(surfacePoints));
text.setAttribute('y', Math.round((d.BUTTON_SURFACE_TOP + d.BUTTON_SURFACE_BOTTOM) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.setAttribute('pointer-events', 'none');
text.textContent = item.label;
anchor.appendChild(text);
return anchor;
}

function publishSeams(geometry) {
var api = geometryApi();
var segments = geometry.segments;
var d = geometry.dimensions;

api.setSeams({
width:geometry.width,
rowHeight:d.ROW_HEIGHT,
buttonTop:d.BUTTON_TOP,
buttonBottom:d.BUTTON_BOTTOM,
overlap:d.OVERLAP,
bottomStartAbsY:d.BOTTOM_START_ABS_Y,
settingsLeftTopX:segments[1].leftTopX,
settingsLeftDir:segments[1].leftDir,
corpRightTopX:segments[3].rightTopX,
corpRightDir:segments[3].rightDir,
projectLeftTopX:segments[2].leftTopX,
projectLeftDir:segments[2].leftDir,
projectRightTopX:segments[2].rightTopX,
projectRightDir:segments[2].rightDir
});
}

function buildSvg(width) {
var api = geometryApi();
var geometry = calculateGeometry(width);
var svg = api.create('svg', 'portal-category-svg');

svg.setAttribute('viewBox', '0 0 ' + geometry.width + ' ' + geometry.dimensions.ROW_HEIGHT);
svg.setAttribute('width', '100%');
svg.setAttribute('height', geometry.dimensions.ROW_HEIGHT);
svg.setAttribute('preserveAspectRatio', 'none');
svg.setAttribute('aria-hidden', 'false');
svg.setAttribute('data-frame-width', geometry.width);

appendFrame(svg, geometry);
ITEMS.forEach(function (item, index) {
svg.appendChild(createSegment(item, index, geometry));
});

return { svg:svg, geometry:geometry };
}

function renderMount(mount) {
var api = geometryApi();
var width;
var nav;
var result;

if (!mount || !api) return false;
width = api.readWidth(mount);
if (!width) {
if (!mount.__categoryNavRetry) {
mount.__categoryNavRetry = window.setTimeout(function () {
mount.__categoryNavRetry = 0;
renderMount(mount);
}, 60);
}
return false;
}

if (mount.__categoryNavRetry) {
window.clearTimeout(mount.__categoryNavRetry);
mount.__categoryNavRetry = 0;
}
nav = mount.querySelector('.portal-category-nav');
if (!nav) {
clearNode(mount);
nav = document.createElement('nav');
nav.className = 'portal-category-nav';
nav.setAttribute('aria-label', 'Main categories');
mount.appendChild(nav);
}

if (nav.__frameWidth === width && nav.querySelector('.portal-category-svg')) {
publishSeams(calculateGeometry(width));
return true;
}

result = buildSvg(width);
nav.__frameWidth = width;
clearNode(nav);
nav.appendChild(result.svg);
mount.setAttribute('data-category-nav-rendered', '1');
publishSeams(result.geometry);

if (window.ResizeObserver && !mount.__categoryNavObserver) {
mount.__categoryNavObserver = new window.ResizeObserver(function () {
schedule(mount);
});
mount.__categoryNavObserver.observe(mount);
}
return true;
}

function renderAll(root) {
var scope = root && root.querySelectorAll ? root : document;
var mounts = [];
var rendered = 0;

if (scope.matches && scope.matches('[data-component="category-nav"]')) mounts.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('[data-component="category-nav"]'), function (mount) {
if (mounts.indexOf(mount) === -1) mounts.push(mount);
});
mounts.forEach(function (mount) {
if (renderMount(mount)) rendered += 1;
});
return rendered;
}

function schedule(root) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document);
}, 0);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () { renderAll(document); });
} else {
renderAll(document);
}

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}

window.addEventListener('resize', function () { schedule(document); });

window.CategoryNav = {
init:renderAll,
renderAll:renderAll,
renderMount:renderMount
};
window.CLBI = window.CLBI || {};
window.CLBI.categoryNav = {
init:renderAll,
renderMount:renderMount
};
}(window, document, window.mw));

미디어위키:BottomGuideNav.js

2026-07-17T04:00:18Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / js/BottomGuideNav.js

/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 SVG 버튼
========================================= */

/*
상단 CategoryNav와 분리해 로드한다.
FrameGeometry.js가 공유한 설정–프로젝트–기업 및 공동체 seam을 사용하며,
상단 SVG나 화면 rect를 다시 읽지 않는다.
*/

(function (window, document, mw) {
'use strict';

var SVG_NS = 'http://www.w3.org/2000/svg';
var XLINK_NS = 'http://www.w3.org/1999/xlink';
var COMPONENT = 'category-guide-nav';

/*
* FrameGeometry(window.CLBI.frame) 의존은 반드시 렌더 시점에 지연 접근한다.
* 모듈 로드 순서상 이 파일이 FrameGeometry.js보다 먼저 실행될 수 있으므로,
* 최상단에서 FRAME_API.FRAME 을 즉시 읽으면 undefined 참조로 파일 전체가 죽는다.
* (다른 프레임 모듈들과 동일하게 geometryApi() 함수를 통해 접근한다.)
*/
function geometryApi() {
return window.CLBI && window.CLBI.frame;
}

/* 세로 규격은 매 렌더 시 FrameGeometry 상수에서 새로 파생한다. */
function guideDims() {
var api = geometryApi();
var f = api.FRAME;
var d = api.DIMENSIONS;
var top = d.WELL_TOP;
var bottom = d.ROW_HEIGHT - d.WELL2_BOTTOM;
var height = d.BUTTON_TOTAL;
return {
HEIGHT:height,
TOP_FRAME:top,
BOTTOM_FRAME:bottom,
GAP:f.GAP,
ROW_HEIGHT:d.ROW_HEIGHT,
BUTTON_TOP:d.BUTTON_EDGE_TOP,
BUTTON_BOTTOM:d.BUTTON_EDGE_BOTTOM,
COMPACT_HEIGHT:height,
COMPACT_TOP_FRAME:top,
COMPACT_BOTTOM_FRAME:bottom
};
}

var retryTimer = 0;
var geometryWaitTimer = 0;
var resizeTimer = 0;
var guideLayoutAnimationFrame = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key: 'start', label: '처음 오셨다면' },
{ key: 'world', label: '세계관' },
{ key: 'era', label: '시대' },
{ key: 'people', label: '인물' },
{ key: 'anecdote', label: '에넥도트' },
{ key: 'participate', label: '참여 안내' }
];

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

/* 이전 캐시에서 남은 전역 잠금을 즉시 해제한다. */
document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');

if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');

if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';

Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}

if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}

script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () {
settle(false);
};

timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);

(document.head || document.documentElement).appendChild(script);
});

return manifestoIntroPromise;
}

revealManifesto(document);

function createSvgElement(name) {
return geometryApi().create(name);
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') {
return window.buildWikiPath(title);
}
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function createPolygon(className, points) {
return geometryApi().polygon(className, points);
}

function createLine(className, start, end) {
return geometryApi().line(className, start, end);
}

function createRect(className, x, y, width, height) {
return geometryApi().rect(className, x, y, width, height);
}

function centerOfPoints(points) {
return [geometryApi().centerX(points), Math.round((points[0][1] + points[2][1]) / 2)];
}

function shiftY(points, amount) {
return points.map(function (point) {
return [Math.round(point[0]), Math.round(point[1] + amount)];
});
}

function makeGuideGeometry(height, topFrame, bottomFrame, sideFrameProgress) {
var gap = geometryApi().FRAME.GAP;
height = Math.round(height);
topFrame = Math.round(topFrame);
bottomFrame = Math.round(bottomFrame);

return {
height: height,
topFrame: topFrame,
bottomFrame: bottomFrame,
buttonTop: topFrame + gap,
buttonBottom: topFrame + gap + height,
rowHeight: topFrame + gap + height + gap + bottomFrame,
sideFrameProgress: Math.max(0, Math.min(1, Number(sideFrameProgress || 0)))
};
}

function getGuideGeometry(compact) {
var d = guideDims();
return compact
? makeGuideGeometry(d.COMPACT_HEIGHT, d.COMPACT_TOP_FRAME, d.COMPACT_BOTTOM_FRAME, 1)
: makeGuideGeometry(d.HEIGHT, d.TOP_FRAME, d.BOTTOM_FRAME, 0);
}

function interpolateGuideGeometry(from, to, progress) {
function between(start, end) {
return start + (end - start) * progress;
}

return makeGuideGeometry(
between(from.height, to.height),
between(from.topFrame, to.topFrame),
between(from.bottomFrame, to.bottomFrame),
between(from.sideFrameProgress, to.sideFrameProgress)
);
}

function applyGuideRowHeight(mount, nav, svg, geometry) {
var height = geometry.rowHeight + 'px';

[mount, nav, svg].forEach(function (node) {
if (!node || !node.style) return;
node.style.setProperty('height', height, 'important');
node.style.setProperty('min-height', height, 'important');
node.style.setProperty('max-height', height, 'important');
});
}

function requestGuideFrame(callback) {
if (typeof window.requestAnimationFrame === 'function') {
return window.requestAnimationFrame(callback);
}
return window.setTimeout(function () { callback(Date.now()); }, 16);
}

function cancelGuideFrame(handle) {
if (!handle) return;
if (typeof window.cancelAnimationFrame === 'function') {
window.cancelAnimationFrame(handle);
} else {
window.clearTimeout(handle);
}
}

function animateGuideLayout(portal, compact) {
var from = portal && portal.GuideNavGeometry
? portal.GuideNavGeometry
: getGuideGeometry(!compact);
var to = getGuideGeometry(compact);
var startedAt = null;
var duration = 340;

if (!portal) return;
if (guideLayoutAnimationFrame) {
cancelGuideFrame(guideLayoutAnimationFrame);
guideLayoutAnimationFrame = 0;
}

if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
portal.GuideNavGeometry = to;
render(portal, to);
return;
}

function step(now) {
var elapsed;
var progress;
var eased;

if (startedAt === null) startedAt = now;
elapsed = Math.min(1, (now - startedAt) / duration);
eased = 1 - Math.pow(1 - elapsed, 3);
progress = interpolateGuideGeometry(from, to, eased);
portal.GuideNavGeometry = progress;
render(portal, progress);

if (elapsed < 1) {
guideLayoutAnimationFrame = requestGuideFrame(step);
} else {
portal.GuideNavGeometry = to;
guideLayoutAnimationFrame = 0;
}
}

guideLayoutAnimationFrame = requestGuideFrame(step);
}

function buildGuideButton(geometry) {
var seams = geometryApi().seams;
var leftTop;
var rightTop;
var leftDir;
var rightDir;

if (!seams || !seams.width) return null;
leftTop = geometryApi().slantX(
seams.settingsLeftTopX,
seams.buttonBottom,
seams.settingsLeftDir,
0
);
rightTop = geometryApi().slantX(
seams.corpRightTopX,
seams.buttonBottom,
seams.corpRightDir,
0
);
leftDir = -seams.settingsLeftDir;
rightDir = -seams.corpRightDir;

return {
leftTopX:leftTop,
rightTopX:rightTop,
leftDir:leftDir,
rightDir:rightDir,
points:shiftY(
geometryApi().segment(leftTop, rightTop, geometry.height, leftDir, rightDir, 0),
geometry.buttonTop
)
};
}

function guideLayer(button, geometry, amount) {
return shiftY(
geometryApi().segment(
button.leftTopX + amount,
button.rightTopX - amount,
geometry.height - amount * 2,
button.leftDir,
button.rightDir,
amount % geometryApi().FRAME.SLANT_RISE
),
geometry.buttonTop + amount
);
}

function guideLayerRow(button, geometry, amount, layerY) {
var row = geometryApi().rowAt(
button.leftTopX + amount,
button.rightTopX - amount,
layerY,
button.leftDir,
button.rightDir,
amount % geometryApi().FRAME.SLANT_RISE,
0,
0
);
return row.map(function (point) {
return [point[0], point[1] + geometry.buttonTop + amount];
});
}

function appendContinuousBottomFrame(svg, button, width, geometry) {
var api = geometryApi();
var frame = api.FRAME;
var group = createSvgElement('g');
var leftTarget = button.points[0][0] - geometry.buttonTop;
var rightTarget = button.points[1][0] + geometry.buttonTop;
var leftBase = leftTarget - api.slantX(0, geometry.buttonTop, button.leftDir, 0);
var rightBase = rightTarget - api.slantX(0, geometry.buttonTop, button.rightDir, 0);
var outer = api.segment(
leftBase,
rightBase,
geometry.rowHeight,
button.leftDir,
button.rightDir,
0
);
var well = api.segmentAt(
leftBase,
rightBase,
geometry.topFrame,
geometry.rowHeight - geometry.bottomFrame,
button.leftDir,
button.rightDir,
0,
geometry.topFrame,
geometry.topFrame
);
var surfaceTopRow = api.rowAt(
leftBase,
rightBase,
frame.BORDER,
button.leftDir,
button.rightDir,
0,
frame.BORDER,
frame.BORDER
);
var surfaceBottomRow = api.rowAt(
leftBase,
rightBase,
geometry.rowHeight - frame.BORDER - frame.BEVEL,
button.leftDir,
button.rightDir,
0,
frame.BORDER,
frame.BORDER
);
var wellTopRow = api.rowAt(
leftBase,
rightBase,
geometry.topFrame,
button.leftDir,
button.rightDir,
0,
geometry.topFrame,
geometry.topFrame
);
var wellBottomRow = api.rowAt(
leftBase,
rightBase,
geometry.rowHeight - geometry.bottomFrame - frame.BEVEL,
button.leftDir,
button.rightDir,
0,
geometry.topFrame,
geometry.topFrame
);

group.setAttribute('class', 'portal-guide-arch-frame');
group.setAttribute('pointer-events', 'none');
group.appendChild(createPolygon('portal-guide-arch-outer', outer));
group.appendChild(createPolygon('portal-guide-arch-well', well));
group.appendChild(createLine('portal-guide-arch-edge', outer[3], outer[0]));
group.appendChild(createLine('portal-guide-arch-edge', outer[0], outer[1]));
group.appendChild(createLine('portal-guide-arch-edge', outer[1], outer[2]));
group.appendChild(createLine('portal-guide-arch-highlight', surfaceTopRow[0], surfaceTopRow[1]));
group.appendChild(createLine('portal-guide-arch-highlight', surfaceTopRow[1], surfaceBottomRow[1]));
group.appendChild(createLine('portal-guide-arch-shadow', surfaceBottomRow[0], surfaceTopRow[0]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', wellTopRow[0], wellTopRow[1]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', wellTopRow[1], wellBottomRow[1]));
group.appendChild(createLine('portal-guide-arch-inner-shadow', wellBottomRow[0], wellTopRow[0]));
svg.appendChild(group);
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}

if (manifesto && manifesto.parentNode !== well) {
well.insertBefore(manifesto, well.firstChild);
}

return {
panel: panel,
well: well
};
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;

screen.classList.toggle('is-active', !hidden);
screen.hidden = hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;

if (!guide) return null;

menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');

GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');

wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));

button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');

number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');

label.className = 'main-guide-menu-label';
label.textContent = item.label;

arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';

button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) {
event.preventDefault();
});
wrapper.appendChild(button);
menu.appendChild(wrapper);
});

guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;

guide.classList.remove('is-guide-menu-entering');
/* 같은 화면에 재진입해도 첫 프레임부터 순차 진입을 다시 시작한다. */
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') ||
'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}

if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen');
guide.classList.add('main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}

ensureGuideDummyMenu(guide);

panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);

if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) {
active = 'manifesto';
}

panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}

return {
well: layout.well,
panels: panels,
manifesto: manifesto,
guide: guide,
active: active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;

if (!portal) return false;

screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;

previous = screens.active;
active = screenName;

screens.panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);

if (active === 'guide' && previous !== active) {
restartGuideMenuAnimation(screens.guide);
} else if (active !== 'guide' && screens.guide) {
screens.guide.classList.remove('is-guide-menu-entering');
}

if (previous !== active) {
animateGuideLayout(portal, active === 'guide');
}

if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles: true,
detail: { screen: active, previous: previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}

return true;
}

function toggleBodyScreen(portal) {
var screens;
var target;

if (!portal) return false;
screens = ensureBodyScreens(portal);
target = screens.active === 'guide' ? 'manifesto' : 'guide';
return activateBodyScreen(portal, target);
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;

if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;

target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;

portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;

event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') {
event.stopImmediatePropagation();
}
}

/*
이전 실행본의 ResizeObserver가 오래된 문서 링크를 다시 그려도
전역 SPA 링크 처리보다 먼저 화면 전환으로 고정한다.
*/
if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');

ensureBodyScreens(portal);

if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}

/*
길라잡이는 우물 안의 독립 버튼이 아니라
main-body-panel 하단 프레임에 융합된 돌출부다.
*/
if (mount.parentNode !== layout.panel) {
layout.panel.appendChild(mount);
}

return mount;
}

function render(portal, suppliedGeometry) {
/*
* FrameGeometry(window.CLBI.frame)가 아직 로드되지 않았으면 렌더를 미룬다.
* 이 파일이 FrameGeometry.js보다 먼저 실행될 수 있으므로, 준비되지 않은
* 상태에서 geometryApi().readWidth(...) 등을 호출하면 undefined 참조로 죽는다.
* 준비될 때까지 짧게 재시도한다.
*/
var api = geometryApi();
if (!api || !api.FRAME || typeof api.readWidth !== 'function') {
window.clearTimeout(geometryWaitTimer);
geometryWaitTimer = window.setTimeout(function () {
geometryWaitTimer = 0;
render(portal, suppliedGeometry);
}, 50);
return false;
}

var mount = ensureMount(portal);
var width = api.readWidth(mount);
var guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
var geometry = suppliedGeometry || portal.GuideNavGeometry || getGuideGeometry(guideActive);

if (!width) return false;

portal.GuideNavGeometry = geometry;

var button = buildGuideButton(geometry);
var points;
var surfacePoints;
var topInset;
var bottomInset;
var center;

if (!button) return false;
points = button.points;
surfacePoints = guideLayer(button, geometry, api.FRAME.BORDER);
topInset = guideLayerRow(button, geometry, api.FRAME.BORDER, 0);
bottomInset = guideLayerRow(
button,
geometry,
api.FRAME.BORDER,
geometry.height - api.FRAME.BORDER * 2 - api.FRAME.BEVEL
);
center = centerOfPoints(surfacePoints);
var nav = document.createElement('nav');
var svg = createSvgElement('svg');
var anchor = createSvgElement('a');
var buttonGeometry = createSvgElement('g');
var label = guideActive ? '돌아가기' : '길라잡이';
var targetScreen = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
var text = createSvgElement('text');
var outer = createPolygon('portal-cat-edge', points);
var surface = createPolygon('portal-cat-surface', surfacePoints);
var hit = createPolygon('portal-cat-hit', points);

nav.className = 'portal-category-nav portal-guide-nav is-continuous-weld';
nav.setAttribute('aria-label', label);

svg.setAttribute('class', 'portal-category-svg portal-guide-svg');
svg.setAttribute('viewBox', '0 0 ' + width + ' ' + geometry.rowHeight);
svg.setAttribute('width', '100%');
svg.setAttribute('height', geometry.rowHeight);
svg.setAttribute('preserveAspectRatio', 'none');

appendContinuousBottomFrame(svg, button, width, geometry);

anchor.setAttribute('class', 'portal-cat-anchor portal-guide-anchor');
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
buttonGeometry.setAttribute('class', 'portal-guide-button-geometry');

anchor.addEventListener('click', function (event) {
if (
event &&
(event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
) {
return;
}

if (toggleBodyScreen(portal)) {
if (event) event.preventDefault();
}
});

outer.setAttribute('pointer-events', 'none');
surface.setAttribute('pointer-events', 'none');
hit.setAttribute('pointer-events', 'all');

text.setAttribute('class', 'portal-cat-label portal-guide-label');
text.setAttribute('x', Math.round(center[0]));
text.setAttribute('y', Math.round((geometry.buttonTop + geometry.buttonBottom) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.setAttribute('pointer-events', 'none');
text.textContent = label;

buttonGeometry.appendChild(outer);
buttonGeometry.appendChild(surface);
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-top',
topInset[0],
topInset[1]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-right',
topInset[1],
bottomInset[1]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-bottom',
bottomInset[1],
bottomInset[0]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-left',
bottomInset[0],
topInset[0]
));
buttonGeometry.appendChild(hit);
anchor.appendChild(buttonGeometry);
anchor.appendChild(text);
svg.appendChild(anchor);
nav.appendChild(svg);

mount.replaceChildren(nav);
applyGuideRowHeight(mount, nav, svg, geometry);
mount.setAttribute('data-bottom-guide-rendered', '1');
mount.setAttribute('data-bottom-guide-width', String(width));

return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);

retryTimer = window.setTimeout(function () {
var portal = findPortal(root);

if (!portal) return;

if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}

if (observer) observer.disconnect();

if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () {
render(portal);
}, 60);
});

observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () {
boot(document);
}, { once: true });
} else {
boot(document);
}

/* 일반 링크 진입과 새로고침의 최종 로드 시점도 명시적으로 보장한다. */
window.addEventListener('load', function () {
boot(document);
}, { once: true });

/* bfcache 복원과 브라우저 뒤로/앞으로 이동에서도 새 DOM만 초기화한다. */
window.addEventListener('pageshow', function () {
boot(document);
});

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version: '20260717-pixel-stack-042',
render: function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate: function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle: function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status: function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');

return {
loaded: true,
portal: !!portal,
mount: !!mount,
rendered: !!(mount && mount.querySelector('.portal-guide-svg')),
generated: !!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel: !!(portal && portal.querySelector('.main-body-panel')),
well: !!(portal && portal.querySelector('.main-body-well')),
insidePanel: !!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded: !!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen: portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen: !!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width: mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:MainPage.css

2026-07-17T04:00:17Z

Nxdsxn: Install package: clbiwiki-portal-frame-pixel-stack-20260717 / css/MainPage.css

미디어위키:FrameGeometry.js

2026-07-17T03:09:11Z

Nxdsxn: 새 문서: /* ========================================= FrameGeometry 대문 사선 프레임 공통 정수 좌표계 ========================================= */ (function (w, document) { 'use strict'; var SVG_NS = 'http://www.w3.org/2000/svg'; var FRAME = { BORDER:1, BEVEL:1, SLANT_RISE:2, SLANT_RUN:1, BUTTON_FACE:20, FRAME_FACE:7, GAP:2, COLORS:{ border:'#050505', surface:'#1d1d1d',...

/* =========================================
FrameGeometry
대문 사선 프레임 공통 정수 좌표계
========================================= */

(function (w, document) {
'use strict';

var SVG_NS = 'http://www.w3.org/2000/svg';
var FRAME = {
BORDER:1,
BEVEL:1,
SLANT_RISE:2,
SLANT_RUN:1,
BUTTON_FACE:20,
FRAME_FACE:7,
GAP:2,
COLORS:{
border:'#050505',
surface:'#1d1d1d',
well:'#080808',
highlight:'#555555',
shadow:'#101010',
label:'#e2e2e2'
}
};
var DIMENSIONS = {
TOP_FRAME:FRAME.FRAME_FACE,
BUTTON_TOP:FRAME.FRAME_FACE + FRAME.GAP,
BUTTON_BOTTOM:FRAME.FRAME_FACE + FRAME.GAP + FRAME.BUTTON_FACE,
BOTTOM_FRAME:FRAME.FRAME_FACE,
ROW_HEIGHT:FRAME.FRAME_FACE + FRAME.GAP + FRAME.BUTTON_FACE + FRAME.GAP + FRAME.FRAME_FACE,
OVERLAP:FRAME.FRAME_FACE + FRAME.GAP
};
var listeners = [];

DIMENSIONS.BOTTOM_START_ABS_Y = DIMENSIONS.ROW_HEIGHT - DIMENSIONS.OVERLAP;

function integer(value) {
return Math.round(Number(value) || 0);
}

function snapWidth(raw) {
return Math.floor(Number(raw) || 0);
}

function slantX(xTop, y, dir, phase) {
phase = phase || 0;
return xTop + dir * Math.floor((y + phase) / FRAME.SLANT_RISE) * FRAME.SLANT_RUN;
}

function segment(leftTopX, rightTopX, height, leftDir, rightDir, phase) {
return [
[integer(leftTopX), 0],
[integer(rightTopX), 0],
[integer(slantX(rightTopX, height, rightDir, phase)), integer(height)],
[integer(slantX(leftTopX, height, leftDir, phase)), integer(height)]
];
}

function segmentAt(leftTopX, rightTopX, topY, bottomY, leftDir, rightDir, phase, leftInset, rightInset) {
leftInset = integer(leftInset || 0);
rightInset = integer(rightInset || 0);
return [
[integer(slantX(leftTopX, topY, leftDir, phase) + leftInset), integer(topY)],
[integer(slantX(rightTopX, topY, rightDir, phase) - rightInset), integer(topY)],
[integer(slantX(rightTopX, bottomY, rightDir, phase) - rightInset), integer(bottomY)],
[integer(slantX(leftTopX, bottomY, leftDir, phase) + leftInset), integer(bottomY)]
];
}

function pts(points) {
return points.map(function (point) {
return integer(point[0]) + ',' + integer(point[1]);
}).join(' ');
}

function create(name, className) {
var node = document.createElementNS(SVG_NS, name);
if (className) node.setAttribute('class', className);
node.setAttribute('shape-rendering', 'crispEdges');
return node;
}

function polygon(className, points) {
var node = create('polygon', className);
node.setAttribute('points', pts(points));
node.setAttribute('pointer-events', 'none');
return node;
}

function line(className, start, end) {
var node = create('line', className);
node.setAttribute('x1', integer(start[0]));
node.setAttribute('y1', integer(start[1]));
node.setAttribute('x2', integer(end[0]));
node.setAttribute('y2', integer(end[1]));
node.setAttribute('vector-effect', 'non-scaling-stroke');
node.setAttribute('pointer-events', 'none');
return node;
}

function rect(className, x, y, width, height) {
var node = create('rect', className);
node.setAttribute('x', integer(x));
node.setAttribute('y', integer(y));
node.setAttribute('width', Math.max(0, integer(width)));
node.setAttribute('height', Math.max(0, integer(height)));
node.setAttribute('pointer-events', 'none');
return node;
}

function centerX(points) {
return integer((points[0][0] + points[1][0] + points[2][0] + points[3][0]) / 4);
}

function readWidth(node) {
if (!node) return 0;
return snapWidth(node.clientWidth || node.offsetWidth || 0);
}

function setSeams(next) {
var frame = w.CLBI.frame;
var copy = {};

Object.keys(next || {}).forEach(function (key) {
copy[key] = next[key];
});
copy.revision = integer((frame.seams && frame.seams.revision) || 0) + 1;
frame.seams = copy;

listeners.slice().forEach(function (listener) {
try { listener(copy); } catch (error) {}
});

try {
document.dispatchEvent(new CustomEvent('framegeometryseams', { detail:copy }));
} catch (error) {}

if (w.mw && w.mw.hook) {
w.mw.hook('frame.geometry.seams').fire(copy);
}
return copy;
}

function onSeams(listener) {
if (typeof listener !== 'function') return function () {};
listeners.push(listener);
if (w.CLBI.frame.seams && w.CLBI.frame.seams.width) {
listener(w.CLBI.frame.seams);
}
return function () {
var index = listeners.indexOf(listener);
if (index !== -1) listeners.splice(index, 1);
};
}

w.CLBI = w.CLBI || {};
w.CLBI.frame = {
FRAME:FRAME,
DIMENSIONS:DIMENSIONS,
slantX:slantX,
segment:segment,
segmentAt:segmentAt,
pts:pts,
create:create,
polygon:polygon,
line:line,
rect:rect,
centerX:centerX,
snapWidth:snapWidth,
readWidth:readWidth,
setSeams:setSeams,
onSeams:onSeams,
seams:{}
};
}(window, document));

미디어위키:BottomGuideNav.js

2026-07-17T02:58:58Z

Nxdsxn:

/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 SVG 버튼
========================================= */

/*
상단 CategoryNav와 분리해 로드한다.
FrameGeometry.js가 공유한 설정–프로젝트–기업 및 공동체 seam을 사용하며,
상단 SVG나 화면 rect를 다시 읽지 않는다.
*/

(function (window, document, mw) {
'use strict';

var SVG_NS = 'http://www.w3.org/2000/svg';
var XLINK_NS = 'http://www.w3.org/1999/xlink';
var COMPONENT = 'category-guide-nav';

/*
* FrameGeometry(window.CLBI.frame) 의존은 반드시 렌더 시점에 지연 접근한다.
* 모듈 로드 순서상 이 파일이 FrameGeometry.js보다 먼저 실행될 수 있으므로,
* 최상단에서 FRAME_API.FRAME 을 즉시 읽으면 undefined 참조로 파일 전체가 죽는다.
* (다른 프레임 모듈들과 동일하게 geometryApi() 함수를 통해 접근한다.)
*/
function geometryApi() {
return window.CLBI && window.CLBI.frame;
}

/* 세로 규격은 매 렌더 시 FrameGeometry 상수에서 새로 파생한다. */
function guideDims() {
var f = geometryApi().FRAME;
var top = f.FRAME_FACE;
var bottom = f.FRAME_FACE;
var height = f.BUTTON_FACE;
var gap = f.GAP;
return {
HEIGHT: height,
TOP_FRAME: top,
BOTTOM_FRAME: bottom,
GAP: gap,
ROW_HEIGHT: top + gap + height + gap + bottom,
BUTTON_TOP: top + gap,
BUTTON_BOTTOM: top + gap + height,
COMPACT_HEIGHT: height,
COMPACT_TOP_FRAME: top,
COMPACT_BOTTOM_FRAME: bottom
};
}
var retryTimer = 0;
var geometryWaitTimer = 0;
var resizeTimer = 0;
var guideLayoutAnimationFrame = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key: 'start', label: '처음 오셨다면' },
{ key: 'world', label: '세계관' },
{ key: 'era', label: '시대' },
{ key: 'people', label: '인물' },
{ key: 'anecdote', label: '에넥도트' },
{ key: 'participate', label: '참여 안내' }
];

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

/* 이전 캐시에서 남은 전역 잠금을 즉시 해제한다. */
document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');

if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');

if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';

Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}

if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}

script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () {
settle(false);
};

timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);

(document.head || document.documentElement).appendChild(script);
});

return manifestoIntroPromise;
}

revealManifesto(document);

function createSvgElement(name) {
return geometryApi().create(name);
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') {
return window.buildWikiPath(title);
}
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function createPolygon(className, points) {
return geometryApi().polygon(className, points);
}

function createLine(className, start, end) {
return geometryApi().line(className, start, end);
}

function createRect(className, x, y, width, height) {
return geometryApi().rect(className, x, y, width, height);
}

function centerOfPoints(points) {
return [geometryApi().centerX(points), Math.round((points[0][1] + points[2][1]) / 2)];
}

function shiftY(points, amount) {
return points.map(function (point) {
return [Math.round(point[0]), Math.round(point[1] + amount)];
});
}

function makeGuideGeometry(height, topFrame, bottomFrame, sideFrameProgress) {
var gap = geometryApi().FRAME.GAP;
height = Math.round(height);
topFrame = Math.round(topFrame);
bottomFrame = Math.round(bottomFrame);

return {
height: height,
topFrame: topFrame,
bottomFrame: bottomFrame,
buttonTop: topFrame + gap,
buttonBottom: topFrame + gap + height,
rowHeight: topFrame + gap + height + gap + bottomFrame,
sideFrameProgress: Math.max(0, Math.min(1, Number(sideFrameProgress || 0)))
};
}

function getGuideGeometry(compact) {
var d = guideDims();
return compact
? makeGuideGeometry(d.COMPACT_HEIGHT, d.COMPACT_TOP_FRAME, d.COMPACT_BOTTOM_FRAME, 1)
: makeGuideGeometry(d.HEIGHT, d.TOP_FRAME, d.BOTTOM_FRAME, 0);
}

function interpolateGuideGeometry(from, to, progress) {
function between(start, end) {
return start + (end - start) * progress;
}

return makeGuideGeometry(
between(from.height, to.height),
between(from.topFrame, to.topFrame),
between(from.bottomFrame, to.bottomFrame),
between(from.sideFrameProgress, to.sideFrameProgress)
);
}

function applyGuideRowHeight(mount, nav, svg, geometry) {
var height = geometry.rowHeight + 'px';

[mount, nav, svg].forEach(function (node) {
if (!node || !node.style) return;
node.style.setProperty('height', height, 'important');
node.style.setProperty('min-height', height, 'important');
node.style.setProperty('max-height', height, 'important');
});
}

function requestGuideFrame(callback) {
if (typeof window.requestAnimationFrame === 'function') {
return window.requestAnimationFrame(callback);
}
return window.setTimeout(function () { callback(Date.now()); }, 16);
}

function cancelGuideFrame(handle) {
if (!handle) return;
if (typeof window.cancelAnimationFrame === 'function') {
window.cancelAnimationFrame(handle);
} else {
window.clearTimeout(handle);
}
}

function animateGuideLayout(portal, compact) {
var from = portal && portal.GuideNavGeometry
? portal.GuideNavGeometry
: getGuideGeometry(!compact);
var to = getGuideGeometry(compact);
var startedAt = null;
var duration = 340;

if (!portal) return;
if (guideLayoutAnimationFrame) {
cancelGuideFrame(guideLayoutAnimationFrame);
guideLayoutAnimationFrame = 0;
}

if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
portal.GuideNavGeometry = to;
render(portal, to);
return;
}

function step(now) {
var elapsed;
var progress;
var eased;

if (startedAt === null) startedAt = now;
elapsed = Math.min(1, (now - startedAt) / duration);
eased = 1 - Math.pow(1 - elapsed, 3);
progress = interpolateGuideGeometry(from, to, eased);
portal.GuideNavGeometry = progress;
render(portal, progress);

if (elapsed < 1) {
guideLayoutAnimationFrame = requestGuideFrame(step);
} else {
portal.GuideNavGeometry = to;
guideLayoutAnimationFrame = 0;
}
}

guideLayoutAnimationFrame = requestGuideFrame(step);
}

function buildGuideButton(geometry) {
var seams = geometryApi().seams;
var leftTop;
var rightTop;
var leftDir;
var rightDir;

if (!seams || !seams.width) return null;
leftTop = geometryApi().slantX(
seams.settingsLeftTopX,
seams.buttonBottom,
seams.settingsLeftDir,
0
);
rightTop = geometryApi().slantX(
seams.corpRightTopX,
seams.buttonBottom,
seams.corpRightDir,
0
);
leftDir = -seams.settingsLeftDir;
rightDir = -seams.corpRightDir;

return {
leftTopX:leftTop,
rightTopX:rightTop,
leftDir:leftDir,
rightDir:rightDir,
points:shiftY(
geometryApi().segment(leftTop, rightTop, geometry.height, leftDir, rightDir, 0),
geometry.buttonTop
)
};
}

function guideLayer(button, geometry, amount) {
return shiftY(
geometryApi().segment(
button.leftTopX + amount,
button.rightTopX - amount,
geometry.height - amount * 2,
button.leftDir,
button.rightDir,
amount % geometryApi().FRAME.SLANT_RISE
),
geometry.buttonTop + amount
);
}

function appendContinuousBottomFrame(svg, button, width, geometry) {
var frame = geometryApi().FRAME;
var group = createSvgElement('g');
var leftTarget = button.points[0][0] - frame.FRAME_FACE - frame.GAP;
var rightTarget = button.points[1][0] + frame.FRAME_FACE + frame.GAP;
var leftBase = leftTarget - geometryApi().slantX(0, geometry.buttonTop, button.leftDir, 0);
var rightBase = rightTarget - geometryApi().slantX(0, geometry.buttonTop, button.rightDir, 0);
var outer = geometryApi().segment(
leftBase,
rightBase,
geometry.rowHeight,
button.leftDir,
button.rightDir,
0
);
var well = geometryApi().segmentAt(
leftBase,
rightBase,
geometry.topFrame,
geometry.rowHeight - geometry.bottomFrame,
button.leftDir,
button.rightDir,
0,
frame.FRAME_FACE,
frame.FRAME_FACE
);
var bevel = geometryApi().segmentAt(
leftBase,
rightBase,
frame.BORDER + frame.BEVEL,
geometry.rowHeight - frame.BORDER - frame.BEVEL,
button.leftDir,
button.rightDir,
0,
frame.BORDER + frame.BEVEL,
frame.BORDER + frame.BEVEL
);

group.setAttribute('class', 'portal-guide-arch-frame');
group.setAttribute('pointer-events', 'none');
group.appendChild(createPolygon('portal-guide-arch-outer', outer));
group.appendChild(createPolygon('portal-guide-arch-well', well));
group.appendChild(createLine('portal-guide-arch-edge', outer[3], outer[0]));
group.appendChild(createLine('portal-guide-arch-edge', outer[0], outer[1]));
group.appendChild(createLine('portal-guide-arch-edge', outer[1], outer[2]));
group.appendChild(createLine('portal-guide-arch-highlight', bevel[0], bevel[1]));
group.appendChild(createLine('portal-guide-arch-highlight', bevel[1], bevel[2]));
group.appendChild(createLine('portal-guide-arch-shadow', bevel[3], bevel[0]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', well[0], well[1]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', well[1], well[2]));
group.appendChild(createLine('portal-guide-arch-inner-shadow', well[3], well[0]));
svg.appendChild(group);
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}

if (manifesto && manifesto.parentNode !== well) {
well.insertBefore(manifesto, well.firstChild);
}

return {
panel: panel,
well: well
};
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;

screen.classList.toggle('is-active', !hidden);
screen.hidden = hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;

if (!guide) return null;

menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');

GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');

wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));

button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');

number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');

label.className = 'main-guide-menu-label';
label.textContent = item.label;

arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';

button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) {
event.preventDefault();
});
wrapper.appendChild(button);
menu.appendChild(wrapper);
});

guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;

guide.classList.remove('is-guide-menu-entering');
/* 같은 화면에 재진입해도 첫 프레임부터 순차 진입을 다시 시작한다. */
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') ||
'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}

if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen');
guide.classList.add('main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}

ensureGuideDummyMenu(guide);

panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);

if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) {
active = 'manifesto';
}

panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}

return {
well: layout.well,
panels: panels,
manifesto: manifesto,
guide: guide,
active: active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;

if (!portal) return false;

screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;

previous = screens.active;
active = screenName;

screens.panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);

if (active === 'guide' && previous !== active) {
restartGuideMenuAnimation(screens.guide);
} else if (active !== 'guide' && screens.guide) {
screens.guide.classList.remove('is-guide-menu-entering');
}

if (previous !== active) {
animateGuideLayout(portal, active === 'guide');
}

if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles: true,
detail: { screen: active, previous: previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}

return true;
}

function toggleBodyScreen(portal) {
var screens;
var target;

if (!portal) return false;
screens = ensureBodyScreens(portal);
target = screens.active === 'guide' ? 'manifesto' : 'guide';
return activateBodyScreen(portal, target);
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;

if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;

target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;

portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;

event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') {
event.stopImmediatePropagation();
}
}

/*
이전 실행본의 ResizeObserver가 오래된 문서 링크를 다시 그려도
전역 SPA 링크 처리보다 먼저 화면 전환으로 고정한다.
*/
if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');

ensureBodyScreens(portal);

if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}

/*
길라잡이는 우물 안의 독립 버튼이 아니라
main-body-panel 하단 프레임에 융합된 돌출부다.
*/
if (mount.parentNode !== layout.panel) {
layout.panel.appendChild(mount);
}

return mount;
}

function render(portal, suppliedGeometry) {
/*
* FrameGeometry(window.CLBI.frame)가 아직 로드되지 않았으면 렌더를 미룬다.
* 이 파일이 FrameGeometry.js보다 먼저 실행될 수 있으므로, 준비되지 않은
* 상태에서 geometryApi().readWidth(...) 등을 호출하면 undefined 참조로 죽는다.
* 준비될 때까지 짧게 재시도한다.
*/
var api = geometryApi();
if (!api || !api.FRAME || typeof api.readWidth !== 'function') {
window.clearTimeout(geometryWaitTimer);
geometryWaitTimer = window.setTimeout(function () {
geometryWaitTimer = 0;
render(portal, suppliedGeometry);
}, 50);
return false;
}

var mount = ensureMount(portal);
var width = api.readWidth(mount);
var guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
var geometry = suppliedGeometry || portal.GuideNavGeometry || getGuideGeometry(guideActive);

if (!width) return false;

portal.GuideNavGeometry = geometry;

var button = buildGuideButton(geometry);
var points;
var surfacePoints;
var insetPoints;
var center;

if (!button) return false;
points = button.points;
surfacePoints = guideLayer(button, geometry, api.FRAME.BORDER);
insetPoints = guideLayer(
button,
geometry,
api.FRAME.BORDER + api.FRAME.BEVEL
);
center = centerOfPoints(surfacePoints);
var nav = document.createElement('nav');
var svg = createSvgElement('svg');
var anchor = createSvgElement('a');
var buttonGeometry = createSvgElement('g');
var label = guideActive ? '돌아가기' : '길라잡이';
var targetScreen = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
var text = createSvgElement('text');
var outer = createPolygon('portal-cat-edge', points);
var surface = createPolygon('portal-cat-surface', surfacePoints);
var hit = createPolygon('portal-cat-hit', points);

nav.className = 'portal-category-nav portal-guide-nav is-continuous-weld';
nav.setAttribute('aria-label', label);

svg.setAttribute('class', 'portal-category-svg portal-guide-svg');
svg.setAttribute('viewBox', '0 0 ' + width + ' ' + geometry.rowHeight);
svg.setAttribute('width', '100%');
svg.setAttribute('height', geometry.rowHeight);
svg.setAttribute('preserveAspectRatio', 'none');

appendContinuousBottomFrame(svg, button, width, geometry);

anchor.setAttribute('class', 'portal-cat-anchor portal-guide-anchor');
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
buttonGeometry.setAttribute('class', 'portal-guide-button-geometry');

anchor.addEventListener('click', function (event) {
if (
event &&
(event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
) {
return;
}

if (toggleBodyScreen(portal)) {
if (event) event.preventDefault();
}
});

outer.setAttribute('pointer-events', 'none');
surface.setAttribute('pointer-events', 'none');
hit.setAttribute('pointer-events', 'all');

text.setAttribute('class', 'portal-cat-label portal-guide-label');
text.setAttribute('x', Math.round(center[0]));
text.setAttribute('y', Math.round((geometry.buttonTop + geometry.buttonBottom) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.setAttribute('pointer-events', 'none');
text.textContent = label;

buttonGeometry.appendChild(outer);
buttonGeometry.appendChild(surface);
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-top',
insetPoints[0],
insetPoints[1]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-right',
insetPoints[1],
insetPoints[2]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-bottom',
insetPoints[2],
insetPoints[3]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-left',
insetPoints[3],
insetPoints[0]
));
buttonGeometry.appendChild(hit);
anchor.appendChild(buttonGeometry);
anchor.appendChild(text);
svg.appendChild(anchor);
nav.appendChild(svg);

mount.replaceChildren(nav);
applyGuideRowHeight(mount, nav, svg, geometry);
mount.setAttribute('data-bottom-guide-rendered', '1');
mount.setAttribute('data-bottom-guide-width', String(width));

return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);

retryTimer = window.setTimeout(function () {
var portal = findPortal(root);

if (!portal) return;

if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}

if (observer) observer.disconnect();

if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () {
render(portal);
}, 60);
});

observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () {
boot(document);
}, { once: true });
} else {
boot(document);
}

/* 일반 링크 진입과 새로고침의 최종 로드 시점도 명시적으로 보장한다. */
window.addEventListener('load', function () {
boot(document);
}, { once: true });

/* bfcache 복원과 브라우저 뒤로/앞으로 이동에서도 새 DOM만 초기화한다. */
window.addEventListener('pageshow', function () {
boot(document);
});

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version: '20260717-shared-frame-reverse-slant-001',
render: function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate: function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle: function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status: function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');

return {
loaded: true,
portal: !!portal,
mount: !!mount,
rendered: !!(mount && mount.querySelector('.portal-guide-svg')),
generated: !!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel: !!(portal && portal.querySelector('.main-body-panel')),
well: !!(portal && portal.querySelector('.main-body-well')),
insidePanel: !!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded: !!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen: portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen: !!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width: mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:BottomGuideNav.js

2026-07-17T02:52:50Z

Nxdsxn:

/* =========================================
BottomGuideNav
대문 하단 「길라잡이」 SVG 버튼
========================================= */

/*
상단 CategoryNav와 분리해 로드한다.
FrameGeometry.js가 공유한 설정–프로젝트–기업 및 공동체 seam을 사용하며,
상단 SVG나 화면 rect를 다시 읽지 않는다.
*/

(function (window, document, mw) {
'use strict';

var SVG_NS = 'http://www.w3.org/2000/svg';
var XLINK_NS = 'http://www.w3.org/1999/xlink';
var COMPONENT = 'category-guide-nav';

/*
* FrameGeometry(window.CLBI.frame) 의존은 반드시 렌더 시점에 지연 접근한다.
* 모듈 로드 순서상 이 파일이 FrameGeometry.js보다 먼저 실행될 수 있으므로,
* 최상단에서 FRAME_API.FRAME 을 즉시 읽으면 undefined 참조로 파일 전체가 죽는다.
* (다른 프레임 모듈들과 동일하게 geometryApi() 함수를 통해 접근한다.)
*/
function geometryApi() {
return window.CLBI && window.CLBI.frame;
}

/* 세로 규격은 매 렌더 시 FrameGeometry 상수에서 새로 파생한다. */
function guideDims() {
var f = geometryApi().FRAME;
var top = f.FRAME_FACE;
var bottom = f.FRAME_FACE;
var height = f.BUTTON_FACE;
var gap = f.GAP;
return {
HEIGHT: height,
TOP_FRAME: top,
BOTTOM_FRAME: bottom,
GAP: gap,
ROW_HEIGHT: top + gap + height + gap + bottom,
BUTTON_TOP: top + gap,
BUTTON_BOTTOM: top + gap + height,
COMPACT_HEIGHT: height,
COMPACT_TOP_FRAME: top,
COMPACT_BOTTOM_FRAME: bottom
};
}
var retryTimer = 0;
var resizeTimer = 0;
var guideLayoutAnimationFrame = 0;
var observer = null;
var manifestoIntroPromise = null;
var MANIFESTO_LOAD_TIMEOUT_MS = 5000;
var MANIFESTO_INTRO_VERSION = '20260713-divider-equal-gap-005';
var GUIDE_DUMMY_ITEMS = [
{ key: 'start', label: '처음 오셨다면' },
{ key: 'world', label: '세계관' },
{ key: 'era', label: '시대' },
{ key: 'people', label: '인물' },
{ key: 'anecdote', label: '에넥도트' },
{ key: 'participate', label: '참여 안내' }
];

function revealManifesto(root) {
var scope = root && root.querySelector ? root : document;
var portal = scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal') || document.querySelector('.main-portal');
var title;
var copy;

/* 이전 캐시에서 남은 전역 잠금을 즉시 해제한다. */
document.documentElement.classList.remove('manifesto-intro-pending');
document.documentElement.classList.remove('manifesto-intro-active');

if (!portal) return;

portal.classList.remove('manifesto-intro-prepared');
portal.classList.remove('manifesto-intro-running');
title = portal.querySelector('.main-manifesto-title');
copy = portal.querySelector('.main-manifesto-copy');

if (title) {
title.style.opacity = '1';
title.style.borderBottom = '0';
}
if (copy) copy.style.visibility = 'visible';

Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line'), function (line) {
line.style.height = '26px';
line.style.maxHeight = '26px';
line.style.opacity = '1';
line.style.overflow = 'visible';
line.style.clipPath = 'inset(0 0 0 0)';
});
Array.prototype.forEach.call(portal.querySelectorAll('.manifesto-line-inner'), function (inner) {
inner.style.opacity = '1';
inner.style.transform = 'translateY(0)';
});
}

function loadManifestoIntro(root) {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
try {
return Promise.resolve(window.ManifestoIntro.init(root || document)).catch(function () {
revealManifesto(root);
return false;
});
} catch (error) {
revealManifesto(root);
return Promise.resolve(false);
}
}

if (manifestoIntroPromise) return manifestoIntroPromise;

manifestoIntroPromise = 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);
if (!ok) {
revealManifesto(root);
manifestoIntroPromise = null;
}
resolve(ok);
}

script.src = '/index.php?title=' + encodeURIComponent('MediaWiki:ManifestoIntro.js') +
'&action=raw&ctype=text/javascript&v=' + encodeURIComponent(MANIFESTO_INTRO_VERSION) +
'&_manifestoFresh=' + encodeURIComponent(String(Date.now()));
script.async = false;
script.setAttribute('data-manifesto-intro-script', '1');
script.onload = function () {
if (
window.ManifestoIntro &&
window.ManifestoIntro.version === MANIFESTO_INTRO_VERSION &&
typeof window.ManifestoIntro.init === 'function'
) {
Promise.resolve(window.ManifestoIntro.init(root || document))
.then(function () { settle(true); })
.catch(function () { settle(false); });
} else {
settle(false);
}
};
script.onerror = function () {
settle(false);
};

timeout = window.setTimeout(function () {
if (script.parentNode) script.parentNode.removeChild(script);
settle(false);
}, MANIFESTO_LOAD_TIMEOUT_MS);

(document.head || document.documentElement).appendChild(script);
});

return manifestoIntroPromise;
}

revealManifesto(document);

function createSvgElement(name) {
return geometryApi().create(name);
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') {
return window.buildWikiPath(title);
}
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function createPolygon(className, points) {
return geometryApi().polygon(className, points);
}

function createLine(className, start, end) {
return geometryApi().line(className, start, end);
}

function createRect(className, x, y, width, height) {
return geometryApi().rect(className, x, y, width, height);
}

function centerOfPoints(points) {
return [geometryApi().centerX(points), Math.round((points[0][1] + points[2][1]) / 2)];
}

function shiftY(points, amount) {
return points.map(function (point) {
return [Math.round(point[0]), Math.round(point[1] + amount)];
});
}

function makeGuideGeometry(height, topFrame, bottomFrame, sideFrameProgress) {
var gap = geometryApi().FRAME.GAP;
height = Math.round(height);
topFrame = Math.round(topFrame);
bottomFrame = Math.round(bottomFrame);

return {
height: height,
topFrame: topFrame,
bottomFrame: bottomFrame,
buttonTop: topFrame + gap,
buttonBottom: topFrame + gap + height,
rowHeight: topFrame + gap + height + gap + bottomFrame,
sideFrameProgress: Math.max(0, Math.min(1, Number(sideFrameProgress || 0)))
};
}

function getGuideGeometry(compact) {
var d = guideDims();
return compact
? makeGuideGeometry(d.COMPACT_HEIGHT, d.COMPACT_TOP_FRAME, d.COMPACT_BOTTOM_FRAME, 1)
: makeGuideGeometry(d.HEIGHT, d.TOP_FRAME, d.BOTTOM_FRAME, 0);
}

function interpolateGuideGeometry(from, to, progress) {
function between(start, end) {
return start + (end - start) * progress;
}

return makeGuideGeometry(
between(from.height, to.height),
between(from.topFrame, to.topFrame),
between(from.bottomFrame, to.bottomFrame),
between(from.sideFrameProgress, to.sideFrameProgress)
);
}

function applyGuideRowHeight(mount, nav, svg, geometry) {
var height = geometry.rowHeight + 'px';

[mount, nav, svg].forEach(function (node) {
if (!node || !node.style) return;
node.style.setProperty('height', height, 'important');
node.style.setProperty('min-height', height, 'important');
node.style.setProperty('max-height', height, 'important');
});
}

function requestGuideFrame(callback) {
if (typeof window.requestAnimationFrame === 'function') {
return window.requestAnimationFrame(callback);
}
return window.setTimeout(function () { callback(Date.now()); }, 16);
}

function cancelGuideFrame(handle) {
if (!handle) return;
if (typeof window.cancelAnimationFrame === 'function') {
window.cancelAnimationFrame(handle);
} else {
window.clearTimeout(handle);
}
}

function animateGuideLayout(portal, compact) {
var from = portal && portal.GuideNavGeometry
? portal.GuideNavGeometry
: getGuideGeometry(!compact);
var to = getGuideGeometry(compact);
var startedAt = null;
var duration = 340;

if (!portal) return;
if (guideLayoutAnimationFrame) {
cancelGuideFrame(guideLayoutAnimationFrame);
guideLayoutAnimationFrame = 0;
}

if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
portal.GuideNavGeometry = to;
render(portal, to);
return;
}

function step(now) {
var elapsed;
var progress;
var eased;

if (startedAt === null) startedAt = now;
elapsed = Math.min(1, (now - startedAt) / duration);
eased = 1 - Math.pow(1 - elapsed, 3);
progress = interpolateGuideGeometry(from, to, eased);
portal.GuideNavGeometry = progress;
render(portal, progress);

if (elapsed < 1) {
guideLayoutAnimationFrame = requestGuideFrame(step);
} else {
portal.GuideNavGeometry = to;
guideLayoutAnimationFrame = 0;
}
}

guideLayoutAnimationFrame = requestGuideFrame(step);
}

function buildGuideButton(geometry) {
var seams = geometryApi().seams;
var leftTop;
var rightTop;
var leftDir;
var rightDir;

if (!seams || !seams.width) return null;
leftTop = geometryApi().slantX(
seams.settingsLeftTopX,
seams.buttonBottom,
seams.settingsLeftDir,
0
);
rightTop = geometryApi().slantX(
seams.corpRightTopX,
seams.buttonBottom,
seams.corpRightDir,
0
);
leftDir = -seams.settingsLeftDir;
rightDir = -seams.corpRightDir;

return {
leftTopX:leftTop,
rightTopX:rightTop,
leftDir:leftDir,
rightDir:rightDir,
points:shiftY(
geometryApi().segment(leftTop, rightTop, geometry.height, leftDir, rightDir, 0),
geometry.buttonTop
)
};
}

function guideLayer(button, geometry, amount) {
return shiftY(
geometryApi().segment(
button.leftTopX + amount,
button.rightTopX - amount,
geometry.height - amount * 2,
button.leftDir,
button.rightDir,
amount % geometryApi().FRAME.SLANT_RISE
),
geometry.buttonTop + amount
);
}

function appendContinuousBottomFrame(svg, button, width, geometry) {
var frame = geometryApi().FRAME;
var group = createSvgElement('g');
var leftTarget = button.points[0][0] - frame.FRAME_FACE - frame.GAP;
var rightTarget = button.points[1][0] + frame.FRAME_FACE + frame.GAP;
var leftBase = leftTarget - geometryApi().slantX(0, geometry.buttonTop, button.leftDir, 0);
var rightBase = rightTarget - geometryApi().slantX(0, geometry.buttonTop, button.rightDir, 0);
var outer = geometryApi().segment(
leftBase,
rightBase,
geometry.rowHeight,
button.leftDir,
button.rightDir,
0
);
var well = geometryApi().segmentAt(
leftBase,
rightBase,
geometry.topFrame,
geometry.rowHeight - geometry.bottomFrame,
button.leftDir,
button.rightDir,
0,
frame.FRAME_FACE,
frame.FRAME_FACE
);
var bevel = geometryApi().segmentAt(
leftBase,
rightBase,
frame.BORDER + frame.BEVEL,
geometry.rowHeight - frame.BORDER - frame.BEVEL,
button.leftDir,
button.rightDir,
0,
frame.BORDER + frame.BEVEL,
frame.BORDER + frame.BEVEL
);

group.setAttribute('class', 'portal-guide-arch-frame');
group.setAttribute('pointer-events', 'none');
group.appendChild(createPolygon('portal-guide-arch-outer', outer));
group.appendChild(createPolygon('portal-guide-arch-well', well));
group.appendChild(createLine('portal-guide-arch-edge', outer[3], outer[0]));
group.appendChild(createLine('portal-guide-arch-edge', outer[0], outer[1]));
group.appendChild(createLine('portal-guide-arch-edge', outer[1], outer[2]));
group.appendChild(createLine('portal-guide-arch-highlight', bevel[0], bevel[1]));
group.appendChild(createLine('portal-guide-arch-highlight', bevel[1], bevel[2]));
group.appendChild(createLine('portal-guide-arch-shadow', bevel[3], bevel[0]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', well[0], well[1]));
group.appendChild(createLine('portal-guide-arch-inner-highlight', well[1], well[2]));
group.appendChild(createLine('portal-guide-arch-inner-shadow', well[3], well[0]));
svg.appendChild(group);
}

function ensureBodyPanel(portal) {
var panel = portal.querySelector('.main-body-panel');
var well = portal.querySelector('.main-body-well');
var topMount = portal.querySelector('[data-component="category-nav"]');
var 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.insertBefore(well, panel.firstChild);
} else if (well.parentNode !== panel) {
panel.insertBefore(well, panel.firstChild);
}

if (manifesto && manifesto.parentNode !== well) {
well.insertBefore(manifesto, well.firstChild);
}

return {
panel: panel,
well: well
};
}

function setBodyScreenHidden(screen, hidden) {
if (!screen) return;

screen.classList.toggle('is-active', !hidden);
screen.hidden = hidden;
screen.setAttribute('aria-hidden', hidden ? 'true' : 'false');
}

function updateGuideButtonState(portal, active) {
var guideActive = active === 'guide';
var label = guideActive ? '돌아가기' : '길라잡이';
var target = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-anchor'), function (anchor) {
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-main-body-target', target);
anchor.removeAttribute('aria-current');
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-label'), function (text) {
text.textContent = label;
});

Array.prototype.forEach.call(portal.querySelectorAll('.portal-guide-nav'), function (nav) {
nav.setAttribute('aria-label', label);
});
}

function ensureGuideDummyMenu(guide) {
var menu;

if (!guide) return null;

menu = guide.querySelector('[data-guide-dummy-menu="1"]');
if (menu) return menu;

menu = document.createElement('nav');
menu.className = 'main-guide-menu';
menu.setAttribute('data-guide-dummy-menu', '1');
menu.setAttribute('aria-label', '길라잡이 항목 예시');

GUIDE_DUMMY_ITEMS.forEach(function (item, index) {
var wrapper = document.createElement('div');
var button = document.createElement('button');
var number = document.createElement('span');
var label = document.createElement('span');
var arrow = document.createElement('span');

wrapper.className = 'main-guide-menu-item';
wrapper.style.setProperty('--guide-menu-order', String(index));

button.type = 'button';
button.className = 'main-guide-menu-button';
button.setAttribute('data-guide-dummy-button', item.key);
button.setAttribute('aria-label', item.label + ' (더미 버튼)');

number.className = 'main-guide-menu-number';
number.setAttribute('aria-hidden', 'true');
number.textContent = String(index + 1).padStart(2, '0');

label.className = 'main-guide-menu-label';
label.textContent = item.label;

arrow.className = 'main-guide-menu-arrow';
arrow.setAttribute('aria-hidden', 'true');
arrow.textContent = '›';

button.appendChild(number);
button.appendChild(label);
button.appendChild(arrow);
button.addEventListener('click', function (event) {
event.preventDefault();
});
wrapper.appendChild(button);
menu.appendChild(wrapper);
});

guide.insertBefore(menu, guide.firstChild);
return menu;
}

function restartGuideMenuAnimation(guide) {
if (!guide || !guide.querySelector('[data-guide-dummy-menu="1"]')) return;

guide.classList.remove('is-guide-menu-entering');
/* 같은 화면에 재진입해도 첫 프레임부터 순차 진입을 다시 시작한다. */
void guide.offsetWidth;
guide.classList.add('is-guide-menu-entering');
}

function ensureBodyScreens(portal) {
var layout = ensureBodyPanel(portal);
var manifesto = layout.well.querySelector('.main-manifesto');
var guide = layout.well.querySelector('[data-main-body-screen="guide"]');
var panels;
var active = layout.well.getAttribute('data-active-main-body-screen') ||
portal.getAttribute('data-main-body-screen') ||
'manifesto';

if (manifesto) {
manifesto.classList.add('main-body-screen');
manifesto.setAttribute('data-main-body-screen', 'manifesto');
if (!manifesto.id) manifesto.id = 'main-manifesto-screen';
}

if (!guide) {
guide = document.createElement('section');
guide.className = 'main-body-screen main-guide-screen';
guide.setAttribute('data-main-body-screen', 'guide');
guide.setAttribute('data-main-guide-screen-generated', '1');
guide.setAttribute('aria-label', '길라잡이');
guide.setAttribute('role', 'region');
guide.id = 'main-guide-screen';
layout.well.appendChild(guide);
} else {
guide.classList.add('main-body-screen');
guide.classList.add('main-guide-screen');
if (!guide.id) guide.id = 'main-guide-screen';
}

ensureGuideDummyMenu(guide);

panels = Array.prototype.slice.call(
layout.well.querySelectorAll('.main-body-screen[data-main-body-screen]')
);

if (active !== 'guide') active = 'manifesto';
if (!panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === active;
})) {
active = 'manifesto';
}

panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

layout.well.setAttribute('data-main-body-screen-controller-ready', '1');
layout.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);
if (active === 'guide' && !guide.classList.contains('is-guide-menu-entering')) {
restartGuideMenuAnimation(guide);
}

return {
well: layout.well,
panels: panels,
manifesto: manifesto,
guide: guide,
active: active
};
}

function activateBodyScreen(portal, screenName) {
var screens;
var previous;
var active;
var event;

if (!portal) return false;

screens = ensureBodyScreens(portal);
screenName = screenName === 'guide' ? 'guide' : 'manifesto';
if (!screens.panels.some(function (panel) {
return panel.getAttribute('data-main-body-screen') === screenName;
})) return false;

previous = screens.active;
active = screenName;

screens.panels.forEach(function (panel) {
setBodyScreenHidden(
panel,
panel.getAttribute('data-main-body-screen') !== active
);
});

screens.well.setAttribute('data-active-main-body-screen', active);
portal.setAttribute('data-main-body-screen', active);
portal.classList.toggle('is-guide-screen-active', active === 'guide');
updateGuideButtonState(portal, active);

if (active === 'guide' && previous !== active) {
restartGuideMenuAnimation(screens.guide);
} else if (active !== 'guide' && screens.guide) {
screens.guide.classList.remove('is-guide-menu-entering');
}

if (previous !== active) {
animateGuideLayout(portal, active === 'guide');
}

if (previous !== active) {
try {
event = new CustomEvent('mainbodyscreenchange', {
bubbles: true,
detail: { screen: active, previous: previous }
});
portal.dispatchEvent(event);
} catch (error) {}
}

return true;
}

function toggleBodyScreen(portal) {
var screens;
var target;

if (!portal) return false;
screens = ensureBodyScreens(portal);
target = screens.active === 'guide' ? 'manifesto' : 'guide';
return activateBodyScreen(portal, target);
}

function handleGuideScreenCapture(event) {
var target;
var anchor;
var portal;

if (!event || event.__mainGuideScreenHandled) return;
if (event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;

target = event.target;
anchor = target && target.closest
? target.closest('.portal-guide-anchor[data-category-key="guide"]')
: null;
if (!anchor) return;

portal = anchor.closest ? anchor.closest('.main-portal') : null;
if (!portal || !toggleBodyScreen(portal)) return;

event.__mainGuideScreenHandled = true;
event.preventDefault();
event.stopPropagation();
if (typeof event.stopImmediatePropagation === 'function') {
event.stopImmediatePropagation();
}
}

/*
이전 실행본의 ResizeObserver가 오래된 문서 링크를 다시 그려도
전역 SPA 링크 처리보다 먼저 화면 전환으로 고정한다.
*/
if (window.BottomGuideNavScreenCaptureHandler) {
document.removeEventListener('click', window.BottomGuideNavScreenCaptureHandler, true);
}
window.BottomGuideNavScreenCaptureHandler = handleGuideScreenCapture;
document.addEventListener('click', handleGuideScreenCapture, true);

function ensureMount(portal) {
var layout = ensureBodyPanel(portal);
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');

ensureBodyScreens(portal);

if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
mount.setAttribute('data-bottom-guide-generated', '1');
}

/*
길라잡이는 우물 안의 독립 버튼이 아니라
main-body-panel 하단 프레임에 융합된 돌출부다.
*/
if (mount.parentNode !== layout.panel) {
layout.panel.appendChild(mount);
}

return mount;
}

function render(portal, suppliedGeometry) {
var mount = ensureMount(portal);
var width = geometryApi().readWidth(mount);
var guideActive = portal.getAttribute('data-main-body-screen') === 'guide';
var geometry = suppliedGeometry || portal.GuideNavGeometry || getGuideGeometry(guideActive);

if (!width) return false;

portal.GuideNavGeometry = geometry;

var button = buildGuideButton(geometry);
var points;
var surfacePoints;
var insetPoints;
var center;

if (!button) return false;
points = button.points;
surfacePoints = guideLayer(button, geometry, geometryApi().FRAME.BORDER);
insetPoints = guideLayer(
button,
geometry,
geometryApi().FRAME.BORDER + geometryApi().FRAME.BEVEL
);
center = centerOfPoints(surfacePoints);
var nav = document.createElement('nav');
var svg = createSvgElement('svg');
var anchor = createSvgElement('a');
var buttonGeometry = createSvgElement('g');
var label = guideActive ? '돌아가기' : '길라잡이';
var targetScreen = guideActive ? 'manifesto' : 'guide';
var href = guideActive ? '#main-manifesto-screen' : '#main-guide-screen';
var text = createSvgElement('text');
var outer = createPolygon('portal-cat-edge', points);
var surface = createPolygon('portal-cat-surface', surfacePoints);
var hit = createPolygon('portal-cat-hit', points);

nav.className = 'portal-category-nav portal-guide-nav is-continuous-weld';
nav.setAttribute('aria-label', label);

svg.setAttribute('class', 'portal-category-svg portal-guide-svg');
svg.setAttribute('viewBox', '0 0 ' + width + ' ' + geometry.rowHeight);
svg.setAttribute('width', '100%');
svg.setAttribute('height', geometry.rowHeight);
svg.setAttribute('preserveAspectRatio', 'none');

appendContinuousBottomFrame(svg, button, width, geometry);

anchor.setAttribute('class', 'portal-cat-anchor portal-guide-anchor');
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', label);
anchor.setAttribute('role', 'button');
anchor.setAttribute('aria-pressed', guideActive ? 'true' : 'false');
anchor.setAttribute('data-category-key', 'guide');
anchor.setAttribute('data-main-body-target', targetScreen);
anchor.setAttribute('aria-controls', 'main-manifesto-screen main-guide-screen');
buttonGeometry.setAttribute('class', 'portal-guide-button-geometry');

anchor.addEventListener('click', function (event) {
if (
event &&
(event.button > 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey)
) {
return;
}

if (toggleBodyScreen(portal)) {
if (event) event.preventDefault();
}
});

outer.setAttribute('pointer-events', 'none');
surface.setAttribute('pointer-events', 'none');
hit.setAttribute('pointer-events', 'all');

text.setAttribute('class', 'portal-cat-label portal-guide-label');
text.setAttribute('x', Math.round(center[0]));
text.setAttribute('y', Math.round((geometry.buttonTop + geometry.buttonBottom) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.setAttribute('pointer-events', 'none');
text.textContent = label;

buttonGeometry.appendChild(outer);
buttonGeometry.appendChild(surface);
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-top',
insetPoints[0],
insetPoints[1]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-right',
insetPoints[1],
insetPoints[2]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-bottom',
insetPoints[2],
insetPoints[3]
));
buttonGeometry.appendChild(createLine(
'portal-cat-inset portal-cat-inset-left',
insetPoints[3],
insetPoints[0]
));
buttonGeometry.appendChild(hit);
anchor.appendChild(buttonGeometry);
anchor.appendChild(text);
svg.appendChild(anchor);
nav.appendChild(svg);

mount.replaceChildren(nav);
applyGuideRowHeight(mount, nav, svg, geometry);
mount.setAttribute('data-bottom-guide-rendered', '1');
mount.setAttribute('data-bottom-guide-width', String(width));

return true;
}

function findPortal(root) {
var scope = root && root.querySelector ? root : document;
return scope.matches && scope.matches('.main-portal')
? scope
: scope.querySelector('.main-portal');
}

function schedule(root, attempt) {
window.clearTimeout(retryTimer);

retryTimer = window.setTimeout(function () {
var portal = findPortal(root);

if (!portal) return;

if (!render(portal) && attempt < 20) {
schedule(root, attempt + 1);
return;
}

if (observer) observer.disconnect();

if (window.ResizeObserver) {
observer = new ResizeObserver(function () {
window.clearTimeout(resizeTimer);
resizeTimer = window.setTimeout(function () {
render(portal);
}, 60);
});

observer.observe(portal);
var topMount = portal.querySelector('[data-component="category-nav"]');
var guideMount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (topMount) observer.observe(topMount);
if (guideMount) observer.observe(guideMount);
}
}, attempt ? 60 : 0);
}

function boot(root) {
var scope = root || document;
schedule(scope, 0);
loadManifestoIntro(scope);
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function () {
boot(document);
}, { once: true });
} else {
boot(document);
}

/* 일반 링크 진입과 새로고침의 최종 로드 시점도 명시적으로 보장한다. */
window.addEventListener('load', function () {
boot(document);
}, { once: true });

/* bfcache 복원과 브라우저 뒤로/앞으로 이동에서도 새 DOM만 초기화한다. */
window.addEventListener('pageshow', function () {
boot(document);
});

if (mw && mw.hook) {
mw.hook('wikipage.content').add(function ($content) {
boot($content && $content[0] ? $content[0] : document);
});
}

window.BottomGuideNav = {
version: '20260717-shared-frame-reverse-slant-001',
render: function () {
var portal = document.querySelector('.main-portal');
return portal ? render(portal) : false;
},
activate: function (screenName) {
var portal = document.querySelector('.main-portal');
return portal ? activateBodyScreen(portal, screenName) : false;
},
toggle: function () {
var portal = document.querySelector('.main-portal');
return portal ? toggleBodyScreen(portal) : false;
},
status: function () {
var portal = document.querySelector('.main-portal');
var mount = portal && portal.querySelector('[data-component="' + COMPONENT + '"]');

return {
loaded: true,
portal: !!portal,
mount: !!mount,
rendered: !!(mount && mount.querySelector('.portal-guide-svg')),
generated: !!(mount && mount.getAttribute('data-bottom-guide-generated')),
panel: !!(portal && portal.querySelector('.main-body-panel')),
well: !!(portal && portal.querySelector('.main-body-well')),
insidePanel: !!(mount && mount.parentNode && mount.parentNode.classList.contains('main-body-panel')),
welded: !!(mount && mount.querySelector('.portal-guide-nav.is-continuous-weld')),
activeScreen: portal ? portal.getAttribute('data-main-body-screen') || 'manifesto' : '',
guideScreen: !!(portal && portal.querySelector('[data-main-body-screen="guide"]')),
width: mount ? mount.getAttribute('data-bottom-guide-width') || '' : ''
};
}
};
}(window, document, window.mw));

미디어위키:PortalSectionNav.js

2026-07-17T02:35:53Z

Nxdsxn: Install package: clbiwiki-portal-frame-display-fix-20260717 / js/PortalSectionNav.js

/* =========================================
PortalSectionNav
대문 상단 카테고리 하단 부착형 섹션 버튼
========================================= */

(function (window, document, mw) {
'use strict';

var XLINK_NS = 'http://www.w3.org/1999/xlink';
var COMPONENT = 'portal-section-nav';
var VERSION = '20260717-shared-frame-phase-001';
var renderTimer = 0;
var ITEMS = [
{ key:'black-ice', label:'블랙 아이스', title:'대문' },
{ key:'anecdote', label:'에넥도트', href:'/index.php/특수:모든문서?namespace=3000' }
];

function api() {
return window.CLBI && window.CLBI.frame;
}

function buildWikiPath(title) {
if (typeof window.buildWikiPath === 'function') return window.buildWikiPath(title);
return '/index.php/' + encodeURI(String(title || '').replace(/ /g, '_'));
}

function ensureMount(portal, topMount) {
var mount = portal.querySelector('[data-component="' + COMPONENT + '"]');
if (!mount) {
mount = document.createElement('div');
mount.setAttribute('data-component', COMPONENT);
}
if (mount.parentNode !== topMount.parentNode || topMount.nextSibling !== mount) {
topMount.parentNode.insertBefore(mount, topMount.nextSibling);
}
return mount;
}

function outerGeometry(seams) {
var frame = api();
var d = frame.DIMENSIONS;
var phase = seams.bottomStartAbsY % frame.FRAME.SLANT_RISE;
var leftSeamX = frame.slantX(
seams.settingsLeftTopX,
seams.bottomStartAbsY,
seams.settingsLeftDir,
0
);
var rightSeamX = frame.slantX(
seams.corpRightTopX,
seams.bottomStartAbsY,
seams.corpRightDir,
0
);

return {
phase:phase,
leftSeamX:leftSeamX,
rightSeamX:rightSeamX,
leftDir:seams.settingsLeftDir,
rightDir:seams.corpRightDir,
points:frame.segment(
leftSeamX,
rightSeamX,
d.ROW_HEIGHT,
seams.settingsLeftDir,
seams.corpRightDir,
phase
)
};
}

function appendFrame(svg, geometry) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var group = frame.create('g', 'portal-section-frame');
var surface = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
f.BORDER,
d.ROW_HEIGHT - f.BORDER,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.BORDER,
f.BORDER
);
var well = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
f.FRAME_FACE,
d.ROW_HEIGHT - f.FRAME_FACE,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.FRAME_FACE,
f.FRAME_FACE
);
var joinCover = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
0,
d.OVERLAP,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
0,
0
);
var sideBevel = frame.segmentAt(
geometry.leftSeamX,
geometry.rightSeamX,
d.OVERLAP,
d.ROW_HEIGHT - f.BORDER,
geometry.leftDir,
geometry.rightDir,
geometry.phase,
f.BORDER + f.BEVEL,
f.BORDER + f.BEVEL
);

group.appendChild(frame.polygon('portal-section-frame-edge', geometry.points));
group.appendChild(frame.polygon('portal-section-frame-surface', surface));
group.appendChild(frame.polygon('portal-section-frame-well', well));
group.appendChild(frame.polygon('portal-section-join-side-cover', joinCover));
group.appendChild(frame.line('portal-section-frame-shadow', sideBevel[3], sideBevel[0]));
group.appendChild(frame.line('portal-section-frame-highlight', sideBevel[1], sideBevel[2]));
group.appendChild(frame.line('portal-section-well-shadow', well[0], well[1]));
group.appendChild(frame.line('portal-section-well-shadow', well[1], well[2]));
group.appendChild(frame.line('portal-section-well-highlight', well[3], well[0]));
group.appendChild(frame.line('portal-section-well-highlight', well[2], well[3]));
svg.appendChild(group);
}

function splitButtons(geometry) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var leftBase = geometry.leftSeamX + f.FRAME_FACE + f.GAP;
var rightBase = geometry.rightSeamX - f.FRAME_FACE - f.GAP;
var leftTop = frame.slantX(leftBase, d.BUTTON_TOP, geometry.leftDir, geometry.phase);
var rightTop = frame.slantX(rightBase, d.BUTTON_TOP, geometry.rightDir, geometry.phase);
var topMid = Math.round((leftTop + rightTop) / 2);
var halfGap = f.GAP / 2;

return [
{
leftTopX:leftBase,
rightTopX:topMid - halfGap,
leftDir:geometry.leftDir,
rightDir:0,
phase:geometry.phase
},
{
leftTopX:topMid + halfGap,
rightTopX:rightBase,
leftDir:0,
rightDir:geometry.rightDir,
phase:geometry.phase
}
];
}

function appendButton(svg, item, button) {
var frame = api();
var f = frame.FRAME;
var d = frame.DIMENSIONS;
var points = frame.segmentAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_TOP,
d.BUTTON_BOTTOM,
button.leftDir,
button.rightDir,
button.phase,
0,
0
);
var surface = frame.segmentAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_TOP + f.BORDER,
d.BUTTON_BOTTOM - f.BORDER,
button.leftDir,
button.rightDir,
button.phase,
f.BORDER,
f.BORDER
);
var bevel = frame.segmentAt(
button.leftTopX,
button.rightTopX,
d.BUTTON_TOP + f.BORDER + f.BEVEL,
d.BUTTON_BOTTOM - f.BORDER - f.BEVEL,
button.leftDir,
button.rightDir,
button.phase,
f.BORDER + f.BEVEL,
f.BORDER + f.BEVEL
);
var anchor = frame.create('a', 'portal-cat-anchor portal-section-anchor');
var group = frame.create('g', 'portal-section-button-geometry');
var hit = frame.polygon('portal-cat-hit', points);
var text = frame.create('text', 'portal-cat-label portal-section-label');
var href = item.href || buildWikiPath(item.title);

anchor.setAttribute('data-category-key', item.key);
anchor.setAttribute('href', href);
anchor.setAttributeNS(XLINK_NS, 'xlink:href', href);
anchor.setAttribute('aria-label', item.label);
group.appendChild(frame.polygon('portal-cat-edge', points));
group.appendChild(frame.polygon('portal-cat-surface', surface));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-top', bevel[0], bevel[1]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-right', bevel[1], bevel[2]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-bottom', bevel[2], bevel[3]));
group.appendChild(frame.line('portal-cat-inset portal-cat-inset-left', bevel[3], bevel[0]));
hit.setAttribute('pointer-events', 'all');
group.appendChild(hit);
anchor.appendChild(group);

text.setAttribute('x', frame.centerX(surface));
text.setAttribute('y', Math.round((d.BUTTON_TOP + d.BUTTON_BOTTOM) / 2) + 1);
text.setAttribute('font-size', '12');
text.setAttribute('font-weight', '700');
text.setAttribute('text-anchor', 'middle');
text.setAttribute('dominant-baseline', 'middle');
text.textContent = item.label;
anchor.appendChild(text);
svg.appendChild(anchor);
}

function renderPortal(portal, seams) {
var frame = api();
var current = seams || (frame && frame.seams);
var topMount;
var mount;
var nav;
var svg;
var geometry;
var buttons;

if (!frame || !portal || !current || !current.width) return false;
topMount = portal.querySelector('[data-component="category-nav"]');
if (!topMount) return false;
mount = ensureMount(portal, topMount);
geometry = outerGeometry(current);
buttons = splitButtons(geometry);
nav = document.createElement('nav');
nav.className = 'portal-section-nav';
nav.setAttribute('aria-label', '작품 영역');
svg = frame.create('svg', 'portal-section-svg');
svg.setAttribute('viewBox', '0 0 ' + current.width + ' ' + frame.DIMENSIONS.ROW_HEIGHT);
svg.setAttribute('width', '100%');
svg.setAttribute('height', frame.DIMENSIONS.ROW_HEIGHT);
svg.setAttribute('preserveAspectRatio', 'none');
svg.setAttribute('data-frame-width', current.width);

appendFrame(svg, geometry);
ITEMS.forEach(function (item, index) { appendButton(svg, item, buttons[index]); });
nav.appendChild(svg);
mount.replaceChildren(nav);
mount.setAttribute('data-portal-section-rendered', '1');
mount.setAttribute('data-portal-section-width', String(current.width));
mount.setAttribute('data-portal-section-phase', String(geometry.phase));
return true;
}

function collectPortals(root) {
var scope = root && root.querySelectorAll ? root : document;
var portals = [];
if (scope.matches && scope.matches('.main-portal')) portals.push(scope);
Array.prototype.forEach.call(scope.querySelectorAll('.main-portal'), function (portal) {
if (portals.indexOf(portal) === -1) portals.push(portal);
});
return portals;
}

function renderAll(root, seams) {
var rendered = 0;
collectPortals(root).forEach(function (portal) {
if (renderPortal(portal, seams)) rendered += 1;
});
return rendered;
}

function schedule(root, seams) {
window.clearTimeout(renderTimer);
renderTimer = window.setTimeout(function () {
renderTimer = 0;
renderAll(root || document, seams);
}, 0);
}

if (api()) api().onSeams(function (seams) { schedule(document, seams); });
if (mw && mw.hook) {
mw.hook('wikipage.content').add(function (content) {
schedule(content && content[0] ? content[0] : document);
});
}

window.PortalSectionNav = {
version:VERSION,
init:renderAll,
render:renderPortal,
renderAll:renderAll
};
}(window, document, window.mw));

미디어위키:Common.js

2026-07-17T02:35:53Z

Nxdsxn: Install package: clbiwiki-portal-frame-display-fix-20260717 / js/Common.js

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-display-fix-20260717-002';

/*
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 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 ensure() {
if (!isMainPage()) return Promise.resolve(false);

return loadStyle()
.then(function () {
return loadScript('MediaWiki:FrameGeometry.js');
})
.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 () {
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]'),
geometry: !!document.querySelector(
'script[data-main-page-fresh-script="MediaWiki:FrameGeometry.js"]'
),
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"]'
)
};
}

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

observer.observe(document.body, {
childList: true,
subtree: true
});
}

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

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

function render(now) {
if (halftoneState.runId !== runId || halftoneState.contextLost) {
return;
}

requestAnimationFrame(render);

if (document.hidden) {
return;
}

if (now - lastFrame < getFrameInterval()) {
return;
}

if (shouldSkipHalftoneDrawForGlobe()) {
lastFrame = now;
halftoneState.lastGlobeBusySkipAt = now;

/*
* Pause the halftone clock while a hard-busy globe frame owns the
* budget. Without this, the next visible background frame catches
* up to wall-clock time and the pattern appears to skip forward.
* Updating lastVisualNow here makes the animation resume from the
* last visible moment instead of replaying the hidden gap.
*/
lastVisualNow = now;
return;
}

lastFrame = now;
draw(now);
}

draw(performance.now());
requestAnimationFrame(render);
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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;

root.style.setProperty('--clbi-stage-design-w', stageW + 'px');
root.style.setProperty('--clbi-stage-design-h', Math.floor(stageH) + 'px');
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);

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;

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.getBoundingClientRect().height || top.offsetHeight || 0);
}

if (bottom) {
bottomH = Math.ceil(bottom.getBoundingClientRect().height || bottom.offsetHeight || 0);
}

root.style.setProperty('--clbi-top-nav-outer-h', topH + 'px');
root.style.setProperty('--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.setTimeout(requestClbiShellMetricsFrame, 0);
window.setTimeout(requestClbiShellMetricsFrame, 80);
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();

$(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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

$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.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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/\"/g, '"')
.replace(/'/g, ''');
}

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 ? ' ' : 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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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="/index.php?title=특수:Redirect/file/Pfp-default.png";">' +
'<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, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}

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 t0 = performance.now();

function render() {
raf = requestAnimationFrame(render);
if (!texReady) { uploadImg(); 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(); }
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);
});
}

if (typeof MutationObserver === 'function') {
mainPagePlacementMutationObserver = new MutationObserver(scheduleMainPageDecorationRebase);
mainPagePlacementMutationObserver.observe(portal, { childList: true, subtree: true });
}
}

scheduleMainPageDecorationRebase();
window.setTimeout(scheduleMainPageDecorationRebase, 80);
window.setTimeout(scheduleMainPageDecorationRebase, 250);
}

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);