uildCodes(){
var b = document.getElementById('buildcodes');
if(!b){
b = document.createElement('div');
b.id = 'buildcodes';
b.style.cssText = 'position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;background:rgba(20,10,0,0.95);border:2px solid #ffcc00;border-radius:12px;padding:15px;color:#fff;font:12px monospace;max-width:500px;max-height:85vh;overflow:auto;';
document.body.appendChild(b);
}
b.style.display = 'block';
renderBuildCodes();
}
function renderBuildCodes(){
var b = document.getElementById('buildcodes');
if(!b) return;
/* filter by category */
var filtered = BC_CAT==='All' ? BUILD_CODES : BUILD_CODES.filter(function(x){ return x.cat===BC_CAT; });
var perPage = 25;
var pages = Math.ceil(filtered.length/perPage);
if(BC_PAGE >= pages) BC_PAGE = 0;
var start = BC_PAGE*perPage;
var page = filtered.slice(start, start+perPage);
var html = 'BUILDING CODES — '+filtered.length+' ';
html += '
';
/* category filter */
var cats = ['All','Foundations','Walls','Towers','Bridges','Domes & Arches','Materials','Colors & Finishes','Scale & Size','Soliditronium','Special'];
html += 'SIFT: ';
cats.forEach(function(cat){
html += ' ';
});
html += '
';
/* codes */
page.forEach(function(item){
html += '';
html += ''+item.title+' ('+item.code+')
';
html += ''+item.desc+'
';
html += '';
html += '
';
});
/* pagination */
html += '
';
if(BC_PAGE>0) html += ' ';
html += 'Page '+(BC_PAGE+1)+'/'+pages+' ';
if(BC_PAGE