@tileflow/core 0.1.0-alpha.36 → 0.1.0-alpha.37

package/dist/browser.js

@@ -4269,23 +4269,23 @@ function matrix3d(matrix) {
 var tileflowAtmosphereMetadataKey = "tileflow:atmosphere";
 function readTileflowAtmosphere(value) {
   if (!value || typeof value !== "object" || Array.isArray(value)) return void 0;
-  const record = value;
-  if (record.version !== 1 || Object.keys(record).length !== 7) return void 0;
+  const record2 = value;
+  if (record2.version !== 1 || Object.keys(record2).length !== 7) return void 0;
   for (const key of ["skyColor", "horizonColor", "fogColor", "spaceColor"]) {
-    if (typeof record[key] !== "string" || !/^#[0-9a-f]{6}$/i.test(record[key])) return void 0;
+    if (typeof record2[key] !== "string" || !/^#[0-9a-f]{6}$/i.test(record2[key])) return void 0;
   }
   for (const key of ["starIntensity", "starParallax"]) {
-    const number = record[key];
+    const number = record2[key];
     if (typeof number !== "number" || !Number.isFinite(number) || number < 0 || number > 1)
       return void 0;
   }
   return {
-    skyColor: record.skyColor,
-    horizonColor: record.horizonColor,
-    fogColor: record.fogColor,
-    spaceColor: record.spaceColor,
-    starIntensity: record.starIntensity,
-    starParallax: record.starParallax
+    skyColor: record2.skyColor,
+    horizonColor: record2.horizonColor,
+    fogColor: record2.fogColor,
+    spaceColor: record2.spaceColor,
+    starIntensity: record2.starIntensity,
+    starParallax: record2.starParallax
   };
 }
 function atmosphereSpaceOpacity(zoom) {
@@ -4832,6 +4832,16 @@ var tileflowModelParts = Object.freeze({
   accent: 3,
   roof: 4
 });
+var tileflowModelLightingRoles = Object.freeze({
+  unclassified: 0,
+  wall: 1,
+  door: 2,
+  roof: 3,
+  window: 4,
+  lamp: 5,
+  logo: 6
+});
+var tileflowModelDefaultLightingRoles = Object.freeze([1, 1, 4, 1, 3]);
 var tileflowModelLimits = Object.freeze({
   /** Levels of detail, nearest first. */
   levels: 3,
@@ -4954,6 +4964,83 @@ function tileMetresAt(latitude, zoom) {
   return 40075016686e-3 * Math.cos(latitude * Math.PI / 180) / 2 ** zoom;
 }
 
+// src/building-illumination.ts
+var defaultBuildingFloodLight = Object.freeze({
+  intensity: 0,
+  brightnessScale: 1,
+  color: "#f5cfa8",
+  groundRadius: [30, 100],
+  minGroundHeight: 30,
+  minWallHeight: 200,
+  wallHeightRatio: 1 / 3
+});
+var defaultModelEmissionGradient = [0, 1, 1, 1, 0];
+function readBuildingFloodLight(value) {
+  if (!record(value)) return void 0;
+  const defaults = defaultBuildingFloodLight;
+  const radius = value.groundRadius;
+  return {
+    intensity: bounded(value.intensity, 0, 1, 0),
+    brightnessScale: bounded(value.brightnessScale, 0, 16, 1),
+    color: typeof value.color === "string" ? value.color : defaults.color,
+    groundRadius: Array.isArray(radius) && radius.length === 2 && radius.every((v2) => typeof v2 === "number" && Number.isFinite(v2) && v2 >= 0 && v2 <= 2048) && radius[0] <= radius[1] ? [radius[0], radius[1]] : defaults.groundRadius,
+    minGroundHeight: bounded(value.minGroundHeight, 0, 6e3, defaults.minGroundHeight),
+    minWallHeight: bounded(value.minWallHeight, 0, 6e3, defaults.minWallHeight),
+    wallHeightRatio: bounded(value.wallHeightRatio, 0, 1, defaults.wallHeightRatio)
+  };
+}
+function readModelRoleLighting(value) {
+  if (!record(value)) return void 0;
+  const result = {};
+  for (const role of Object.keys(tileflowModelLightingRoles)) {
+    const entry = value[role];
+    if (!record(entry)) continue;
+    const gradient = entry.emissiveHeight;
+    result[role] = {
+      emissiveStrength: bounded(entry.emissiveStrength, 0, 5, 0),
+      ...entry.emissiveVariation === void 0 ? {} : { emissiveVariation: bounded(entry.emissiveVariation, 0, 1, 0) },
+      ...typeof entry.emissiveColor === "string" ? { emissiveColor: entry.emissiveColor } : {},
+      ...typeof entry.color === "string" ? { color: entry.color } : {},
+      ...entry.colorMix === void 0 ? {} : { colorMix: bounded(entry.colorMix, 0, 1, 1) },
+      ...entry.metallic === void 0 ? {} : { metallic: bounded(entry.metallic, 0, 1, 0) },
+      ...entry.roughness === void 0 ? {} : { roughness: bounded(entry.roughness, 0, 1, 1) },
+      ...readRoleColorVariation(entry.colorVariation),
+      emissiveHeight: Array.isArray(gradient) && gradient.length === 5 && gradient.every(
+        (v2, i2) => typeof v2 === "number" && Number.isFinite(v2) && v2 <= 1 && v2 >= (i2 === 4 ? -1 : 0)
+      ) ? gradient : defaultModelEmissionGradient
+    };
+  }
+  return Object.keys(result).length ? result : void 0;
+}
+function readRoleColorVariation(value) {
+  if (!record(value)) return {};
+  for (const [key, max2] of [
+    ["hue", 360],
+    ["saturation", 100],
+    ["lightness", 100]
+  ]) {
+    const range = value[key];
+    if (!Array.isArray(range) || range.length !== 2 || range[0] > range[1] || !range.every((v2) => typeof v2 === "number" && Number.isFinite(v2) && v2 >= 0 && v2 <= max2))
+      return {};
+  }
+  if (value.space !== void 0 && value.space !== "srgb" && value.space !== "linear") return {};
+  return { colorVariation: value };
+}
+function buildingFloodLightShare(sun, brightnessScale = 1) {
+  const luminance2 = (rgb) => {
+    const linear = rgb.map((c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4);
+    return 0.2126 * linear[0] + 0.7152 * linear[1] + 0.0722 * linear[2];
+  };
+  const brightness = (luminance2(sun.ambient.rgb) * sun.ambient.intensity + luminance2(sun.rgb) * sun.intensity * Math.max(0, sun.altitude / 90)) / 2;
+  return Math.min(1, Math.max(0, (0.026 - brightness * brightnessScale) / (0.026 - 0.015)));
+}
+function bounded(value, min, max2, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value >= min && value <= max2 ? value : fallback;
+}
+function record(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+
 // src/buildings-3d-design.ts
 var tileflowBuildingsMetadataKey = "tileflow:buildings";
 var tileflowDefaultBuildings3DDesign = Object.freeze({
@@ -4968,7 +5055,8 @@ var tileflowDefaultBuildings3DDesign = Object.freeze({
   nightLight: 0,
   windows: false,
   shadows: true,
-  occlusion: true
+  occlusion: true,
+  modelOcclusion: 0.75
 });
 function readTileflowBuildings3D(metadata) {
   if (!isRecord6(metadata)) return void 0;
@@ -4980,6 +5068,8 @@ function readTileflowBuildings3D(metadata) {
   if (typeof color !== "string" && !Array.isArray(color)) return void 0;
   const within = (number, high, fallback) => typeof number === "number" && number >= 0 && number <= high ? number : fallback;
   const defaults = tileflowDefaultBuildings3DDesign;
+  const floodLight = readBuildingFloodLight(value.floodLight);
+  const modelLighting = readModelRoleLighting(value.modelLighting);
   return {
     source,
     layers: {
@@ -4994,9 +5084,12 @@ function readTileflowBuildings3D(metadata) {
     verticalGradient: value.verticalGradient !== false,
     ...typeof value.edgeColor === "string" ? { edgeColor: value.edgeColor } : {},
     nightLight: within(value.nightLight, 2, 0),
+    ...floodLight ? { floodLight } : {},
+    ...modelLighting ? { modelLighting } : {},
     windows: value.windows === true,
     shadows: typeof value.shadows === "boolean" ? value.shadows : defaults.shadows,
     occlusion: typeof value.occlusion === "boolean" ? value.occlusion : defaults.occlusion,
+    modelOcclusion: within(value.modelOcclusion, 1, defaults.modelOcclusion),
     ...modelsOf(value.models),
     ...modelColorsOf(value.modelColors),
     ...landmarksOf(value.landmarks)
@@ -5004,6 +5097,17 @@ function readTileflowBuildings3D(metadata) {
 }
 var modelId = /^[a-z0-9]+(?:-[a-z0-9]+)*$/u;
 var tileflowBuildingModelPlacementLimit = 256;
+var teamModelPrefix = "tileflow://team-models/";
+function tileflowTeamModelUrl(model) {
+  if (!modelId.test(model) || model.length > 64)
+    throw new RangeError(`"${model}" is not a 3D model name.`);
+  return `${teamModelPrefix}${model}`;
+}
+function readTileflowTeamModelName(url) {
+  if (!url.startsWith(teamModelPrefix)) return void 0;
+  const model = url.slice(teamModelPrefix.length);
+  return modelId.test(model) && model.length <= 64 ? model : void 0;
+}
 function modelsOf(value) {
   if (!Array.isArray(value)) return {};
   const models = [];
@@ -6028,8 +6132,9 @@ function meshTileflowBuildings(layer, options) {
         }
       used = true;
       tallest = Math.max(tallest, height);
-      const seed = hash(cx * 0.0731 + cy * 0.19137 + index * 1.618);
-      const jitter = rings[0].some((value) => value <= 0 || value >= tileflowBuildingExtent) ? hash(height * 7.31 + base * 3.17 + tone) : seed;
+      const identified = Number.isSafeInteger(feature.id);
+      const seed = identified ? hash(feature.id * 0.0731) : hash(cx * 0.0731 + cy * 0.19137 + index * 1.618);
+      const jitter = !identified && rings[0].some((value) => value <= 0 || value >= tileflowBuildingExtent) ? hash(height * 7.31 + base * 3.17 + tone) : seed;
       const building = { base, top: height, jitter, seed, tone, group, use, cx, cy, index };
       const rounded = rings.map(
         (ring, at) => roundCorners(ring, at, edgeRadius, options.cornerAngle)
@@ -6578,7 +6683,7 @@ function browserWorker() {
   if (typeof Worker === "undefined" || false)
     return;
   const url = URL.createObjectURL(
-    new Blob(['"use strict";(()=>{var An=new Set,Dn=!1;function kn(n,e,t=2){let s=e&&e.length,o=s?e[0]*t:n.length;An.size&&An.clear();let r=he(n,0,o,t,!0),i=[];if(!r||r.next===r.prev)return i;let u=0,l=0,c=0;if(s&&(r=_e(n,e,r,t)),n.length>80*t){u=n[0],l=n[1];let a=u,f=l;for(let h=t;h<o;h+=t){let m=n[h],b=n[h+1];m<u&&(u=m),b<l&&(l=b),m>a&&(a=m),b>f&&(f=b)}c=Math.max(a-u,f-l),c=c!==0?32767/c:0}return Wn(r,i,u,l,c),i}function he(n,e,t,s,o){let r=null;if(o===Ye(n,e,t,s)>0)for(let i=e;i<t;i+=s)r=fe(i/s|0,n[i],n[i+1],r);else for(let i=t-s;i>=e;i-=s)r=fe(i/s|0,n[i],n[i+1],r);return r&&In(r,r.next)&&(Tn(r),r=r.next),r}function fn(n,e=n){let t=e===n,s=n,o;do o=!1,s!==s.next&&(An.size===0||!An.has(s))&&(In(s,s.next)||O(s.prev,s,s.next)===0)?((t||s===e)&&(e=s.prev),Dn=!0,Tn(s),s=s.prev,o=!0):(t||s!==e)&&(s=s.next,o=!t);while(o||s!==e);return e}function Wn(n,e,t,s,o){o&&Se(n,t,s,o);let r=n,i=!1;for(;n.prev!==n.next;){let u=n.prev,l=n.next;if(O(u,n,l)<0&&(o?ke(n,t,s,o):Te(n))){e.push(u.i,n.i,l.i),Tn(n),n=l,r=l;continue}if(n=l,n===r){if(Dn=!1,n=fn(n),Dn){r=n;continue}if(!i){n=Be(n,e),r=n,i=!0;continue}Fe(n,e,t,s,o);break}}}function Te(n){let e=n.prev,t=n,s=n.next,o=e.x,r=t.x,i=s.x,u=e.y,l=t.y,c=s.y,a=Math.min(o,r,i),f=Math.min(u,l,c),h=Math.max(o,r,i),m=Math.max(u,l,c),b=s.next;for(;b!==e;){if(b.x>=a&&b.x<=h&&b.y>=f&&b.y<=m&&!(o===b.x&&u===b.y)&&Vn(o,u,r,l,i,c,b.x,b.y)&&O(b.prev,b,b.next)>=0)return!1;b=b.next}return!0}function ke(n,e,t,s){let o=n.prev,r=n,i=n.next,u=o.x,l=r.x,c=i.x,a=o.y,f=r.y,h=i.y,m=Math.min(u,l,c),b=Math.min(a,f,h),d=Math.max(u,l,c),x=Math.max(a,f,h),I=$n(m,b,e,t,s),B=$n(d,x,e,t,s),M=n.prevZ;for(;M&&M.z>=I;){if(M.x>=m&&M.x<=d&&M.y>=b&&M.y<=x&&M!==i&&!(u===M.x&&a===M.y)&&Vn(u,a,l,f,c,h,M.x,M.y)&&O(M.prev,M,M.next)>=0)return!1;M=M.prevZ}let y=n.nextZ;for(;y&&y.z<=B;){if(y.x>=m&&y.x<=d&&y.y>=b&&y.y<=x&&y!==i&&!(u===y.x&&a===y.y)&&Vn(u,a,l,f,c,h,y.x,y.y)&&O(y.prev,y,y.next)>=0)return!1;y=y.nextZ}return!0}function Be(n,e){let t=n,s=!1;do{let o=t.prev,r=t.next.next;xe(o,t,t.next,r,!1)&&Un(o,r)&&Un(r,o)&&(e.push(o.i,t.i,r.i),Tn(t),Tn(t.next),t=n=r,s=!0),t=t.next}while(t!==n);return s?fn(t):t}function Fe(n,e,t,s,o){let r=n;do{let i=r.next.next;for(;i!==r.prev;){if(r.i!==i.i&&He(r,i)){let u=de(r,i);r=fn(r,r.next),u=fn(u,u.next),Wn(r,e,t,s,o),Wn(u,e,t,s,o);return}i=i.next}r=r.next}while(r!==n)}var Kn=!1;function _e(n,e,t,s){let o=[];for(let r=0,i=e.length;r<i;r++){let u=e[r]*s,l=r<i-1?e[r+1]*s:n.length,c=he(n,u,l,s,!1);c===c.next&&An.add(c),o.push(Ee(c))}o.sort(Pe),Le(n.length/s,e.length),be(t,t),Kn=!0;for(let r=0;r<o.length;r++)t=Oe(o[r],t);return Kn=!1,fn(t)}function Pe(n,e){return n.x-e.x||n.y-e.y||(n.next.y-n.y)/(n.next.x-n.x)-(e.next.y-e.y)/(e.next.x-e.x)}function Oe(n,e){let t=ze(n,e);if(!t)return e;let s=de(t,n),o=s.next;return be(t,o.next),fn(s,s.next),fn(t,t.next)}var me=16,_=new Float64Array(0),Nn=0,Jn=[],Qn=[];function Le(n,e){let t=Math.ceil((n+2*e)/me)+e+2;_.length<t*4&&(_=new Float64Array(t*4)),Nn=0}function be(n,e){let t=n;do{let s=Nn++;Jn[s]=t;let o=t.x,r=t.y,i=t.x,u=t.y,l=0;do{let a=t.next;t.z=s,a.x<o&&(o=a.x),a.x>i&&(i=a.x),a.y<r&&(r=a.y),a.y>u&&(u=a.y),t=a}while(++l<me&&t!==e);Qn[s]=t;let c=s*4;_[c]=o,_[c+1]=r,_[c+2]=i,_[c+3]=u}while(t!==e)}function Ce(n,e){let t=n.z*4;e.x<_[t]&&(_[t]=e.x),e.y<_[t+1]&&(_[t+1]=e.y),e.x>_[t+2]&&(_[t+2]=e.x),e.y>_[t+3]&&(_[t+3]=e.y)}function ce(n){let e=Qn[n];for(;e.prev.next!==e;)e=e.next;return Qn[n]=e,e}function ae(n){let e=Jn[n];for(;e.prev.next!==e;)e=e.next;return Jn[n]=e,e}function ze(n,e){let t=e,s=n.x,o=n.y,r=-1/0,i;if(In(n,t))return t;for(let h=0,m=0;h<Nn;h++,m+=4){if(o<_[m+1]||o>_[m+3]||_[m]>s||_[m+2]<=r)continue;let b=ce(h);t=ae(h);do{if(t.prev.next===t){if(In(n,t.next))return t.next;if(o<=t.y&&o>=t.next.y&&t.next.y!==t.y){let d=t.x+(o-t.y)*(t.next.x-t.x)/(t.next.y-t.y);if(d<=s&&d>r&&(r=d,i=t.x<t.next.x?t:t.next,d===s))return i}}t=t.next}while(t!==b)}if(!i)return null;let u=i.x,l=i.y,c=Math.min(o,l),a=Math.max(o,l),f=1/0;for(let h=0,m=0;h<Nn;h++,m+=4){if(_[m+2]<u||_[m]>s||_[m+3]<c||_[m+1]>a)continue;let b=ce(h);t=ae(h);do{if(t.prev.next===t&&s>=t.x&&t.x>=u&&s!==t.x&&Vn(o<l?s:r,o,u,l,o<l?r:s,o,t.x,t.y)){let d=Math.abs(o-t.y)/(s-t.x);(Un(t,n)||t.y===o&&t.next.y===o&&t.next.x>s)&&(d<f||d===f&&(t.x>i.x||t.x===i.x&&Ze(i,t)))&&(i=t,f=d)}t=t.next}while(t!==b)}return i}function Ze(n,e){return O(n.prev,n,e.prev)<0&&O(e.next,n,n.next)<0}var K=[],dn=[],an=new Uint32Array(0),vn=new Uint32Array(0),Rn=new Uint32Array(256);function Se(n,e,t,s){let o=n,r=0;do o.z=$n(o.x,o.y,e,t,s),K[r++]=o,o=o.next;while(o!==n);je(r);let i=null;for(let u=0;u<r;u++){let l=K[u];l.prevZ=i,i&&(i.nextZ=l),i=l}i.nextZ=null,K.fill(null,0,r),dn.fill(null,0,r)}function je(n){if(n<=32){for(let e=1;e<n;e++){let t=K[e],s=t.z,o=e-1;for(;o>=0&&K[o].z>s;)K[o+1]=K[o],o--;K[o+1]=t}return}an.length<n&&(an=new Uint32Array(n),vn=new Uint32Array(n),dn=new Array(n));for(let e=0;e<n;e++)an[e]=K[e].z;En(n,K,an,dn,vn,0),En(n,dn,vn,K,an,8),En(n,K,an,dn,vn,16),En(n,dn,vn,K,an,24)}function En(n,e,t,s,o,r){Rn.fill(0);for(let u=0;u<n;u++)Rn[t[u]>>>r&255]++;let i=0;for(let u=0;u<256;u++){let l=Rn[u];Rn[u]=i,i+=l}for(let u=0;u<n;u++){let l=t[u],c=Rn[l>>>r&255]++;s[c]=e[u],o[c]=l}}function $n(n,e,t,s,o){return n=(n-t)*o|0,e=(e-s)*o|0,n=(n|n<<8)&16711935,n=(n|n<<4)&252645135,n=(n|n<<2)&858993459,n=(n|n<<1)&1431655765,e=(e|e<<8)&16711935,e=(e|e<<4)&252645135,e=(e|e<<2)&858993459,e=(e|e<<1)&1431655765,n|e<<1}function Ee(n){let e=n,t=n;do(e.x<t.x||e.x===t.x&&e.y<t.y)&&(t=e),e=e.next;while(e!==n);return t}function Vn(n,e,t,s,o,r,i,u){return(o-i)*(e-u)>=(n-i)*(r-u)&&(n-i)*(s-u)>=(t-i)*(e-u)&&(t-i)*(r-u)>=(o-i)*(s-u)}function He(n,e){let t=In(n,e)&&O(n.prev,n,n.next)>0&&O(e.prev,e,e.next)>0;return n.next.i!==e.i&&(t||Un(n,e)&&Un(e,n)&&(O(n.prev,n,e.prev)!==0||O(n,e.prev,e)!==0))&&!Ne(n,e)&&(t||Ve(n,e))}function O(n,e,t){return(e.y-n.y)*(t.x-e.x)-(e.x-n.x)*(t.y-e.y)}function In(n,e){return n.x===e.x&&n.y===e.y}function xe(n,e,t,s,o=!0){let r=O(n,e,t),i=O(n,e,s),u=O(t,s,n),l=O(t,s,e);return(r>0&&i<0||r<0&&i>0)&&(u>0&&l<0||u<0&&l>0)?!0:o?!!(r===0&&Hn(n,t,e)||i===0&&Hn(n,s,e)||u===0&&Hn(t,n,s)||l===0&&Hn(t,e,s)):!1}function Hn(n,e,t){return e.x<=Math.max(n.x,t.x)&&e.x>=Math.min(n.x,t.x)&&e.y<=Math.max(n.y,t.y)&&e.y>=Math.min(n.y,t.y)}function Ne(n,e){let t=Math.min(n.x,e.x),s=Math.max(n.x,e.x),o=Math.min(n.y,e.y),r=Math.max(n.y,e.y),i=n;do{let u=i.next;if(i.x>s&&u.x>s||i.x<t&&u.x<t||i.y>r&&u.y>r||i.y<o&&u.y<o){i=u;continue}if(i.i!==n.i&&u.i!==n.i&&i.i!==e.i&&u.i!==e.i&&xe(i,u,n,e))return!0;i=u}while(i!==n);return!1}function Un(n,e){return O(n.prev,n,n.next)<0?O(n,e,n.next)>=0&&O(n,n.prev,e)>=0:O(n,e,n.prev)<0||O(n,n.next,e)<0}function Ve(n,e){let t=n,s=!1,o=(n.x+e.x)/2,r=(n.y+e.y)/2;do{let i=t.next;t.y>r!=i.y>r&&o<(i.x-t.x)*(r-t.y)/(i.y-t.y)+t.x&&(s=!s),t=i}while(t!==n);return s}function de(n,e){let t=qn(n.i,n.x,n.y),s=qn(e.i,e.x,e.y),o=n.next,r=e.prev;return n.next=e,e.prev=n,t.next=o,o.prev=t,s.next=t,t.prev=s,r.next=s,s.prev=r,s}function fe(n,e,t,s){let o=qn(n,e,t);return s?(o.next=s.next,o.prev=s,s.next.prev=o,s.next=o):(o.prev=o,o.next=o),o}function Tn(n){n.next.prev=n.prev,n.prev.next=n.next,n.prevZ&&(n.prevZ.nextZ=n.nextZ),n.nextZ&&(n.nextZ.prevZ=n.prevZ),Kn&&Ce(n.prev,n.next)}function qn(n,e,t){return{i:n,x:e,y:t,prev:null,next:null,z:0,prevZ:null,nextZ:null}}function Ye(n,e,t,s){let o=0;for(let r=e,i=t-s;r<t;r+=s)o+=(n[i]-n[r])*(n[r+1]+n[i+1]),i=r;return o}var Xe=.7,Ge=Math.tan(Math.PI/6),De=Math.tan(35*Math.PI/180),We=Math.tan(Math.PI/18),Bn=.65,Fn=.4;function Me(n,e,t,s,o,r,i){let u=String(t.roof_shape??"");if(!u||u==="flat"||u==="sawtooth"||qe(n,i))return;let l=Qe(n);if(!l||Math.abs(ne(n))<Xe*4*l.halfU*l.halfV)return;let c=l.u,a=l.v,f=l.halfU*r,h=l.halfV*r;f<h&&([c,a,f,h]=[a,c,h,f]);let m=ge(t.roof_direction),b=m===void 0?void 0:[Math.sin(m*Math.PI/180),-Math.cos(m*Math.PI/180)];(b!==void 0?Math.abs(b[0]*c[0]+b[1]*c[1])>Math.abs(b[0]*a[0]+b[1]*a[1]):t.roof_orientation==="across")&&u!=="skillion"&&([c,a,f,h]=[a,c,h,f]);let x=Je(u,f,h,b&&[pe(b,c),pe(b,a)]);if(!x)return;let I=Math.max(0,o-s),B=ge(t.roof_height),M,y;if(B!==void 0&&B>0)y=o,M=Math.max(s+Math.min(2,I/2),o-B);else{let p=Math.min(Ke(u,h),I*.6,30);t.height_source==="height"?(y=o,M=o-p):(M=o,y=o+p)}let k=y-M;if(!(k>=.3))return;let[R,N]=l.centre,F=(p,A)=>{let v=(p-R)*r,g=(A-N)*r;return[v*c[0]+g*c[1],v*a[0]+g*a[1]]},S=(p,A)=>[R+(p*c[0]+A*a[0])/r,N+(p*c[1]+A*a[1])/r],J=(p,A)=>{let v=1/0;for(let[g,E,H]of x)v=Math.min(v,g*p+E*A+H);return Math.max(0,v)},Q=(p,A)=>M+k*J(...F(p,A)),L=[];for(let p=0;p+1<e.length;p+=2)L.push(...F(e[p],e[p+1]));ne(L)<0&&nt(L);let C=1.01,$=[-f*C,-h*C,f*C,-h*C,f*C,h*C,-f*C,h*C],V=[];for(let[p,A]of x.entries()){let v=$;for(let[T,j]of x.entries()){if(T===p)continue;let z=A[0]-j[0],nn=A[1]-j[1],en=A[2]-j[2];if(Math.abs(z)+Math.abs(nn)+Math.abs(en)<1e-9){T<p&&(v=[]);continue}if(v=ye(v,z,nn,en),v.length<6)break}if(v.length<6)continue;let g=L,E=v.length/2;for(let T=0;T<E&&g.length>=6;T+=1){let[j,z]=[v[T*2],v[T*2+1]],[nn,en]=[v[(T+1)%E*2],v[(T+1)%E*2+1]];g=ye(g,en-z,j-nn,-(en-z)*j-(j-nn)*z)}if(g.length<6||Math.abs(ne(g))<1e-6)continue;let H=[];for(let T=0;T<g.length;T+=2)H.push(...S(g[T],g[T+1]));let q=kn(H);if(q.length===0)continue;let on=k*A[0],Y=k*A[1],w=on*c[0]+Y*a[0],U=on*c[1]+Y*a[1],rn=Math.hypot(w,U,1);V.push({ring:H,triangles:q,normal:[-w/rn,-U/rn]})}if(V.length!==0)return{eaves:M,ridge:y,faces:V,heightAt:Q,breaks(p,A,v,g){let[E,H]=F(p,A),[q,on]=F(v,g),Y=[];for(let w=0;w<x.length;w+=1)for(let U=w+1;U<x.length;U+=1){let rn=(Z,P)=>(x[w][0]-x[U][0])*Z+(x[w][1]-x[U][1])*P+(x[w][2]-x[U][2]),T=rn(E,H),j=rn(q,on);if(T===j||T*j>0)continue;let z=T/(T-j);if(z<=1e-4||z>=1-1e-4)continue;let nn=E+(q-E)*z,en=H+(on-H)*z;x[w][0]*nn+x[w][1]*en+x[w][2]<=J(nn,en)+1e-6&&Y.push(z)}return[...new Set(Y.map(w=>Math.round(w*1e6)/1e6))].sort((w,U)=>w-U)}}}function Ke(n,e){switch(n){case"skillion":return 2*e*We;case"pyramidal":return e*De;case"gambrel":case"mansard":return e*.8;case"dome":case"onion":case"round":return e;default:return e*Ge}}function Je(n,e,t,s){let o=e,r=t,i=[[0,-1/r,1],[0,1/r,1]],u=c=>c.flatMap(a=>[1,-1].flatMap(f=>{let h=a==="v"?r:o,m=Bn/(Fn*r)*f,b=(1-Bn)/((1-Fn)*r)*f,d=x=>a==="v"?[0,-x]:[-x,0];return[[...d(m),Bn/(Fn*r)*h],[...d(b),Bn+(1-Bn)/((1-Fn)*r)*(h-Fn*r)]]})),l=[.99,.8,.5,.2];switch(n){case"gabled":return i;case"saltbox":{let c=r/3;return[[0,-1/(r-c),1+c/(r-c)],[0,1/(r+c),1-c/(r+c)]]}case"hipped":return[...i,[-1/r,0,o/r],[1/r,0,o/r]];case"half_hipped":return[...i,[-1/r,0,.5+o/r],[1/r,0,.5+o/r]];case"pyramidal":return[...i,[-1/o,0,1],[1/o,0,1]];case"gambrel":return u(["v"]);case"mansard":return u(["v","u"]);case"skillion":{let[c,a]=s??[0,1],f=Math.abs(c)*o+Math.abs(a)*r;return f>0?[[-c/(2*f),-a/(2*f),.5]]:void 0}case"round":return[[0,0,1],...l.flatMap(c=>{let a=Math.sqrt(1-c*c);return[1,-1].map(f=>[0,-f*c/(r*a),1/a])})];case"dome":case"onion":return[[0,0,1],...l.flatMap(c=>{let a=Math.sqrt(1-c*c);return Array.from({length:12},(f,h)=>{let m=h*Math.PI/6;return[-c*Math.cos(m)/(o*a),-c*Math.sin(m)/(r*a),1/a]})})];default:return}}function ye(n,e,t,s){let o=n.length/2,r=[];for(let i=0;i<o;i+=1){let u=n[i*2],l=n[i*2+1],c=n[(i+1)%o*2],a=n[(i+1)%o*2+1],f=e*u+t*l+s,h=e*c+t*a+s;if(f<=0&&r.push(u,l),f<0&&h>0||f>0&&h<0){let m=f/(f-h);r.push(u+(c-u)*m,l+(a-l)*m)}}return r}function Qe(n){let e=$e(n);if(e.length<3)return;let t,s=1/0;for(let o=0;o<e.length;o+=1){let[r,i]=e[o],[u,l]=e[(o+1)%e.length],c=Math.hypot(u-r,l-i);if(c===0)continue;let a=[(u-r)/c,(l-i)/c],f=[-a[1],a[0]],[h,m,b,d]=[1/0,-1/0,1/0,-1/0];for(let[I,B]of e){let M=I*a[0]+B*a[1],y=I*f[0]+B*f[1];h=Math.min(h,M),m=Math.max(m,M),b=Math.min(b,y),d=Math.max(d,y)}let x=(m-h)*(d-b);if(x<s){s=x;let I=(h+m)/2,B=(b+d)/2;t={centre:[I*a[0]+B*f[0],I*a[1]+B*f[1]],u:a,v:f,halfU:(m-h)/2,halfV:(d-b)/2}}}return t&&t.halfU>0&&t.halfV>0?t:void 0}function $e(n){let e=[];for(let r=0;r+1<n.length;r+=2)e.push([n[r],n[r+1]]);e.sort((r,i)=>r[0]-i[0]||r[1]-i[1]);let t=(r,i,u)=>(i[0]-r[0])*(u[1]-r[1])-(i[1]-r[1])*(u[0]-r[0]),s=[];for(let r of e){for(;s.length>=2&&t(s.at(-2),s.at(-1),r)<=0;)s.pop();s.push(r)}let o=[];for(let r of e.reverse()){for(;o.length>=2&&t(o.at(-2),o.at(-1),r)<=0;)o.pop();o.push(r)}return[...s.slice(0,-1),...o.slice(0,-1)]}function qe(n,e){let[t,s,o,r]=[1/0,-1/0,1/0,-1/0];for(let u=0;u+1<n.length;u+=2)t=Math.min(t,n[u]),s=Math.max(s,n[u]),o=Math.min(o,n[u+1]),r=Math.max(r,n[u+1]);let i=n.length/2;for(let u=0;u<i;u+=1){let l=n[u*2],c=n[u*2+1],a=n[(u+1)%i*2],f=n[(u+1)%i*2+1];if(t<0&&l===t&&a===t||s>e&&l===s&&a===s||o<0&&c===o&&f===o||r>e&&c===r&&f===r)return!0}return!1}function ne(n){let e=0,t=n.length/2;for(let s=0;s<t;s+=1){let o=(s+1)%t;e+=n[s*2]*n[o*2+1]-n[o*2]*n[s*2+1]}return e/2}function nt(n){let e=[];for(let t=0;t<n.length;t+=2)e.push([n[t],n[t+1]]);e.reverse(),n.splice(0,n.length,...e.flat())}function pe(n,e){return n[0]*e[0]+n[1]*e[1]}function ge(n){let e=typeof n=="string"?Number(n):n;return typeof e=="number"&&Number.isFinite(e)?e:void 0}var gt=Object.freeze({surface:0,secondary:1,glass:2,accent:3,roof:4}),Mt=Object.freeze({levels:3,vertices:2e5,triangles:2e5,footprintPoints:4096,radius:2e3,height:1e3,models:512,bytes:16*1024*1024});function ee(n,e,t){for(let s of n){let o=!1;for(let r=0,i=s.length-2;r<s.length;i=r,r+=2){let u=s[r],l=s[r+1],c=s[i],a=s[i+1];l>t!=a>t&&e<(c-u)*(t-l)/(a-l)+u&&(o=!o)}if(o)return!0}return!1}function Re(n,e,t){for(let s of e){let[o,r,i,u]=ve(s);for(let l of n){let[c,a,f,h]=ve(l);if(!(c>i-t||f<o+t||a>u-t||h<r+t)&&(we(l,s,t)||we(s,l,t)))return!0}}return!1}function we(n,e,t){let s=(o,r)=>ee([e],o,r)&&tt(e,o,r)>t;for(let o=0;o+1<n.length;o+=2)if(s(n[o],n[o+1]))return!0;for(let o=0,r=n.length-2;o<n.length;r=o,o+=2){let[i,u,l,c]=[n[r],n[r+1],n[o],n[o+1]],a=[0,1];for(let f=0,h=e.length-2;f<e.length;h=f,f+=2){let m=et(i,u,l,c,e[h],e[h+1],e[f],e[f+1]);m!==void 0&&a.push(m)}if(a.length!==2){a.sort((f,h)=>f-h);for(let f=1;f<a.length;f+=1){let h=(a[f-1]+a[f])/2;if(s(i+(l-i)*h,u+(c-u)*h))return!0}}}return!1}function et(n,e,t,s,o,r,i,u){let l=t-n,c=s-e,a=i-o,f=u-r,h=l*f-c*a;if(h===0)return;let m=((o-n)*f-(r-e)*a)/h,b=((o-n)*c-(r-e)*l)/h;return m>0&&m<1&&b>=0&&b<=1?m:void 0}function tt(n,e,t){let s=1/0;for(let o=0,r=n.length-2;o<n.length;r=o,o+=2){let[i,u,l,c]=[n[r],n[r+1],n[o],n[o+1]],a=(l-i)**2+(c-u)**2,f=a>0?Math.max(0,Math.min(1,((e-i)*(l-i)+(t-u)*(c-u))/a)):0;s=Math.min(s,Math.hypot(e-(i+(l-i)*f),t-(u+(c-u)*f)))}return s}function ve(n){let[e,t,s,o]=[1/0,1/0,-1/0,-1/0];for(let r=0;r+1<n.length;r+=2)e=Math.min(e,n[r]),s=Math.max(s,n[r]),t=Math.min(t,n[r+1]),o=Math.max(o,n[r+1]);return[e,t,s,o]}var tn=8192,te=28,ot={commercial:1,active:2,destination:3},rt={residential:1,...Object.fromEntries(["civic","commercial","education","entertainment","medical","transportation"].map(n=>[n,2])),...Object.fromEntries(["agricultural","industrial","military","outbuilding","religious","service"].map(n=>[n,3]))},st={dining:1,entertainment:2,nightlife:3},oe={...Object.fromEntries(["alcoholic_beverage_venue","bar","beer","biergarten","brewery","casino","cocktail_bar","dance_club","karaoke","lounge","music_venue","night_club","nightclub","pub","wine_bar"].map(n=>[n,3])),...Object.fromEntries(["arts_centre","bowling_alley","cinema","comedy_club","concert_hall","movie_theater","opera","performing_arts_venue","theater","theatre","theatre_venue"].map(n=>[n,2])),...Object.fromEntries(["casual_eatery","fast_food","fast_food_restaurant","food_court","restaurant"].map(n=>[n,1]))},ut=6,it=.5,lt=.5;function Ue(n,e){let t=tn/n.extent,s=e.tileMetres/tn,o=e.defaultHeight??5,r=Number.isFinite(e.edgeRadius)?Math.max(0,Math.min(1,e.edgeRadius))/s:0,i=new re,u=new Yn,l=new Yn,c=[],a=[],f=0,h=ht(n,e);for(let[y,k]of n.features.entries()){if(k.type!=="Polygon"||c.length>=65535)continue;let R=k.properties,N=R.hide_3d;if(N===!0||N===1||N==="1"||N==="true")continue;let F=Math.min(6e3,Ae(R.render_height)??o),S=Math.min(F,Ae(R.render_min_height)??0),J=ot[String(R.building_tone??"")]??0,Q=rt[String(R.class??"")]??0,L=h.get(y)??0,C=c.length,$=!1;for(let V of mt(k.geometry,t)){let p=V.map(xt).filter(w=>w.length>=6);if(p.length===0||Xn(p[0])===0)continue;let[A,v]=bt(p[0]);if(e.masks?.length&&(ee(e.masks,A,v)||Re(p,e.masks,lt/s)))continue;let g={cell:Math.min(7,Math.max(0,Math.floor(v/1024)))*8+Math.min(7,Math.max(0,Math.floor(A/1024))),bounds:[1/0,1/0,-1/0,-1/0,F+.1],roofsFrom:u.length,roofsCount:0,wallsFrom:l.length,wallsCount:0};for(let w of p)for(let U=0;U<w.length;U+=2)g.bounds[0]=Math.min(g.bounds[0],w[U]-1),g.bounds[1]=Math.min(g.bounds[1],w[U+1]-1),g.bounds[2]=Math.max(g.bounds[2],w[U]+1),g.bounds[3]=Math.max(g.bounds[3],w[U+1]+1);$=!0,f=Math.max(f,F);let E=Ie(A*.0731+v*.19137+C*1.618),H=p[0].some(w=>w<=0||w>=tn)?Ie(F*7.31+S*3.17+J):E,q={base:S,top:F,jitter:H,seed:E,tone:J,group:Q,use:L,cx:A,cy:v,index:C},on=p.map((w,U)=>ft(w,U,r,e.cornerAngle));p=on.map(({ring:w})=>w);let Y=V.length===1&&p.length===1?Me(V[0],p[0],R,S,F,s,tn):void 0;Y?(f=Math.max(f,Y.ridge),g.bounds[4]=Math.max(g.bounds[4],Y.ridge+.1),at(Y,q,i,u)):ct(p,q,i,u);for(let[w,U]of p.entries()){let rn=Xn(U)>0,T=w===0?rn?-1:1:rn?1:-1,j=U.length/2,z=Z=>{let P=(Z%j+j)%j;return[U[P*2],U[P*2+1]]},nn=Z=>{let[P,D]=z(Z-1),[X,G]=z(Z),[un,mn]=z(Z+1);if(hn(P,D,X,G)||hn(X,G,un,mn))return!1;let bn=Math.hypot(X-P,G-D),ln=Math.hypot(un-X,mn-G);if(!bn||!ln)return!1;let _n=-(G-D)/bn*T,Pn=(X-P)/bn*T;return(_n*(un-X)+Pn*(mn-G))/ln>it},en=(Z,P)=>Y?Y.heightAt(Z,P):F,pn=0;for(let Z=0;Z<j;Z+=1){let[P,D]=z(Z),[X,G]=z(Z+1),un=Math.hypot(X-P,G-D);if(un===0||hn(P,D,X,G))continue;let mn=-(G-D)/un*T,bn=(X-P)/un*T,ln=on[w].normals[Z]??[mn,bn],_n=on[w].normals[(Z+1)%j]??[mn,bn],Pn=W=>{let gn=ln[0]+(_n[0]-ln[0])*W,Mn=ln[1]+(_n[1]-ln[1])*W,cn=Math.hypot(gn,Mn)||1;return[gn/cn,Mn/cn]},sn=[0,...Y?Y.breaks(P,D,X,G):[],1];for(let W=0;W+1<sn.length;W+=1){let gn=W===0,Mn=W+2===sn.length,cn=P+(X-P)*sn[W],On=D+(G-D)*sn[W],Ln=P+(X-P)*sn[W+1],Cn=D+(G-D)*sn[W+1],wn=Math.hypot(Ln-cn,Cn-On)/tn*e.tileMetres,zn=(gn&&nn(Z)?1:0)|(Mn&&nn(Z+1)?2:0)|(w>0?4:0),Zn=(gn&&se(P,D)?1:0)|(Mn&&se(X,G)?2:0),Gn=pn+wn,Sn=Pn(sn[W]),jn=Pn(sn[W+1]),ie=en(cn,On),le=en(Ln,Cn),xn=i.write(q,cn,On,0,Sn[0],Sn[1],1,pn,zn,wn,0,Zn,ie);i.write(q,Ln,Cn,0,jn[0],jn[1],1,Gn,zn,wn,1,Zn,le),i.write(q,cn,On,1,Sn[0],Sn[1],1,pn,zn,wn,0,Zn,ie),i.write(q,Ln,Cn,1,jn[0],jn[1],1,Gn,zn,wn,1,Zn,le),l.push(xn,xn+1,xn+2,xn+1,xn+3,xn+2),pn=Gn}}}g.roofsCount=u.length-g.roofsFrom,g.wallsCount=l.length-g.wallsFrom,a.push(g)}$&&c.push(R)}if(i.count===0)return;let m=new Uint32Array(u.length+l.length),b=[],d=0,x=u.length,I=u.values(),B=l.values();a.sort((y,k)=>y.cell-k.cell);let M=-1;for(let y of a){y.cell!==M&&(M=y.cell,b.push({bounds:[...y.bounds],roofsFrom:d,roofsCount:0,wallsFrom:x,wallsCount:0}));let k=b.at(-1);for(let R=0;R<5;R+=1)k.bounds[R]=R<2?Math.min(k.bounds[R],y.bounds[R]):Math.max(k.bounds[R],y.bounds[R]);m.set(I.subarray(y.roofsFrom,y.roofsFrom+y.roofsCount),d),m.set(B.subarray(y.wallsFrom,y.wallsFrom+y.wallsCount),x),d+=y.roofsCount,x+=y.wallsCount,k.roofsCount+=y.roofsCount,k.wallsCount+=y.wallsCount}return{groups:b,vertices:i.bytes(),indices:m,wallsFrom:u.length,top:f,features:c}}function ct(n,e,t,s){let o=[],r=[];for(let l of n)r.push(o.length/2),o.push(...l);r.push(o.length/2);let i=(l,c)=>{let a=r.findIndex((d,x)=>l>=d&&l<r[x+1]),[f,h]=[r[a],r[a+1]-1];if(c<f||c>h)return!1;let[m,b]=l<c?[l,c]:[c,l];return b-m!==1&&!(m===f&&b===h)?!1:!hn(o[l*2],o[l*2+1],o[c*2],o[c*2+1])},u=kn(o,r.slice(1,-1),2);for(let l=0;l+2<u.length;l+=3){let c=[u[l],u[l+1],u[l+2]],a=0;for(let f=0;f<3;f+=1)i(c[(f+1)%3],c[(f+2)%3])&&(a|=1<<f);for(let[f,h]of c.entries())s.push(t.write(e,o[h*2],o[h*2+1],1,0,0,0,0,0,0,f,a))}}function at(n,e,t,s){for(let o of n.faces){let r=o.ring,i=r.length/2,u=(l,c)=>{let[a,f]=l<c?[l,c]:[c,l];return f-a!==1&&!(a===0&&f===i-1)?!1:!hn(r[l*2],r[l*2+1],r[c*2],r[c*2+1])};for(let l=0;l+2<o.triangles.length;l+=3){let c=[o.triangles[l],o.triangles[l+1],o.triangles[l+2]],a=0;for(let f=0;f<3;f+=1)u(c[(f+1)%3],c[(f+2)%3])&&(a|=1<<f);for(let[f,h]of c.entries()){let m=r[h*2],b=r[h*2+1];s.push(t.write(e,m,b,1,o.normal[0],o.normal[1],0,0,0,0,f,a,n.heightAt(m,b)))}}}}function ft(n,e,t,s=Math.PI/6){if(t<1)return{ring:n,normals:[]};let o=n.length/2,r=Xn(n)>0,i=e===0?r?-1:1:r?1:-1,u=[],l=[],c=(a,f,h)=>{a=yn(a),f=yn(f),!(u.at(-2)===a&&u.at(-1)===f)&&(u.push(a,f),l.push(h))};for(let a=0;a<o;a+=1){let f=(a+o-1)%o,h=(a+1)%o,[m,b]=[n[f*2],n[f*2+1]],[d,x]=[n[a*2],n[a*2+1]],[I,B]=[n[h*2],n[h*2+1]],M=Math.hypot(d-m,x-b),y=Math.hypot(I-d,B-x);if(!M||!y||se(d,x)||hn(m,b,d,x)||hn(d,x,I,B)){c(d,x);continue}let[k,R]=[(d-m)/M,(x-b)/M],[N,F]=[(I-d)/y,(B-x)/y],S=Math.atan2(k*F-R*N,k*N+R*F);if(S*i>=-.08||Math.abs(S)>Math.PI*.85){c(d,x);continue}let J=Math.tan(Math.abs(S)/2),Q=Math.min(t*J,M*.2,y*.2),L=Q/J;if(L<1){c(d,x);continue}let[C,$]=[-R*i,k*i],[V,p]=[d-k*Q-C*L,x-R*Q-$*L],A=Math.atan2($,C),v=Math.max(s<=Math.PI/6?2:1,Math.ceil(Math.abs(S)/Math.max(Math.PI/6,Math.min(Math.PI/3,s))));for(let g=0;g<=v;g+=1){let E=A+S*g/v,H=[Math.cos(E),Math.sin(E)];c(V+H[0]*L,p+H[1]*L,H)}}return u[0]===u.at(-2)&&u[1]===u.at(-1)&&(u.splice(-2),l.pop()),u.length>=6?{ring:u,normals:l}:{ring:n,normals:[]}}var re=class{#n=new ArrayBuffer(4096*te);#e=new DataView(this.#n);count=0;write(e,t,s,o,r,i,u,l,c,a,f=0,h=0,m=e.top){let b=te;if((this.count+1)*b>this.#n.byteLength){let I=new ArrayBuffer(this.#n.byteLength*2);new Uint8Array(I).set(new Uint8Array(this.#n)),this.#n=I,this.#e=new DataView(I)}let d=this.#e,x=this.count*b;return d.setUint16(x,yn(t),!0),d.setUint16(x+2,yn(s),!0),d.setUint16(x+4,Math.min(65535,Math.round(e.base*10)),!0),d.setUint16(x+6,Math.min(65535,Math.max(0,Math.round(m*10))),!0),d.setInt8(x+8,Math.round(r*127)),d.setInt8(x+9,Math.round(i*127)),d.setUint8(x+10,o),d.setUint8(x+11,u),d.setUint16(x+12,Math.round(l*10)%65536,!0),d.setUint8(x+14,Math.round(e.jitter*255)),d.setUint8(x+15,Math.round(e.seed*255)),d.setUint16(x+16,yn(e.cx),!0),d.setUint16(x+18,yn(e.cy),!0),d.setUint8(x+20,e.tone+4*e.group),d.setUint8(x+21,e.use),d.setUint8(x+22,c),d.setUint8(x+23,Math.min(255,Math.round(a))),d.setUint16(x+24,e.index,!0),d.setUint8(x+26,f),d.setUint8(x+27,h),this.count+=1,this.count-1}bytes(){return new Uint8Array(this.#n.slice(0,this.count*te))}},Yn=class{#n=new Uint32Array(8192);length=0;push(...e){if(this.length+e.length>this.#n.length){let t=new Uint32Array(Math.max(this.length+e.length,this.#n.length*2));t.set(this.#n),this.#n=t}for(let t of e)this.#n[this.length++]=t}values(){return this.#n.subarray(0,this.length)}};function ht(n,e){let t=new Map;if(n.features.some(u=>u.properties.night_use!==void 0)){for(let[u,l]of n.features.entries()){let c=st[String(l.properties.night_use??"")];c&&t.set(u,c)}return t}let s=e.places;if(!s||s.features.length===0)return t;let o=ut/e.tileMetres*n.extent,r=[];for(let[u,l]of n.features.entries()){if(l.type!=="Polygon")continue;let c=l.properties.hide_3d;if(c===!0||c===1||c==="1"||c==="true")continue;let a=[1/0,1/0,-1/0,-1/0];for(let f of l.geometry)for(let h=0;h+1<f.length;h+=2)a[0]=Math.min(a[0],f[h]),a[1]=Math.min(a[1],f[h+1]),a[2]=Math.max(a[2],f[h]),a[3]=Math.max(a[3],f[h+1]);r.push({index:u,rings:l.geometry,box:a})}let i=n.extent/s.extent;for(let u of s.features){if(u.type!=="Point")continue;let l=u.properties,c=oe[String(l.type??"")]??oe[String(l.subclass??"")]??oe[String(l.class??"")];if(c)for(let a of u.geometry)for(let f=0;f+1<a.length;f+=2){let h=a[f]*i,m=a[f+1]*i,b,d,x=o;for(let B of r){let[M,y,k,R]=B.box;if(h<M-o||h>k+o||m<y-o||m>R+o)continue;let N=!1;for(let F of B.rings)for(let S=0,J=F.length-2;S+1<F.length;J=S,S+=2){let Q=F[J],L=F[J+1],C=F[S],$=F[S+1];$>m!=L>m&&h<(Q-C)*(m-$)/(L-$)+C&&(N=!N);let V=C-Q,p=$-L,A=V*V+p*p,v=A?Math.min(1,Math.max(0,((h-Q)*V+(m-L)*p)/A)):0,g=Math.hypot(h-Q-v*V,m-L-v*p);g<x&&(x=g,d=B.index)}if(N){b=B.index;break}}let I=b??d;I!==void 0&&t.set(I,Math.max(t.get(I)??0,c))}}return t}function yn(n){return Math.min(tn,Math.max(0,Math.round(n)))}function Ae(n){let e=Number(n);return Number.isFinite(e)&&e>0?e:void 0}function mt(n,e){let t=[],s;for(let o of n){let r=[];for(let u=0;u+1<o.length;u+=2){let l=o[u]*e,c=o[u+1]*e;r.length&&l===r.at(-2)&&c===r.at(-1)||r.push(l,c)}if(r.length>=6&&r[0]===r.at(-2)&&r[1]===r.at(-1)&&(r.length-=2),r.length<6)continue;let i=Math.sign(Xn(r));i&&(s??=i,i===s||t.length===0?t.push([r]):t.at(-1).push(r))}return t}function Xn(n){let e=0,t=n.length/2;for(let s=0;s<t;s+=1){let o=(s+1)%t;e+=n[s*2]*n[o*2+1]-n[o*2]*n[s*2+1]}return e}function bt(n){let e=0,t=0,s=n.length/2;for(let o=0;o<s;o+=1)e+=n[o*2],t+=n[o*2+1];return[e/s,t/s]}function se(n,e){return n<=0||e<=0||n>=tn||e>=tn}function hn(n,e,t,s){let o=tn;return n<=0&&t<=0||n>=o&&t>=o||e<=0&&s<=0||e>=o&&s>=o}function xt(n){let e=tn,t=[...n],s=[[0,0,o=>o>=0],[0,e,o=>o<=e],[1,0,o=>o>=0],[1,e,o=>o<=e]];for(let[o,r,i]of s){let u=[],l=t.length/2;for(let c=0;c<l;c+=1){let a=[t[c*2],t[c*2+1]],f=[t[(c+1)%l*2],t[(c+1)%l*2+1]],h=i(a[o]),m=i(f[o]);if(h&&u.push(a[0],a[1]),h!==m){let b=(r-a[o])/(f[o]-a[o]);u.push(a[0]+(f[0]-a[0])*b,a[1]+(f[1]-a[1])*b)}}if(t=u,t.length<6)return[]}return t}function Ie(n){let e=Math.sin(n*12.9898+78.233)*43758.5453;return e-Math.floor(e)}var ue=globalThis;ue.onmessage=({data:n})=>{try{let e=Ue(n.layer,n.options);ue.postMessage({mesh:e},e?[e.vertices.buffer,e.indices.buffer]:[])}catch(e){ue.postMessage({error:String(e)})}};})();\n'], { type: "text/javascript" })
+    new Blob(['"use strict";(()=>{var Re=new Set,De=!1;function Ue(e,n,t=2){let s=n&&n.length,o=s?n[0]*t:e.length;Re.size&&Re.clear();let r=bn(e,0,o,t,!0),u=[];if(!r||r.next===r.prev)return u;let i=0,l=0,c=0;if(s&&(r=Pn(e,n,r,t)),e.length>80*t){i=e[0],l=e[1];let a=i,f=l;for(let h=t;h<o;h+=t){let m=e[h],b=e[h+1];m<i&&(i=m),b<l&&(l=b),m>a&&(a=m),b>f&&(f=b)}c=Math.max(a-i,f-l),c=c!==0?32767/c:0}return We(r,u,i,l,c),u}function bn(e,n,t,s,o){let r=null;if(o===Xn(e,n,t,s)>0)for(let u=n;u<t;u+=s)r=mn(u/s|0,e[u],e[u+1],r);else for(let u=t-s;u>=n;u-=s)r=mn(u/s|0,e[u],e[u+1],r);return r&&Ae(r,r.next)&&(Te(r),r=r.next),r}function ae(e,n=e){let t=n===e,s=e,o;do o=!1,s!==s.next&&(Re.size===0||!Re.has(s))&&(Ae(s,s.next)||P(s.prev,s,s.next)===0)?((t||s===n)&&(n=s.prev),De=!0,Te(s),s=s.prev,o=!0):(t||s!==n)&&(s=s.next,o=!t);while(o||s!==n);return n}function We(e,n,t,s,o){o&&jn(e,t,s,o);let r=e,u=!1;for(;e.prev!==e.next;){let i=e.prev,l=e.next;if(P(i,e,l)<0&&(o?Bn(e,t,s,o):kn(e))){n.push(i.i,e.i,l.i),Te(e),e=l,r=l;continue}if(e=l,e===r){if(De=!1,e=ae(e),De){r=e;continue}if(!u){e=Fn(e,n),r=e,u=!0;continue}_n(e,n,t,s,o);break}}}function kn(e){let n=e.prev,t=e,s=e.next,o=n.x,r=t.x,u=s.x,i=n.y,l=t.y,c=s.y,a=Math.min(o,r,u),f=Math.min(i,l,c),h=Math.max(o,r,u),m=Math.max(i,l,c),b=s.next;for(;b!==n;){if(b.x>=a&&b.x<=h&&b.y>=f&&b.y<=m&&!(o===b.x&&i===b.y)&&Ne(o,i,r,l,u,c,b.x,b.y)&&P(b.prev,b,b.next)>=0)return!1;b=b.next}return!0}function Bn(e,n,t,s){let o=e.prev,r=e,u=e.next,i=o.x,l=r.x,c=u.x,a=o.y,f=r.y,h=u.y,m=Math.min(i,l,c),b=Math.min(a,f,h),d=Math.max(i,l,c),x=Math.max(a,f,h),U=$e(m,b,n,t,s),k=$e(d,x,n,t,s),M=e.prevZ;for(;M&&M.z>=U;){if(M.x>=m&&M.x<=d&&M.y>=b&&M.y<=x&&M!==u&&!(i===M.x&&a===M.y)&&Ne(i,a,l,f,c,h,M.x,M.y)&&P(M.prev,M,M.next)>=0)return!1;M=M.prevZ}let y=e.nextZ;for(;y&&y.z<=k;){if(y.x>=m&&y.x<=d&&y.y>=b&&y.y<=x&&y!==u&&!(i===y.x&&a===y.y)&&Ne(i,a,l,f,c,h,y.x,y.y)&&P(y.prev,y,y.next)>=0)return!1;y=y.nextZ}return!0}function Fn(e,n){let t=e,s=!1;do{let o=t.prev,r=t.next.next;yn(o,t,t.next,r,!1)&&Ie(o,r)&&Ie(r,o)&&(n.push(o.i,t.i,r.i),Te(t),Te(t.next),t=e=r,s=!0),t=t.next}while(t!==e);return s?ae(t):t}function _n(e,n,t,s,o){let r=e;do{let u=r.next.next;for(;u!==r.prev;){if(r.i!==u.i&&Nn(r,u)){let i=pn(r,u);r=ae(r,r.next),i=ae(i,i.next),We(r,n,t,s,o),We(i,n,t,s,o);return}u=u.next}r=r.next}while(r!==e)}var Ke=!1;function Pn(e,n,t,s){let o=[];for(let r=0,u=n.length;r<u;r++){let i=n[r]*s,l=r<u-1?n[r+1]*s:e.length,c=bn(e,i,l,s,!1);c===c.next&&Re.add(c),o.push(Hn(c))}o.sort(On),zn(e.length/s,n.length),dn(t,t),Ke=!0;for(let r=0;r<o.length;r++)t=Ln(o[r],t);return Ke=!1,ae(t)}function On(e,n){return e.x-n.x||e.y-n.y||(e.next.y-e.y)/(e.next.x-e.x)-(n.next.y-n.y)/(n.next.x-n.x)}function Ln(e,n){let t=Sn(e,n);if(!t)return n;let s=pn(t,e),o=s.next;return dn(t,o.next),ae(s,s.next),ae(t,t.next)}var xn=16,_=new Float64Array(0),He=0,Je=[],Qe=[];function zn(e,n){let t=Math.ceil((e+2*n)/xn)+n+2;_.length<t*4&&(_=new Float64Array(t*4)),He=0}function dn(e,n){let t=e;do{let s=He++;Je[s]=t;let o=t.x,r=t.y,u=t.x,i=t.y,l=0;do{let a=t.next;t.z=s,a.x<o&&(o=a.x),a.x>u&&(u=a.x),a.y<r&&(r=a.y),a.y>i&&(i=a.y),t=a}while(++l<xn&&t!==n);Qe[s]=t;let c=s*4;_[c]=o,_[c+1]=r,_[c+2]=u,_[c+3]=i}while(t!==n)}function Cn(e,n){let t=e.z*4;n.x<_[t]&&(_[t]=n.x),n.y<_[t+1]&&(_[t+1]=n.y),n.x>_[t+2]&&(_[t+2]=n.x),n.y>_[t+3]&&(_[t+3]=n.y)}function fn(e){let n=Qe[e];for(;n.prev.next!==n;)n=n.next;return Qe[e]=n,n}function hn(e){let n=Je[e];for(;n.prev.next!==n;)n=n.next;return Je[e]=n,n}function Sn(e,n){let t=n,s=e.x,o=e.y,r=-1/0,u;if(Ae(e,t))return t;for(let h=0,m=0;h<He;h++,m+=4){if(o<_[m+1]||o>_[m+3]||_[m]>s||_[m+2]<=r)continue;let b=fn(h);t=hn(h);do{if(t.prev.next===t){if(Ae(e,t.next))return t.next;if(o<=t.y&&o>=t.next.y&&t.next.y!==t.y){let d=t.x+(o-t.y)*(t.next.x-t.x)/(t.next.y-t.y);if(d<=s&&d>r&&(r=d,u=t.x<t.next.x?t:t.next,d===s))return u}}t=t.next}while(t!==b)}if(!u)return null;let i=u.x,l=u.y,c=Math.min(o,l),a=Math.max(o,l),f=1/0;for(let h=0,m=0;h<He;h++,m+=4){if(_[m+2]<i||_[m]>s||_[m+3]<c||_[m+1]>a)continue;let b=fn(h);t=hn(h);do{if(t.prev.next===t&&s>=t.x&&t.x>=i&&s!==t.x&&Ne(o<l?s:r,o,i,l,o<l?r:s,o,t.x,t.y)){let d=Math.abs(o-t.y)/(s-t.x);(Ie(t,e)||t.y===o&&t.next.y===o&&t.next.x>s)&&(d<f||d===f&&(t.x>u.x||t.x===u.x&&Zn(u,t)))&&(u=t,f=d)}t=t.next}while(t!==b)}return u}function Zn(e,n){return P(e.prev,e,n.prev)<0&&P(n.next,e,e.next)<0}var J=[],de=[],ce=new Uint32Array(0),we=new Uint32Array(0),ve=new Uint32Array(256);function jn(e,n,t,s){let o=e,r=0;do o.z=$e(o.x,o.y,n,t,s),J[r++]=o,o=o.next;while(o!==e);En(r);let u=null;for(let i=0;i<r;i++){let l=J[i];l.prevZ=u,u&&(u.nextZ=l),u=l}u.nextZ=null,J.fill(null,0,r),de.fill(null,0,r)}function En(e){if(e<=32){for(let n=1;n<e;n++){let t=J[n],s=t.z,o=n-1;for(;o>=0&&J[o].z>s;)J[o+1]=J[o],o--;J[o+1]=t}return}ce.length<e&&(ce=new Uint32Array(e),we=new Uint32Array(e),de=new Array(e));for(let n=0;n<e;n++)ce[n]=J[n].z;je(e,J,ce,de,we,0),je(e,de,we,J,ce,8),je(e,J,ce,de,we,16),je(e,de,we,J,ce,24)}function je(e,n,t,s,o,r){ve.fill(0);for(let i=0;i<e;i++)ve[t[i]>>>r&255]++;let u=0;for(let i=0;i<256;i++){let l=ve[i];ve[i]=u,u+=l}for(let i=0;i<e;i++){let l=t[i],c=ve[l>>>r&255]++;s[c]=n[i],o[c]=l}}function $e(e,n,t,s,o){return e=(e-t)*o|0,n=(n-s)*o|0,e=(e|e<<8)&16711935,e=(e|e<<4)&252645135,e=(e|e<<2)&858993459,e=(e|e<<1)&1431655765,n=(n|n<<8)&16711935,n=(n|n<<4)&252645135,n=(n|n<<2)&858993459,n=(n|n<<1)&1431655765,e|n<<1}function Hn(e){let n=e,t=e;do(n.x<t.x||n.x===t.x&&n.y<t.y)&&(t=n),n=n.next;while(n!==e);return t}function Ne(e,n,t,s,o,r,u,i){return(o-u)*(n-i)>=(e-u)*(r-i)&&(e-u)*(s-i)>=(t-u)*(n-i)&&(t-u)*(r-i)>=(o-u)*(s-i)}function Nn(e,n){let t=Ae(e,n)&&P(e.prev,e,e.next)>0&&P(n.prev,n,n.next)>0;return e.next.i!==n.i&&(t||Ie(e,n)&&Ie(n,e)&&(P(e.prev,e,n.prev)!==0||P(e,n.prev,n)!==0))&&!Vn(e,n)&&(t||Yn(e,n))}function P(e,n,t){return(n.y-e.y)*(t.x-n.x)-(n.x-e.x)*(t.y-n.y)}function Ae(e,n){return e.x===n.x&&e.y===n.y}function yn(e,n,t,s,o=!0){let r=P(e,n,t),u=P(e,n,s),i=P(t,s,e),l=P(t,s,n);return(r>0&&u<0||r<0&&u>0)&&(i>0&&l<0||i<0&&l>0)?!0:o?!!(r===0&&Ee(e,t,n)||u===0&&Ee(e,s,n)||i===0&&Ee(t,e,s)||l===0&&Ee(t,n,s)):!1}function Ee(e,n,t){return n.x<=Math.max(e.x,t.x)&&n.x>=Math.min(e.x,t.x)&&n.y<=Math.max(e.y,t.y)&&n.y>=Math.min(e.y,t.y)}function Vn(e,n){let t=Math.min(e.x,n.x),s=Math.max(e.x,n.x),o=Math.min(e.y,n.y),r=Math.max(e.y,n.y),u=e;do{let i=u.next;if(u.x>s&&i.x>s||u.x<t&&i.x<t||u.y>r&&i.y>r||u.y<o&&i.y<o){u=i;continue}if(u.i!==e.i&&i.i!==e.i&&u.i!==n.i&&i.i!==n.i&&yn(u,i,e,n))return!0;u=i}while(u!==e);return!1}function Ie(e,n){return P(e.prev,e,e.next)<0?P(e,n,e.next)>=0&&P(e,e.prev,n)>=0:P(e,n,e.prev)<0||P(e,e.next,n)<0}function Yn(e,n){let t=e,s=!1,o=(e.x+n.x)/2,r=(e.y+n.y)/2;do{let u=t.next;t.y>r!=u.y>r&&o<(u.x-t.x)*(r-t.y)/(u.y-t.y)+t.x&&(s=!s),t=u}while(t!==e);return s}function pn(e,n){let t=qe(e.i,e.x,e.y),s=qe(n.i,n.x,n.y),o=e.next,r=n.prev;return e.next=n,n.prev=e,t.next=o,o.prev=t,s.next=t,t.prev=s,r.next=s,s.prev=r,s}function mn(e,n,t,s){let o=qe(e,n,t);return s?(o.next=s.next,o.prev=s,s.next.prev=o,s.next=o):(o.prev=o,o.next=o),o}function Te(e){e.next.prev=e.prev,e.prev.next=e.next,e.prevZ&&(e.prevZ.nextZ=e.nextZ),e.nextZ&&(e.nextZ.prevZ=e.prevZ),Ke&&Cn(e.prev,e.next)}function qe(e,n,t){return{i:e,x:n,y:t,prev:null,next:null,z:0,prevZ:null,nextZ:null}}function Xn(e,n,t,s){let o=0;for(let r=n,u=t-s;r<t;r+=s)o+=(e[u]-e[r])*(e[r+1]+e[u+1]),u=r;return o}var Gn=.7,Dn=Math.tan(Math.PI/6),Wn=Math.tan(35*Math.PI/180),Kn=Math.tan(Math.PI/18),ke=.65,Be=.4;function vn(e,n,t,s,o,r,u){let i=String(t.roof_shape??"");if(!i||i==="flat"||i==="sawtooth"||et(e,u))return;let l=$n(e);if(!l||Math.abs(en(e))<Gn*4*l.halfU*l.halfV)return;let c=l.u,a=l.v,f=l.halfU*r,h=l.halfV*r;f<h&&([c,a,f,h]=[a,c,h,f]);let m=wn(t.roof_direction),b=m===void 0?void 0:[Math.sin(m*Math.PI/180),-Math.cos(m*Math.PI/180)];(b!==void 0?Math.abs(b[0]*c[0]+b[1]*c[1])>Math.abs(b[0]*a[0]+b[1]*a[1]):t.roof_orientation==="across")&&i!=="skillion"&&([c,a,f,h]=[a,c,h,f]);let x=Qn(i,f,h,b&&[Mn(b,c),Mn(b,a)]);if(!x)return;let U=Math.max(0,o-s),k=wn(t.roof_height),M,y;if(k!==void 0&&k>0)y=o,M=Math.max(s+Math.min(2,U/2),o-k);else{let p=Math.min(Jn(i,h),U*.6,30);t.height_source==="height"?(y=o,M=o-p):(M=o,y=o+p)}let I=y-M;if(!(I>=.3))return;let[R,V]=l.centre,B=(p,A)=>{let w=(p-R)*r,g=(A-V)*r;return[w*c[0]+g*c[1],w*a[0]+g*a[1]]},j=(p,A)=>[R+(p*c[0]+A*a[0])/r,V+(p*c[1]+A*a[1])/r],Q=(p,A)=>{let w=1/0;for(let[g,N,E]of x)w=Math.min(w,g*p+N*A+E);return Math.max(0,w)},$=(p,A)=>M+I*Q(...B(p,A)),L=[];for(let p=0;p+1<n.length;p+=2)L.push(...B(n[p],n[p+1]));en(L)<0&&nt(L);let z=1.01,q=[-f*z,-h*z,f*z,-h*z,f*z,h*z,-f*z,h*z],Y=[];for(let[p,A]of x.entries()){let w=q;for(let[F,H]of x.entries()){if(F===p)continue;let C=A[0]-H[0],X=A[1]-H[1],ne=A[2]-H[2];if(Math.abs(C)+Math.abs(X)+Math.abs(ne)<1e-9){F<p&&(w=[]);continue}if(w=gn(w,C,X,ne),w.length<6)break}if(w.length<6)continue;let g=L,N=w.length/2;for(let F=0;F<N&&g.length>=6;F+=1){let[H,C]=[w[F*2],w[F*2+1]],[X,ne]=[w[(F+1)%N*2],w[(F+1)%N*2+1]];g=gn(g,ne-C,H-X,-(ne-C)*H-(H-X)*C)}if(g.length<6||Math.abs(en(g))<1e-6)continue;let E=[];for(let F=0;F<g.length;F+=2)E.push(...j(g[F],g[F+1]));let se=Ue(E);if(se.length===0)continue;let ee=I*A[0],oe=I*A[1],T=ee*c[0]+oe*a[0],v=ee*c[1]+oe*a[1],O=Math.hypot(T,v,1);Y.push({ring:E,triangles:se,normal:[-T/O,-v/O]})}if(Y.length!==0)return{eaves:M,ridge:y,faces:Y,heightAt:$,breaks(p,A,w,g){let[N,E]=B(p,A),[se,ee]=B(w,g),oe=[];for(let T=0;T<x.length;T+=1)for(let v=T+1;v<x.length;v+=1){let O=(he,S)=>(x[T][0]-x[v][0])*he+(x[T][1]-x[v][1])*S+(x[T][2]-x[v][2]),F=O(N,E),H=O(se,ee);if(F===H||F*H>0)continue;let C=F/(F-H);if(C<=1e-4||C>=1-1e-4)continue;let X=N+(se-N)*C,ne=E+(ee-E)*C;x[T][0]*X+x[T][1]*ne+x[T][2]<=Q(X,ne)+1e-6&&oe.push(C)}return[...new Set(oe.map(T=>Math.round(T*1e6)/1e6))].sort((T,v)=>T-v)}}}function Jn(e,n){switch(e){case"skillion":return 2*n*Kn;case"pyramidal":return n*Wn;case"gambrel":case"mansard":return n*.8;case"dome":case"onion":case"round":return n;default:return n*Dn}}function Qn(e,n,t,s){let o=n,r=t,u=[[0,-1/r,1],[0,1/r,1]],i=c=>c.flatMap(a=>[1,-1].flatMap(f=>{let h=a==="v"?r:o,m=ke/(Be*r)*f,b=(1-ke)/((1-Be)*r)*f,d=x=>a==="v"?[0,-x]:[-x,0];return[[...d(m),ke/(Be*r)*h],[...d(b),ke+(1-ke)/((1-Be)*r)*(h-Be*r)]]})),l=[.99,.8,.5,.2];switch(e){case"gabled":return u;case"saltbox":{let c=r/3;return[[0,-1/(r-c),1+c/(r-c)],[0,1/(r+c),1-c/(r+c)]]}case"hipped":return[...u,[-1/r,0,o/r],[1/r,0,o/r]];case"half_hipped":return[...u,[-1/r,0,.5+o/r],[1/r,0,.5+o/r]];case"pyramidal":return[...u,[-1/o,0,1],[1/o,0,1]];case"gambrel":return i(["v"]);case"mansard":return i(["v","u"]);case"skillion":{let[c,a]=s??[0,1],f=Math.abs(c)*o+Math.abs(a)*r;return f>0?[[-c/(2*f),-a/(2*f),.5]]:void 0}case"round":return[[0,0,1],...l.flatMap(c=>{let a=Math.sqrt(1-c*c);return[1,-1].map(f=>[0,-f*c/(r*a),1/a])})];case"dome":case"onion":return[[0,0,1],...l.flatMap(c=>{let a=Math.sqrt(1-c*c);return Array.from({length:12},(f,h)=>{let m=h*Math.PI/6;return[-c*Math.cos(m)/(o*a),-c*Math.sin(m)/(r*a),1/a]})})];default:return}}function gn(e,n,t,s){let o=e.length/2,r=[];for(let u=0;u<o;u+=1){let i=e[u*2],l=e[u*2+1],c=e[(u+1)%o*2],a=e[(u+1)%o*2+1],f=n*i+t*l+s,h=n*c+t*a+s;if(f<=0&&r.push(i,l),f<0&&h>0||f>0&&h<0){let m=f/(f-h);r.push(i+(c-i)*m,l+(a-l)*m)}}return r}function $n(e){let n=qn(e);if(n.length<3)return;let t,s=1/0;for(let o=0;o<n.length;o+=1){let[r,u]=n[o],[i,l]=n[(o+1)%n.length],c=Math.hypot(i-r,l-u);if(c===0)continue;let a=[(i-r)/c,(l-u)/c],f=[-a[1],a[0]],[h,m,b,d]=[1/0,-1/0,1/0,-1/0];for(let[U,k]of n){let M=U*a[0]+k*a[1],y=U*f[0]+k*f[1];h=Math.min(h,M),m=Math.max(m,M),b=Math.min(b,y),d=Math.max(d,y)}let x=(m-h)*(d-b);if(x<s){s=x;let U=(h+m)/2,k=(b+d)/2;t={centre:[U*a[0]+k*f[0],U*a[1]+k*f[1]],u:a,v:f,halfU:(m-h)/2,halfV:(d-b)/2}}}return t&&t.halfU>0&&t.halfV>0?t:void 0}function qn(e){let n=[];for(let r=0;r+1<e.length;r+=2)n.push([e[r],e[r+1]]);n.sort((r,u)=>r[0]-u[0]||r[1]-u[1]);let t=(r,u,i)=>(u[0]-r[0])*(i[1]-r[1])-(u[1]-r[1])*(i[0]-r[0]),s=[];for(let r of n){for(;s.length>=2&&t(s.at(-2),s.at(-1),r)<=0;)s.pop();s.push(r)}let o=[];for(let r of n.reverse()){for(;o.length>=2&&t(o.at(-2),o.at(-1),r)<=0;)o.pop();o.push(r)}return[...s.slice(0,-1),...o.slice(0,-1)]}function et(e,n){let[t,s,o,r]=[1/0,-1/0,1/0,-1/0];for(let i=0;i+1<e.length;i+=2)t=Math.min(t,e[i]),s=Math.max(s,e[i]),o=Math.min(o,e[i+1]),r=Math.max(r,e[i+1]);let u=e.length/2;for(let i=0;i<u;i+=1){let l=e[i*2],c=e[i*2+1],a=e[(i+1)%u*2],f=e[(i+1)%u*2+1];if(t<0&&l===t&&a===t||s>n&&l===s&&a===s||o<0&&c===o&&f===o||r>n&&c===r&&f===r)return!0}return!1}function en(e){let n=0,t=e.length/2;for(let s=0;s<t;s+=1){let o=(s+1)%t;n+=e[s*2]*e[o*2+1]-e[o*2]*e[s*2+1]}return n/2}function nt(e){let n=[];for(let t=0;t<e.length;t+=2)n.push([e[t],e[t+1]]);n.reverse(),e.splice(0,e.length,...n.flat())}function Mn(e,n){return e[0]*n[0]+e[1]*n[1]}function wn(e){let n=typeof e=="string"?Number(e):e;return typeof n=="number"&&Number.isFinite(n)?n:void 0}var Mt=Object.freeze({surface:0,secondary:1,glass:2,accent:3,roof:4}),wt=Object.freeze({unclassified:0,wall:1,door:2,roof:3,window:4,lamp:5,logo:6}),vt=Object.freeze([1,1,4,1,3]),Rt=Object.freeze({levels:3,vertices:2e5,triangles:2e5,footprintPoints:4096,radius:2e3,height:1e3,models:512,bytes:16*1024*1024});function nn(e,n,t){for(let s of e){let o=!1;for(let r=0,u=s.length-2;r<s.length;u=r,r+=2){let i=s[r],l=s[r+1],c=s[u],a=s[u+1];l>t!=a>t&&n<(c-i)*(t-l)/(a-l)+i&&(o=!o)}if(o)return!0}return!1}function In(e,n,t){for(let s of n){let[o,r,u,i]=An(s);for(let l of e){let[c,a,f,h]=An(l);if(!(c>u-t||f<o+t||a>i-t||h<r+t)&&(Rn(l,s,t)||Rn(s,l,t)))return!0}}return!1}function Rn(e,n,t){let s=(o,r)=>nn([n],o,r)&&ot(n,o,r)>t;for(let o=0;o+1<e.length;o+=2)if(s(e[o],e[o+1]))return!0;for(let o=0,r=e.length-2;o<e.length;r=o,o+=2){let[u,i,l,c]=[e[r],e[r+1],e[o],e[o+1]],a=[0,1];for(let f=0,h=n.length-2;f<n.length;h=f,f+=2){let m=tt(u,i,l,c,n[h],n[h+1],n[f],n[f+1]);m!==void 0&&a.push(m)}if(a.length!==2){a.sort((f,h)=>f-h);for(let f=1;f<a.length;f+=1){let h=(a[f-1]+a[f])/2;if(s(u+(l-u)*h,i+(c-i)*h))return!0}}}return!1}function tt(e,n,t,s,o,r,u,i){let l=t-e,c=s-n,a=u-o,f=i-r,h=l*f-c*a;if(h===0)return;let m=((o-e)*f-(r-n)*a)/h,b=((o-e)*c-(r-n)*l)/h;return m>0&&m<1&&b>=0&&b<=1?m:void 0}function ot(e,n,t){let s=1/0;for(let o=0,r=e.length-2;o<e.length;r=o,o+=2){let[u,i,l,c]=[e[r],e[r+1],e[o],e[o+1]],a=(l-u)**2+(c-i)**2,f=a>0?Math.max(0,Math.min(1,((n-u)*(l-u)+(t-i)*(c-i))/a)):0;s=Math.min(s,Math.hypot(n-(u+(l-u)*f),t-(i+(c-i)*f)))}return s}function An(e){let[n,t,s,o]=[1/0,1/0,-1/0,-1/0];for(let r=0;r+1<e.length;r+=2)n=Math.min(n,e[r]),s=Math.max(s,e[r]),t=Math.min(t,e[r+1]),o=Math.max(o,e[r+1]);return[n,t,s,o]}var te=8192,tn=28,rt={commercial:1,active:2,destination:3},st={residential:1,...Object.fromEntries(["civic","commercial","education","entertainment","medical","transportation"].map(e=>[e,2])),...Object.fromEntries(["agricultural","industrial","military","outbuilding","religious","service"].map(e=>[e,3]))},it={dining:1,entertainment:2,nightlife:3},on={...Object.fromEntries(["alcoholic_beverage_venue","bar","beer","biergarten","brewery","casino","cocktail_bar","dance_club","karaoke","lounge","music_venue","night_club","nightclub","pub","wine_bar"].map(e=>[e,3])),...Object.fromEntries(["arts_centre","bowling_alley","cinema","comedy_club","concert_hall","movie_theater","opera","performing_arts_venue","theater","theatre","theatre_venue"].map(e=>[e,2])),...Object.fromEntries(["casual_eatery","fast_food","fast_food_restaurant","food_court","restaurant"].map(e=>[e,1]))},ut=6,lt=.5,ct=.5;function Un(e,n){let t=te/e.extent,s=n.tileMetres/te,o=n.defaultHeight??5,r=Number.isFinite(n.edgeRadius)?Math.max(0,Math.min(1,n.edgeRadius))/s:0,u=new sn,i=new Ve,l=new Ve,c=[],a=[],f=0,h=mt(e,n);for(let[y,I]of e.features.entries()){if(I.type!=="Polygon"||c.length>=65535)continue;let R=I.properties,V=R.hide_3d;if(V===!0||V===1||V==="1"||V==="true")continue;let B=Math.min(6e3,Tn(R.render_height)??o),j=Math.min(B,Tn(R.render_min_height)??0),Q=rt[String(R.building_tone??"")]??0,$=st[String(R.class??"")]??0,L=h.get(y)??0,z=c.length,q=!1;for(let Y of bt(I.geometry,t)){let p=Y.map(dt).filter(v=>v.length>=6);if(p.length===0||Ye(p[0])===0)continue;let[A,w]=xt(p[0]);if(n.masks?.length&&(nn(n.masks,A,w)||In(p,n.masks,ct/s)))continue;let g={cell:Math.min(7,Math.max(0,Math.floor(w/1024)))*8+Math.min(7,Math.max(0,Math.floor(A/1024))),bounds:[1/0,1/0,-1/0,-1/0,B+.1],roofsFrom:i.length,roofsCount:0,wallsFrom:l.length,wallsCount:0};for(let v of p)for(let O=0;O<v.length;O+=2)g.bounds[0]=Math.min(g.bounds[0],v[O]-1),g.bounds[1]=Math.min(g.bounds[1],v[O+1]-1),g.bounds[2]=Math.max(g.bounds[2],v[O]+1),g.bounds[3]=Math.max(g.bounds[3],v[O+1]+1);q=!0,f=Math.max(f,B);let N=Number.isSafeInteger(I.id),E=rn(N?I.id*.0731:A*.0731+w*.19137+z*1.618),se=!N&&p[0].some(v=>v<=0||v>=te)?rn(B*7.31+j*3.17+Q):E,ee={base:j,top:B,jitter:se,seed:E,tone:Q,group:$,use:L,cx:A,cy:w,index:z},oe=p.map((v,O)=>ht(v,O,r,n.cornerAngle));p=oe.map(({ring:v})=>v);let T=Y.length===1&&p.length===1?vn(Y[0],p[0],R,j,B,s,te):void 0;T?(f=Math.max(f,T.ridge),g.bounds[4]=Math.max(g.bounds[4],T.ridge+.1),ft(T,ee,u,i)):at(p,ee,u,i);for(let[v,O]of p.entries()){let F=Ye(O)>0,H=v===0?F?-1:1:F?1:-1,C=O.length/2,X=S=>{let Z=(S%C+C)%C;return[O[Z*2],O[Z*2+1]]},ne=S=>{let[Z,W]=X(S-1),[G,D]=X(S),[ie,me]=X(S+1);if(fe(Z,W,G,D)||fe(G,D,ie,me))return!1;let be=Math.hypot(G-Z,D-W),ue=Math.hypot(ie-G,me-D);if(!be||!ue)return!1;let Fe=-(D-W)/be*H,_e=(G-Z)/be*H;return(Fe*(ie-G)+_e*(me-D))/ue>lt},Xe=(S,Z)=>T?T.heightAt(S,Z):B,he=0;for(let S=0;S<C;S+=1){let[Z,W]=X(S),[G,D]=X(S+1),ie=Math.hypot(G-Z,D-W);if(ie===0||fe(Z,W,G,D))continue;let me=-(D-W)/ie*H,be=(G-Z)/ie*H,ue=oe[v].normals[S]??[me,be],Fe=oe[v].normals[(S+1)%C]??[me,be],_e=K=>{let pe=ue[0]+(Fe[0]-ue[0])*K,ge=ue[1]+(Fe[1]-ue[1])*K,le=Math.hypot(pe,ge)||1;return[pe/le,ge/le]},re=[0,...T?T.breaks(Z,W,G,D):[],1];for(let K=0;K+1<re.length;K+=1){let pe=K===0,ge=K+2===re.length,le=Z+(G-Z)*re[K],Pe=W+(D-W)*re[K],Oe=Z+(G-Z)*re[K+1],Le=W+(D-W)*re[K+1],Me=Math.hypot(Oe-le,Le-Pe)/te*n.tileMetres,ze=(pe&&ne(S)?1:0)|(ge&&ne(S+1)?2:0)|(v>0?4:0),Ce=(pe&&un(Z,W)?1:0)|(ge&&un(G,D)?2:0),Ge=he+Me,Se=_e(re[K]),Ze=_e(re[K+1]),cn=Xe(le,Pe),an=Xe(Oe,Le),xe=u.write(ee,le,Pe,0,Se[0],Se[1],1,he,ze,Me,0,Ce,cn);u.write(ee,Oe,Le,0,Ze[0],Ze[1],1,Ge,ze,Me,1,Ce,an),u.write(ee,le,Pe,1,Se[0],Se[1],1,he,ze,Me,0,Ce,cn),u.write(ee,Oe,Le,1,Ze[0],Ze[1],1,Ge,ze,Me,1,Ce,an),l.push(xe,xe+1,xe+2,xe+1,xe+3,xe+2),he=Ge}}}g.roofsCount=i.length-g.roofsFrom,g.wallsCount=l.length-g.wallsFrom,a.push(g)}q&&c.push(R)}if(u.count===0)return;let m=new Uint32Array(i.length+l.length),b=[],d=0,x=i.length,U=i.values(),k=l.values();a.sort((y,I)=>y.cell-I.cell);let M=-1;for(let y of a){y.cell!==M&&(M=y.cell,b.push({bounds:[...y.bounds],roofsFrom:d,roofsCount:0,wallsFrom:x,wallsCount:0}));let I=b.at(-1);for(let R=0;R<5;R+=1)I.bounds[R]=R<2?Math.min(I.bounds[R],y.bounds[R]):Math.max(I.bounds[R],y.bounds[R]);m.set(U.subarray(y.roofsFrom,y.roofsFrom+y.roofsCount),d),m.set(k.subarray(y.wallsFrom,y.wallsFrom+y.wallsCount),x),d+=y.roofsCount,x+=y.wallsCount,I.roofsCount+=y.roofsCount,I.wallsCount+=y.wallsCount}return{groups:b,vertices:u.bytes(),indices:m,wallsFrom:i.length,top:f,features:c}}function at(e,n,t,s){let o=[],r=[];for(let l of e)r.push(o.length/2),o.push(...l);r.push(o.length/2);let u=(l,c)=>{let a=r.findIndex((d,x)=>l>=d&&l<r[x+1]),[f,h]=[r[a],r[a+1]-1];if(c<f||c>h)return!1;let[m,b]=l<c?[l,c]:[c,l];return b-m!==1&&!(m===f&&b===h)?!1:!fe(o[l*2],o[l*2+1],o[c*2],o[c*2+1])},i=Ue(o,r.slice(1,-1),2);for(let l=0;l+2<i.length;l+=3){let c=[i[l],i[l+1],i[l+2]],a=0;for(let f=0;f<3;f+=1)u(c[(f+1)%3],c[(f+2)%3])&&(a|=1<<f);for(let[f,h]of c.entries())s.push(t.write(n,o[h*2],o[h*2+1],1,0,0,0,0,0,0,f,a))}}function ft(e,n,t,s){for(let o of e.faces){let r=o.ring,u=r.length/2,i=(l,c)=>{let[a,f]=l<c?[l,c]:[c,l];return f-a!==1&&!(a===0&&f===u-1)?!1:!fe(r[l*2],r[l*2+1],r[c*2],r[c*2+1])};for(let l=0;l+2<o.triangles.length;l+=3){let c=[o.triangles[l],o.triangles[l+1],o.triangles[l+2]],a=0;for(let f=0;f<3;f+=1)i(c[(f+1)%3],c[(f+2)%3])&&(a|=1<<f);for(let[f,h]of c.entries()){let m=r[h*2],b=r[h*2+1];s.push(t.write(n,m,b,1,o.normal[0],o.normal[1],0,0,0,0,f,a,e.heightAt(m,b)))}}}}function ht(e,n,t,s=Math.PI/6){if(t<1)return{ring:e,normals:[]};let o=e.length/2,r=Ye(e)>0,u=n===0?r?-1:1:r?1:-1,i=[],l=[],c=(a,f,h)=>{a=ye(a),f=ye(f),!(i.at(-2)===a&&i.at(-1)===f)&&(i.push(a,f),l.push(h))};for(let a=0;a<o;a+=1){let f=(a+o-1)%o,h=(a+1)%o,[m,b]=[e[f*2],e[f*2+1]],[d,x]=[e[a*2],e[a*2+1]],[U,k]=[e[h*2],e[h*2+1]],M=Math.hypot(d-m,x-b),y=Math.hypot(U-d,k-x);if(!M||!y||un(d,x)||fe(m,b,d,x)||fe(d,x,U,k)){c(d,x);continue}let[I,R]=[(d-m)/M,(x-b)/M],[V,B]=[(U-d)/y,(k-x)/y],j=Math.atan2(I*B-R*V,I*V+R*B);if(j*u>=-.08||Math.abs(j)>Math.PI*.85){c(d,x);continue}let Q=Math.tan(Math.abs(j)/2),$=Math.min(t*Q,M*.2,y*.2),L=$/Q;if(L<1){c(d,x);continue}let[z,q]=[-R*u,I*u],[Y,p]=[d-I*$-z*L,x-R*$-q*L],A=Math.atan2(q,z),w=Math.max(s<=Math.PI/6?2:1,Math.ceil(Math.abs(j)/Math.max(Math.PI/6,Math.min(Math.PI/3,s))));for(let g=0;g<=w;g+=1){let N=A+j*g/w,E=[Math.cos(N),Math.sin(N)];c(Y+E[0]*L,p+E[1]*L,E)}}return i[0]===i.at(-2)&&i[1]===i.at(-1)&&(i.splice(-2),l.pop()),i.length>=6?{ring:i,normals:l}:{ring:e,normals:[]}}var sn=class{#e=new ArrayBuffer(4096*tn);#n=new DataView(this.#e);count=0;write(n,t,s,o,r,u,i,l,c,a,f=0,h=0,m=n.top){let b=tn;if((this.count+1)*b>this.#e.byteLength){let U=new ArrayBuffer(this.#e.byteLength*2);new Uint8Array(U).set(new Uint8Array(this.#e)),this.#e=U,this.#n=new DataView(U)}let d=this.#n,x=this.count*b;return d.setUint16(x,ye(t),!0),d.setUint16(x+2,ye(s),!0),d.setUint16(x+4,Math.min(65535,Math.round(n.base*10)),!0),d.setUint16(x+6,Math.min(65535,Math.max(0,Math.round(m*10))),!0),d.setInt8(x+8,Math.round(r*127)),d.setInt8(x+9,Math.round(u*127)),d.setUint8(x+10,o),d.setUint8(x+11,i),d.setUint16(x+12,Math.round(l*10)%65536,!0),d.setUint8(x+14,Math.round(n.jitter*255)),d.setUint8(x+15,Math.round(n.seed*255)),d.setUint16(x+16,ye(n.cx),!0),d.setUint16(x+18,ye(n.cy),!0),d.setUint8(x+20,n.tone+4*n.group),d.setUint8(x+21,n.use),d.setUint8(x+22,c),d.setUint8(x+23,Math.min(255,Math.round(a))),d.setUint16(x+24,n.index,!0),d.setUint8(x+26,f),d.setUint8(x+27,h),this.count+=1,this.count-1}bytes(){return new Uint8Array(this.#e.slice(0,this.count*tn))}},Ve=class{#e=new Uint32Array(8192);length=0;push(...n){if(this.length+n.length>this.#e.length){let t=new Uint32Array(Math.max(this.length+n.length,this.#e.length*2));t.set(this.#e),this.#e=t}for(let t of n)this.#e[this.length++]=t}values(){return this.#e.subarray(0,this.length)}};function mt(e,n){let t=new Map;if(e.features.some(i=>i.properties.night_use!==void 0)){for(let[i,l]of e.features.entries()){let c=it[String(l.properties.night_use??"")];c&&t.set(i,c)}return t}let s=n.places;if(!s||s.features.length===0)return t;let o=ut/n.tileMetres*e.extent,r=[];for(let[i,l]of e.features.entries()){if(l.type!=="Polygon")continue;let c=l.properties.hide_3d;if(c===!0||c===1||c==="1"||c==="true")continue;let a=[1/0,1/0,-1/0,-1/0];for(let f of l.geometry)for(let h=0;h+1<f.length;h+=2)a[0]=Math.min(a[0],f[h]),a[1]=Math.min(a[1],f[h+1]),a[2]=Math.max(a[2],f[h]),a[3]=Math.max(a[3],f[h+1]);r.push({index:i,rings:l.geometry,box:a})}let u=e.extent/s.extent;for(let i of s.features){if(i.type!=="Point")continue;let l=i.properties,c=on[String(l.type??"")]??on[String(l.subclass??"")]??on[String(l.class??"")];if(c)for(let a of i.geometry)for(let f=0;f+1<a.length;f+=2){let h=a[f]*u,m=a[f+1]*u,b,d,x=o;for(let k of r){let[M,y,I,R]=k.box;if(h<M-o||h>I+o||m<y-o||m>R+o)continue;let V=!1;for(let B of k.rings)for(let j=0,Q=B.length-2;j+1<B.length;Q=j,j+=2){let $=B[Q],L=B[Q+1],z=B[j],q=B[j+1];q>m!=L>m&&h<($-z)*(m-q)/(L-q)+z&&(V=!V);let Y=z-$,p=q-L,A=Y*Y+p*p,w=A?Math.min(1,Math.max(0,((h-$)*Y+(m-L)*p)/A)):0,g=Math.hypot(h-$-w*Y,m-L-w*p);g<x&&(x=g,d=k.index)}if(V){b=k.index;break}}let U=b??d;U!==void 0&&t.set(U,Math.max(t.get(U)??0,c))}}return t}function ye(e){return Math.min(te,Math.max(0,Math.round(e)))}function Tn(e){let n=Number(e);return Number.isFinite(n)&&n>0?n:void 0}function bt(e,n){let t=[],s;for(let o of e){let r=[];for(let i=0;i+1<o.length;i+=2){let l=o[i]*n,c=o[i+1]*n;r.length&&l===r.at(-2)&&c===r.at(-1)||r.push(l,c)}if(r.length>=6&&r[0]===r.at(-2)&&r[1]===r.at(-1)&&(r.length-=2),r.length<6)continue;let u=Math.sign(Ye(r));u&&(s??=u,u===s||t.length===0?t.push([r]):t.at(-1).push(r))}return t}function Ye(e){let n=0,t=e.length/2;for(let s=0;s<t;s+=1){let o=(s+1)%t;n+=e[s*2]*e[o*2+1]-e[o*2]*e[s*2+1]}return n}function xt(e){let n=0,t=0,s=e.length/2;for(let o=0;o<s;o+=1)n+=e[o*2],t+=e[o*2+1];return[n/s,t/s]}function un(e,n){return e<=0||n<=0||e>=te||n>=te}function fe(e,n,t,s){let o=te;return e<=0&&t<=0||e>=o&&t>=o||n<=0&&s<=0||n>=o&&s>=o}function dt(e){let n=te,t=[...e],s=[[0,0,o=>o>=0],[0,n,o=>o<=n],[1,0,o=>o>=0],[1,n,o=>o<=n]];for(let[o,r,u]of s){let i=[],l=t.length/2;for(let c=0;c<l;c+=1){let a=[t[c*2],t[c*2+1]],f=[t[(c+1)%l*2],t[(c+1)%l*2+1]],h=u(a[o]),m=u(f[o]);if(h&&i.push(a[0],a[1]),h!==m){let b=(r-a[o])/(f[o]-a[o]);i.push(a[0]+(f[0]-a[0])*b,a[1]+(f[1]-a[1])*b)}}if(t=i,t.length<6)return[]}return t}function rn(e){let n=Math.sin(e*12.9898+78.233)*43758.5453;return n-Math.floor(n)}var ln=globalThis;ln.onmessage=({data:e})=>{try{let n=Un(e.layer,e.options);ln.postMessage({mesh:n},n?[n.vertices.buffer,n.indices.buffer]:[])}catch(n){ln.postMessage({error:String(n)})}};})();\n'], { type: "text/javascript" })
   );
   try {
     return new Worker(url, { name: "tileflow-buildings" });
@@ -7075,6 +7180,9 @@ uniform float u_corner;
 uniform float u_night; // 0 by day, 1 at night
 uniform float u_windows; // whether to draw night windows
 uniform float u_flood; // flood light strength at night
+uniform float u_architectural_intensity;
+uniform vec3 u_architectural_colour;
+uniform vec2 u_architectural_wall; // minimum height, wall radius / building height
 uniform float u_edge; // how strongly roof outlines and outer corners catch the light, 0 for none
 uniform float u_edge_width; // their width, in the drawing buffer's pixels
 uniform vec3 u_edge_colour; // the application's colour for them
@@ -7227,6 +7335,11 @@ void main() {
     }
     // Flood lights wash the foot of lit buildings at night.
     colour += floodOf(v_building.y, top, seed) * u_flood * 0.3 * (1.0 - smoothstep(0.0, 6.0, up));
+    if (top > u_architectural_wall.x && u_architectural_intensity > 0.0) {
+      float radius = top * u_architectural_wall.y;
+      float share = u_architectural_intensity * max(0.0, 1.0 - up / max(radius, 0.001));
+      colour = mix(colour, u_architectural_colour, share);
+    }
     // The places busy at night light their ground floor's windows: panes of about 3.6 m, which far
     // away give way to their average so nothing shimmers.
     if (v_building.w > 0.5 && v_wall.z > 3.0 && v_wall.y < 4.0 && u_flood > 0.0) {
@@ -7302,6 +7415,40 @@ void main() {
   float close = near * near * near * near * near * near;
   fragColor = vec4((v_flood * 0.35 * near * near + v_shop * 0.12 * close) * u_flood * v_strength, 0.0);
 }`;
+var buildingArchitecturalFloodVertex = (projected) => `#version 300 es
+${projected}
+${attributes}
+${growth}
+uniform vec2 u_radius;
+uniform float u_min_height;
+out float v_out;
+void main() {
+  if (a_height.y * 0.1 < u_min_height || a_height.x > 5.0 || progressOf() <= 0.0) {
+    gl_Position = vec4(2.0, 2.0, 2.0, 1.0);
+    return;
+  }
+  float radius = mix(u_radius.x, u_radius.y, a_wave.x);
+  gl_Position = projectTileFor3D(a_pos + a_normal * (radius / u_metres) * a_flags.x, 0.0);
+  v_out = a_flags.x;
+}`;
+var buildingArchitecturalFloodFragment = `#version 300 es
+precision highp float;
+in float v_out;
+uniform float u_intensity;
+out vec4 fragColor;
+void main() {
+  float near = 1.0 - v_out;
+  fragColor = vec4(vec3(1.0 - u_intensity * pow(near, 2.101)), 1.0);
+}`;
+var buildingArchitecturalFloodComposite = `#version 300 es
+precision highp float;
+uniform sampler2D u_mask;
+uniform vec3 u_colour;
+out vec4 fragColor;
+void main() {
+  float light = 1.0 - texelFetch(u_mask, ivec2(gl_FragCoord.xy), 0).r;
+  fragColor = vec4(u_colour, light);
+}`;
 
 // src/buildings-3d-view.ts
 function buildingBoxVisible(matrix, bounds) {
@@ -8781,6 +8928,7 @@ function createCameraTiles(options) {
   const tiles = /* @__PURE__ */ new Map();
   const queue = [];
   let wanted = [];
+  let covered = [];
   let reader;
   let zoom = options.zoom;
   let origin = [0, 0];
@@ -8806,7 +8954,6 @@ function createCameraTiles(options) {
     const currentZoom = map.getZoom();
     if (currentZoom < options.minzoom - 1 || !options.active()) return;
     const source = ensureReader();
-    if (!source) return;
     const centre = map.getCenter();
     const pitch = map.getPitch();
     const reach = Math.min(5e3, Math.max(800, 1600 * 2 ** (16 - currentZoom) * (1 + pitch / 60)));
@@ -8831,8 +8978,13 @@ function createCameraTiles(options) {
     candidates.sort((a, b2) => a.distance - b2.distance);
     const chosen = candidates.slice(0, options.maxTiles);
     wanted = chosen.map(({ x: x3, y: y2 }) => `${x3}/${y2}`);
+    covered = chosen.map(({ x: x3, y: y2 }) => ({ x: x3, y: y2 }));
     origin = cameraTileAt(centre.lng, centre.lat, zoom);
     metres = earth * Math.cos(centre.lat * Math.PI / 180) / 2 ** zoom / extent;
+    if (!source) {
+      map.triggerRepaint();
+      return;
+    }
     const now = performance.now();
     for (const { x: x3, y: y2 } of chosen) {
       const key = `${x3}/${y2}`;
@@ -8955,6 +9107,7 @@ function createCameraTiles(options) {
       }
       return list;
     },
+    coverage: () => covered,
     all: () => tiles.values(),
     get zoom() {
       return zoom;
@@ -9209,11 +9362,157 @@ function inspectModelTriangles(indices, position, limit = 3e3) {
   return { positions, indices: preview };
 }
 
+// src/models-3d-materials.ts
+var tileflowModelSurfaceLimits = Object.freeze({
+  materials: 256,
+  textures: 32,
+  textureDimension: 4096,
+  texturePixels: 16777216,
+  emitters: 128
+});
+var tileflowModelTextureChannels = [
+  "baseColorTexture",
+  "metallicRoughnessTexture",
+  "normalTexture",
+  "occlusionTexture",
+  "emissiveTexture"
+];
+function checkTileflowModelSurface(surface, vertices, indices) {
+  const fail = (reason) => {
+    throw new RangeError(`Invalid model surface: ${reason}.`);
+  };
+  if (!surface || typeof surface !== "object") fail("missing data");
+  const { attributes: attributes4, materials, textures, ranges, emitters } = surface;
+  if (!(Array.isArray(attributes4) || attributes4 instanceof Float32Array) || attributes4.length !== vertices * 8)
+    fail("each vertex needs UV0, UV1 and RGBA");
+  for (let i2 = 0; i2 < attributes4.length; i2++) {
+    const value = attributes4[i2];
+    if (!Number.isFinite(value) || Math.abs(value) > 65536) fail("unbounded vertex attributes");
+    if (i2 % 8 >= 4 && (value < 0 || value > 1)) fail("vertex RGBA must be zero to one");
+  }
+  if (!Array.isArray(materials) || materials.length < 1 || materials.length > tileflowModelSurfaceLimits.materials)
+    fail("material count exceeds the limit");
+  if (!Array.isArray(textures) || textures.length > tileflowModelSurfaceLimits.textures)
+    fail("texture count exceeds the limit");
+  let pixels = 0;
+  for (const texture of textures) {
+    if (!texture || !(texture.bytes instanceof Uint8Array) || !texture.bytes.length)
+      fail("an embedded image is missing");
+    if (!["image/png", "image/jpeg"].includes(texture.mimeType)) fail("use embedded PNG or JPEG");
+    const dimensions = tileflowModelImageSize(texture.bytes, texture.mimeType);
+    if (!dimensions || dimensions[0] !== texture.width || dimensions[1] !== texture.height)
+      fail("image dimensions disagree with the image");
+    if (Math.max(texture.width, texture.height) > tileflowModelSurfaceLimits.textureDimension)
+      fail("image dimensions exceed the limit");
+    pixels += texture.width * texture.height;
+    if (pixels > tileflowModelSurfaceLimits.texturePixels)
+      fail("decoded image pixels exceed the limit");
+    if (texture.wrapS !== void 0 && ![33071, 33648, 10497].includes(texture.wrapS))
+      fail("unknown horizontal texture wrapping");
+    if (texture.wrapT !== void 0 && ![33071, 33648, 10497].includes(texture.wrapT))
+      fail("unknown vertical texture wrapping");
+    if (texture.minFilter !== void 0 && ![9728, 9729, 9984, 9985, 9986, 9987].includes(texture.minFilter))
+      fail("unknown texture minification");
+    if (texture.magFilter !== void 0 && ![9728, 9729].includes(texture.magFilter))
+      fail("unknown texture magnification");
+  }
+  const tuple = (value, count, min, max2) => Array.isArray(value) && value.length === count && value.every((v2) => typeof v2 === "number" && Number.isFinite(v2) && v2 >= min && v2 <= max2);
+  const number = (value, min, max2) => typeof value === "number" && Number.isFinite(value) && value >= min && value <= max2;
+  for (const material of materials) {
+    if (!material || typeof material !== "object") fail("missing material");
+    if (material.baseColorFactor !== void 0 && !tuple(material.baseColorFactor, 4, 0, 1))
+      fail("base colour must have four zero-to-one components");
+    if (material.emissiveFactor !== void 0 && !tuple(material.emissiveFactor, 3, 0, 1))
+      fail("emission must have three zero-to-one components");
+    for (const key of ["metallicFactor", "roughnessFactor", "alphaCutoff"])
+      if (material[key] !== void 0 && !number(material[key], 0, 1))
+        fail(`${key} must be zero to one`);
+    if (material.emissiveStrength !== void 0 && !number(material.emissiveStrength, 0, 1e3))
+      fail("emissive strength must be zero to 1000");
+    if (material.alphaMode !== void 0 && !["OPAQUE", "MASK", "BLEND"].includes(material.alphaMode))
+      fail("unknown alpha mode");
+    for (const key of ["doubleSided", "unlit"])
+      if (material[key] !== void 0 && typeof material[key] !== "boolean")
+        fail(`${key} must be boolean`);
+    for (const channel of tileflowModelTextureChannels) {
+      const ref = material[channel];
+      if (ref === void 0) continue;
+      if (!ref || typeof ref !== "object") fail("invalid texture reference");
+      if (!Number.isInteger(ref.texture) || ref.texture < 0 || ref.texture >= textures.length)
+        fail("material names a missing texture");
+      if (ref.texCoord !== void 0 && ref.texCoord !== 0 && ref.texCoord !== 1)
+        fail("texture coordinates must name UV0 or UV1");
+      if (ref.offset !== void 0 && !tuple(ref.offset, 2, -65536, 65536))
+        fail("invalid texture offset");
+      if (ref.scale !== void 0 && !tuple(ref.scale, 2, -65536, 65536))
+        fail("invalid texture scale");
+      if (ref.rotation !== void 0 && !number(ref.rotation, -1e3, 1e3))
+        fail("invalid texture rotation");
+      if (ref.strength !== void 0 && !number(ref.strength, 0, channel === "normalTexture" ? 100 : 1))
+        fail("invalid texture channel strength");
+    }
+  }
+  let covered = 0;
+  if (!Array.isArray(ranges) || !ranges.length || ranges.length > indices / 3)
+    fail("missing material ranges");
+  for (const range of ranges) {
+    if (!range || typeof range !== "object") fail("invalid material range");
+    if (range.emissiveBounds !== void 0 && (!tuple(range.emissiveBounds, 2, -2e3, 2e3) || range.emissiveBounds[0] > range.emissiveBounds[1]))
+      fail("invalid material emission bounds");
+    if (!Number.isInteger(range.from) || range.from !== covered || !Number.isInteger(range.count) || range.count <= 0 || range.count % 3 !== 0 || !Number.isInteger(range.material) || range.material < 0 || range.material >= materials.length)
+      fail("material ranges must cover whole triangles in order");
+    covered += range.count;
+    if (covered > indices) fail("material range exceeds the mesh");
+  }
+  if (covered !== indices) fail("material ranges must cover the mesh");
+  if (emitters !== void 0) {
+    if (!Array.isArray(emitters) || emitters.length > tileflowModelSurfaceLimits.emitters)
+      fail("emitter count exceeds the limit");
+    for (const emitter of emitters) {
+      if (!emitter || typeof emitter !== "object") fail("invalid area emitter");
+      if (!tuple(emitter.start, 3, -2e3, 2e3) || !tuple(emitter.end, 3, -2e3, 2e3) || !number(emitter.height, 0.01, 1e3) || emitter.depth !== void 0 && !number(emitter.depth, 0, 100) || !Object.hasOwn(tileflowModelLightingRoles, emitter.role) || !Object.hasOwn(tileflowModelParts, emitter.part))
+        fail("invalid area emitter");
+      if (Math.hypot(emitter.end[0] - emitter.start[0], emitter.end[1] - emitter.start[1]) < 1e-3 || Math.abs(emitter.end[2] - emitter.start[2]) > 0.01)
+        fail("an area emitter needs a horizontal lower edge");
+    }
+  }
+}
+function tileflowModelImageSize(bytes, mimeType) {
+  const view = new DataView(bytes.buffer, bytes.byteOffset, bytes.byteLength);
+  if (mimeType === "image/png") {
+    if (bytes.length < 33 || view.getUint32(0) !== 2303741511 || view.getUint32(4) !== 218765834 || view.getUint32(12) !== 1229472850)
+      return void 0;
+    const width = view.getUint32(16), height = view.getUint32(20);
+    return width && height ? [width, height] : void 0;
+  }
+  if (bytes.length < 4 || view.getUint16(0) !== 65496) return void 0;
+  for (let at = 2; at + 4 <= bytes.length; ) {
+    if (bytes[at++] !== 255) return void 0;
+    while (bytes[at] === 255) at++;
+    const marker = bytes[at++];
+    if (marker === 217 || marker === 218) return void 0;
+    if (marker === 1 || marker >= 208 && marker <= 215) continue;
+    if (at + 2 > bytes.length) return void 0;
+    const length = view.getUint16(at);
+    if (length < 2 || at + length > bytes.length) return void 0;
+    if ([192, 193, 194, 195, 197, 198, 199, 201, 202, 203, 205, 206, 207].includes(
+      marker
+    )) {
+      if (length < 8) return void 0;
+      const height = view.getUint16(at + 3), width = view.getUint16(at + 5);
+      return width && height ? [width, height] : void 0;
+    }
+    at += length;
+  }
+  return void 0;
+}
+
 // src/models-3d-file.ts
 var levelNames = ["near", "mid", "far"];
 var meshopt = "EXT_meshopt_compression";
 var quantisation = "KHR_mesh_quantization";
 var partCount = Object.keys(tileflowModelParts).length;
+var roleCount = Object.keys(tileflowModelLightingRoles).length;
 var modelId2 = /^[a-z0-9]+(?:-[a-z0-9]+)*$/u;
 var [glbMagic, jsonChunk, binChunk] = [1179937895, 1313821514, 5130562];
 var [short, byte, unsignedByte, unsignedShort, unsignedInt] = [5122, 5120, 5121, 5123, 5125];
@@ -9249,8 +9548,7 @@ async function decodeTileflowModels(buffer, decompressor) {
         if (source !== 0 || byteStride !== stride || count * byteStride !== length)
           throw new Error();
         if (filter !== void 0 && filter !== "NONE") throw new Error();
-        if (mode !== (stride === tileflowModelVertexBytes ? "ATTRIBUTES" : "TRIANGLES"))
-          throw new Error();
+        if (mode !== (stride > 4 ? "ATTRIBUTES" : "TRIANGLES")) throw new Error();
         out = new Uint8Array(length);
         decoder.decodeGltfBuffer(out, count, byteStride, slice(bin, byteOffset, byteLength), mode);
       } else {
@@ -9266,6 +9564,8 @@ async function decodeTileflowModels(buffer, decompressor) {
     for (const root of roots) {
       const node = json.nodes?.[root];
       const model = readModelNode(node);
+      const roles = node.extras.tileflow.lightingRoles;
+      if (roles !== void 0 && roles !== 1) return void 0;
       const children = Array.isArray(node.children) ? node.children : [];
       if (children.length < 1 || children.length > tileflowModelLimits.levels) return void 0;
       const levels = [];
@@ -9275,7 +9575,8 @@ async function decodeTileflowModels(buffer, decompressor) {
           json,
           json.nodes?.[child],
           levelNames[at],
-          viewBytes
+          viewBytes,
+          roles === 1
         );
         const low = level.min.map((value, axis) => level.centre[axis] + value * level.step);
         const high = level.max.map((value, axis) => level.centre[axis] + value * level.step);
@@ -9288,7 +9589,8 @@ async function decodeTileflowModels(buffer, decompressor) {
           vertices: level.vertices,
           indices: level.indices,
           centre: level.centre,
-          step: level.step
+          step: level.step,
+          ...level.surface ? { surface: level.surface } : {}
         });
       }
       models.push({
@@ -9338,7 +9640,7 @@ function readModelNode(node) {
     ...own.heading !== void 0 ? { heading: own.heading } : {}
   };
 }
-function readLevelNode(json, node, name, viewBytes) {
+function readLevelNode(json, node, name, viewBytes, hasLightingRoles) {
   if (node?.name !== name || node.matrix !== void 0 || node.rotation !== void 0)
     throw new Error();
   const centre = node.translation;
@@ -9378,18 +9680,51 @@ function readLevelNode(json, node, name, viewBytes) {
     tileflowModelVertexBytes,
     count * tileflowModelVertexBytes
   );
-  for (let vertex = 0; vertex < count; vertex += 1)
-    if (vertices[vertex * tileflowModelVertexBytes + 12] >= partCount) throw new Error();
+  for (let vertex = 0; vertex < count; vertex += 1) {
+    const at = vertex * tileflowModelVertexBytes;
+    const part = vertices[at + 12];
+    if (part >= partCount) throw new Error();
+    if (!hasLightingRoles) vertices[at + 15] = tileflowModelDefaultLightingRoles[part];
+    else if (vertices[at + 15] >= roleCount) throw new Error();
+  }
   const indexBytes = viewBytes(index.bufferView, width, indexCount * width);
   const indices = width === 4 ? new Uint32Array(indexBytes.buffer, indexBytes.byteOffset, indexCount) : new Uint16Array(indexBytes.buffer, indexBytes.byteOffset, indexCount);
   for (const vertex of indices) if (vertex >= count) throw new Error();
+  const physical = node.extras?.tileflow?.surface;
+  let surface;
+  if (physical !== void 0) {
+    if (physical?.version !== 1 || !Array.isArray(physical.attributes) || physical.attributes.length !== 2)
+      throw new Error();
+    const uv = accessor(physical.attributes[0]);
+    const colour = accessor(physical.attributes[1]);
+    if (!uv || !colour || (uv.byteOffset ?? 0) !== 0 || colour.byteOffset !== 16 || uv.bufferView !== colour.bufferView || [uv, colour].some(
+      (value) => value.componentType !== 5126 || value.type !== "VEC4" || value.count !== count || value.normalized === true
+    ))
+      throw new Error();
+    const attributeBytes = viewBytes(uv.bufferView, 32, count * 32);
+    if (!Array.isArray(physical.textures) || physical.textures.length > 32) throw new Error();
+    surface = {
+      attributes: new Float32Array(attributeBytes.buffer, attributeBytes.byteOffset, count * 8),
+      materials: physical.materials,
+      ranges: physical.ranges,
+      textures: physical.textures.map((texture) => {
+        const { bufferView, byteLength, ...properties } = texture;
+        if (!Number.isInteger(byteLength) || byteLength <= 0 || byteLength > tileflowModelLimits.bytes)
+          throw new Error();
+        return { ...properties, bytes: viewBytes(bufferView, 1, byteLength) };
+      }),
+      ...physical.emitters === void 0 ? {} : { emitters: physical.emitters }
+    };
+    checkTileflowModelSurface(surface, count, indexCount);
+  }
   return {
     vertices,
     indices,
     centre: [centre[0], centre[1], centre[2]],
     step: scale[0],
     min,
-    max: max2
+    max: max2,
+    surface
   };
 }
 function readGlb(bytes) {
@@ -9429,12 +9764,37 @@ function placed(at) {
 var tileflowLandmarkTileZoom = 14;
 var tileflowLandmarkRegionZoom = 6;
 var sha256 = /^[a-f0-9]{64}$/u;
+var landmarkId = /^[a-z0-9]+(?:-[a-z0-9]+)*$/u;
+var footprintStep = 10;
+function tileflowLandmarkTileOf(at) {
+  const [longitude, latitude] = at;
+  if (!(longitude >= -180 && longitude <= 180 && latitude >= -85 && latitude <= 85))
+    throw new RangeError("A landmark stands at a longitude and a latitude on the map.");
+  const n = 2 ** tileflowLandmarkTileZoom;
+  const phi = latitude * Math.PI / 180;
+  return [
+    Math.min(n - 1, Math.floor((longitude + 180) / 360 * n)),
+    Math.floor((1 - Math.log(Math.tan(phi) + 1 / Math.cos(phi)) / Math.PI) / 2 * n)
+  ];
+}
 function tileflowLandmarkRegionOf(tile) {
   const shift = 2 ** (tileflowLandmarkTileZoom - tileflowLandmarkRegionZoom);
   return [Math.floor(tile[0] / shift), Math.floor(tile[1] / shift)];
 }
+function validFootprint(footprint) {
+  if (!Array.isArray(footprint) || footprint.length === 0) return false;
+  let points = 0;
+  for (const ring of footprint) {
+    if (!Array.isArray(ring) || ring.length < 6 || ring.length % 2 !== 0) return false;
+    if (!ring.every((value) => Number.isSafeInteger(value))) return false;
+    points += ring.length / 2;
+  }
+  return points <= tileflowModelLimits.footprintPoints;
+}
 function readTileflowLandmarkRegion(json) {
-  if (!isRecord8(json) || json.format !== "tileflow-landmark-region-v1") return void 0;
+  if (!isRecord8(json)) return void 0;
+  const named = json.format === "tileflow-landmark-region-v2";
+  if (!named && json.format !== "tileflow-landmark-region-v1") return void 0;
   const region = json.region;
   if (json.zoom !== tileflowLandmarkTileZoom || !Array.isArray(region) || region.length !== 3 || region[0] !== tileflowLandmarkRegionZoom || !Array.isArray(json.tiles))
     return void 0;
@@ -9442,17 +9802,50 @@ function readTileflowLandmarkRegion(json) {
   if (!Number.isInteger(x3) || !Number.isInteger(y2)) return void 0;
   const tiles = [];
   for (const tile of json.tiles) {
-    if (!Array.isArray(tile) || tile.length !== 3) return void 0;
-    const [tx, ty, hash4] = tile;
+    if (!Array.isArray(tile) || tile.length !== (named ? 4 : 3)) return void 0;
+    const [tx, ty, hash4, listed] = tile;
     if (!Number.isInteger(tx) || !Number.isInteger(ty) || typeof hash4 !== "string")
       return void 0;
     if (!sha256.test(hash4)) return void 0;
     const [rx, ry] = tileflowLandmarkRegionOf([tx, ty]);
     if (rx !== x3 || ry !== y2) return void 0;
-    tiles.push([tx, ty, hash4]);
+    if (!named) {
+      tiles.push([tx, ty, hash4]);
+      continue;
+    }
+    const landmarks = readLandmarks(listed, tx, ty);
+    if (!landmarks) return void 0;
+    tiles.push([tx, ty, hash4, landmarks]);
   }
   return { region: [x3, y2], tiles };
 }
+function readLandmarks(listed, tx, ty) {
+  if (!Array.isArray(listed) || listed.length === 0) return void 0;
+  const out = [];
+  for (const landmark of listed) {
+    if (!isRecord8(landmark)) return void 0;
+    const { id, at, heading, footprint } = landmark;
+    if (typeof id !== "string" || !landmarkId.test(id)) return void 0;
+    if (!Array.isArray(at) || at.length !== 2 || !at.every((value) => typeof value === "number"))
+      return void 0;
+    if (!(typeof heading === "number" && heading >= 0 && heading < 360)) return void 0;
+    if (!validFootprint(footprint)) return void 0;
+    let own;
+    try {
+      own = tileflowLandmarkTileOf([at[0], at[1]]);
+    } catch {
+      return void 0;
+    }
+    if (own[0] !== tx || own[1] !== ty) return void 0;
+    out.push({
+      id,
+      at: [at[0], at[1]],
+      heading,
+      footprint: footprint.map((ring) => ring.map((value) => value / footprintStep))
+    });
+  }
+  return out;
+}
 function readTileflowLandmarksTileJson(json, url) {
   if (!isRecord8(json) || json.format !== "tileflow-landmarks-v2") return void 0;
   const tile = Array.isArray(json.tiles) ? json.tiles[0] : void 0;
@@ -9479,16 +9872,266 @@ function isRecord8(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
+// src/models-3d-emitters.ts
+function modelEmitterGeometry(emitter) {
+  const [a, b2] = [emitter.start, emitter.end];
+  const width = Math.hypot(b2[0] - a[0], b2[1] - a[1]);
+  const tangent = [(b2[0] - a[0]) / width, (b2[1] - a[1]) / width];
+  const normal = [tangent[1], -tangent[0]];
+  const reach = Math.min(10, Math.max(4, emitter.height * 1.3));
+  const depth = emitter.depth ?? 0;
+  const spread = depth > 0 ? Math.min(0.29, width * 0.1 / depth) : 0.29;
+  const half = Math.max(5e-3, width / 2 - depth * (spread + 0.01));
+  const centre = [(a[0] + b2[0]) / 2, (a[1] + b2[1]) / 2, a[2]];
+  const point = (along, out, up) => [
+    centre[0] + tangent[0] * along + normal[0] * out,
+    centre[1] + tangent[1] * along + normal[1] * out,
+    centre[2] + up
+  ];
+  const left = point(-half, 0, 0.1), right = point(half, 0, 0.1);
+  const farLeft = point(-half - spread * reach, reach, 0);
+  const farRight = point(half + spread * reach, reach, 0);
+  const positions = new Float32Array([
+    ...left,
+    ...right,
+    ...farLeft,
+    ...farRight,
+    ...point(-half, 0, emitter.height),
+    ...point(half, 0, emitter.height),
+    ...left,
+    ...right,
+    ...farLeft,
+    ...farRight
+  ]);
+  const h2 = half / reach;
+  const coordinates = new Float32Array([
+    -h2,
+    0,
+    h2,
+    1.3,
+    h2,
+    0,
+    h2,
+    1.3,
+    -h2 - spread,
+    1,
+    h2,
+    0.8,
+    h2 + spread,
+    1,
+    h2,
+    0.8,
+    h2 + spread,
+    0.8,
+    h2,
+    0.7,
+    h2 + spread,
+    0.8,
+    h2,
+    0.7,
+    0,
+    0,
+    h2,
+    1.3,
+    0,
+    0,
+    h2,
+    1.3,
+    h2 + spread,
+    1.2,
+    h2,
+    0.8,
+    h2 + spread,
+    1.2,
+    h2,
+    0.8
+  ]);
+  return { positions, coordinates, reach };
+}
+var modelEmitterVertex = (projected) => `#version 300 es
+${projected}
+uniform vec3 u_emitter_positions[10];
+uniform vec4 u_emitter_coordinates[10];
+uniform vec2 u_heading;
+uniform vec2 u_anchor;
+uniform float u_model_metres;
+uniform float u_scale;
+out vec4 v_light_coordinates;
+void main() {
+  const int indices[12] = int[12](0, 1, 2, 2, 1, 3, 4, 6, 8, 5, 9, 7);
+  int index = indices[gl_VertexID];
+  vec3 position = u_emitter_positions[index];
+  vec2 turned = vec2(position.x * u_heading.x + position.y * u_heading.y,
+    -position.x * u_heading.y + position.y * u_heading.x);
+  float growth = clamp(u_scale, 0.0, 1.0);
+  gl_Position = projectTileFor3D(u_anchor + turned * vec2(1.0, -1.0) / u_model_metres,
+    position.z * growth * growth * (3.0 - 2.0 * growth));
+  v_light_coordinates = u_emitter_coordinates[index];
+}`;
+var modelEmitterFragment = `#version 300 es
+precision highp float;
+in vec4 v_light_coordinates;
+uniform vec3 u_emitter_colour;
+uniform float u_emitter_strength;
+uniform float u_opacity;
+out vec4 fragColor;
+void main() {
+  if (u_emitter_strength <= 0.0) discard;
+  vec4 light = v_light_coordinates;
+  float across = max(0.0, abs(light.x) - light.z) * 1.3;
+  float distance = length(vec2(across, light.y)) +
+    0.5 * (1.0 - clamp(u_emitter_strength - 1.0, 0.0, 1.0));
+  float alpha = clamp((1.0 - distance * distance) * light.w, 0.0, 1.0);
+  fragColor = vec4(u_emitter_colour, alpha * min(1.0, u_emitter_strength) * u_opacity);
+}`;
+
+// src/models-3d-material-shaders.ts
+var modelMaterialSampling = `
+in vec4 v_uv;
+in vec4 v_rgba;
+uniform bool u_physical;
+uniform vec4 u_base_colour;
+uniform int u_alpha_mode; // opaque, mask, blend
+uniform float u_alpha_cutoff;
+uniform float u_texture_enabled[5];
+uniform vec4 u_texture_transform[5]; // offset.xy, scale.xy
+uniform float u_texture_rotation[5];
+uniform float u_texture_coord[5];
+uniform sampler2D u_material_texture0;
+uniform sampler2D u_material_texture1;
+uniform sampler2D u_material_texture2;
+uniform sampler2D u_material_texture3;
+uniform sampler2D u_material_texture4;
+
+vec2 materialUV(int channel) {
+  vec2 uv = u_texture_coord[channel] > 0.5 ? v_uv.zw : v_uv.xy;
+  vec4 transform = u_texture_transform[channel];
+  uv *= transform.zw;
+  float angle = u_texture_rotation[channel];
+  return transform.xy + mat2(cos(angle), sin(angle), -sin(angle), cos(angle)) * uv;
+}
+
+vec4 materialTexture(int channel) {
+  if (u_texture_enabled[channel] < 0.5) return vec4(1.0);
+  vec2 uv = materialUV(channel);
+  if (channel == 0) return texture(u_material_texture0, uv);
+  if (channel == 1) return texture(u_material_texture1, uv);
+  if (channel == 2) return texture(u_material_texture2, uv);
+  if (channel == 3) return texture(u_material_texture3, uv);
+  return texture(u_material_texture4, uv);
+}
+
+float materialAlpha() {
+  if (!u_physical || u_alpha_mode == 0) return 1.0;
+  float alpha = u_base_colour.a * v_rgba.a * materialTexture(0).a;
+  if (u_alpha_mode == 1 && alpha < u_alpha_cutoff) discard;
+  return u_alpha_mode == 1 ? 1.0 : alpha;
+}
+`;
+var modelPhysicalLighting = `
+in vec3 v_position;
+flat in int v_part;
+uniform vec3 u_view_position;
+uniform float u_metallic;
+uniform float u_roughness;
+uniform vec3 u_emissive;
+uniform float u_normal_strength;
+uniform float u_occlusion_strength;
+uniform bool u_unlit;
+uniform vec3 u_part_colours[5];
+uniform float u_part_mix[5];
+uniform vec4 u_role_colour[7];
+uniform vec4 u_role_material[7]; // metallic, roughness, their respective override weights
+
+vec3 fromSRGB(vec3 colour) {
+  return pow(max(colour, vec3(0.0)), vec3(2.2));
+}
+
+vec3 toSRGB(vec3 colour) {
+  // Use the scene's gamma-2.2 approximation, including at low night radiance.
+  return pow(max(colour, vec3(0.0)), vec3(1.0 / 2.2));
+}
+
+vec3 materialNormal(vec3 normal) {
+  if (u_texture_enabled[2] < 0.5) return normal;
+  vec2 uv = materialUV(2);
+  vec2 dx = dFdx(uv), dy = dFdy(uv);
+  float determinant = dx.x * dy.y - dx.y * dy.x;
+  if (abs(determinant) < 1e-8) return normal;
+  vec3 px = dFdx(v_position), py = dFdy(v_position);
+  vec3 tangent = (px * dy.y - py * dx.y) / determinant;
+  vec3 bitangent = (py * dx.x - px * dy.x) / determinant;
+  tangent = normalize(tangent - normal * dot(normal, tangent));
+  bitangent = normalize(bitangent - normal * dot(normal, bitangent));
+  vec3 sampleNormal = materialTexture(2).xyz * 2.0 - 1.0;
+  sampleNormal.xy *= u_normal_strength;
+  return normalize(mat3(tangent, bitangent, normal) * sampleNormal);
+}
+
+vec3 materialBase(int role) {
+  vec4 own = u_role_colour[role];
+  vec3 factor = mix(u_base_colour.rgb, fromSRGB(own.rgb), own.a);
+  factor = mix(factor, fromSRGB(u_part_colours[v_part]), u_part_mix[v_part]);
+  return factor * v_rgba.rgb * fromSRGB(materialTexture(0).rgb);
+}
+
+vec3 physicalLight(vec3 base, vec3 normal, float lit, int role) {
+  if (u_unlit) return base;
+  vec4 packed = materialTexture(1);
+  vec4 overrideMaterial = u_role_material[role];
+  float metallic = clamp(mix(u_metallic, overrideMaterial.x, overrideMaterial.z) * packed.b, 0.0, 1.0);
+  float roughness = clamp(mix(u_roughness, overrideMaterial.y, overrideMaterial.w) * packed.g, 0.04, 1.0);
+  vec3 view = normalize(u_view_position - v_position);
+  vec3 halfway = normalize(view + u_sun_dir);
+  float nv = max(dot(normal, view), 0.001);
+  float nl = max(dot(normal, u_sun_dir), 0.0);
+  float nh = max(dot(normal, halfway), 0.0);
+  float vh = max(dot(view, halfway), 0.0);
+  float a2 = pow(roughness, 4.0);
+  float denominator = nh * nh * (a2 - 1.0) + 1.0;
+  float distribution = a2 / max(3.14159265 * denominator * denominator, 1e-7);
+  float masking = 0.5 / max(nv * sqrt(a2 + (1.0 - a2) * nl * nl)
+    + nl * sqrt(a2 + (1.0 - a2) * nv * nv), 1e-5);
+  vec3 f0 = mix(vec3(0.04), base, metallic);
+  vec3 fresnel = f0 + (1.0 - f0) * pow(1.0 - vh, 5.0);
+  vec3 diffuse = base * (1.0 - metallic) * 0.96;
+  // Scene light is cartographic radiance: a Lambert surface uses unit diffuse response.
+  vec3 direct = (diffuse * (1.0 - fresnel) + distribution * masking * fresnel)
+    * u_sun_light * nl * (1.0 - u_shadow * (1.0 - lit));
+  // Analytic fit of the integrated GGX BRDF: reflection scales and biases its normal reflectance.
+  float smoothness = 1.0 - roughness;
+  float fit = smoothness * min(smoothness * smoothness, exp2(-9.28 * nv)) + 0.0425 - 0.0275 * roughness;
+  float reflectionScale = 1.04 - 0.572 * roughness - 1.04 * fit;
+  float reflectionBias = 0.022 * roughness - 0.04 + 1.04 * fit;
+  vec3 reflectedSky = max(vec3(0.0), f0 * reflectionScale + reflectionBias);
+  float directional = dot(u_sun_light, vec3(0.2126, 0.7152, 0.0722));
+  float exposure = (0.96 + 0.04 * clamp(normal.z, -1.0, 1.0)) *
+    (1.0 - 0.3 * min(directional, 1.0) * max(-dot(normal, u_sun_dir), 0.0));
+  float ao = mix(1.0, v_light * mix(1.0, materialTexture(3).r, u_occlusion_strength),
+    u_ambient_occlusion);
+  vec3 ambient = (diffuse + reflectedSky) * u_sky_light * exposure * ao;
+  return ambient + min(direct, vec3(1.0));
+}
+`;
+
 // src/models-3d-shaders.ts
 var tileflowModelAttributes = [
   ["a_position", 3, "SHORT", false, 0],
   ["a_normal", 3, "BYTE", true, 8],
-  ["a_paint", 3, "UNSIGNED_BYTE", false, 12]
+  ["a_paint", 3, "UNSIGNED_BYTE", false, 12],
+  ["a_lighting_role", 1, "UNSIGNED_BYTE", false, 15]
+];
+var tileflowModelSurfaceAttributes = [
+  ["a_uv", 4, "FLOAT", false, 0],
+  ["a_rgba", 4, "FLOAT", false, 16]
 ];
 var attributes2 = `
 in vec3 a_position; // whole steps from the level's centre, in glTF's axes
 in vec3 a_normal; // in glTF's axes
 in vec3 a_paint; // part; shade (0 to 255); light (0 to 255)
+in float a_lighting_role;
+in vec4 a_uv;
+in vec4 a_rgba;
 `;
 var placement = `
 uniform vec3 u_level_centre; // in glTF's axes, in metres
@@ -9530,13 +10173,22 @@ var tileflowModelDepthVertex = `#version 300 es
 ${attributes2}
 uniform mat4 u_light_matrix;
 ${placement}
+out vec4 v_uv;
+out vec4 v_rgba;
 void main() {
   vec3 m = turned(metresOf());
   gl_Position = u_light_matrix * vec4(sceneOf(tileOf(m), grown(m.z)), 1.0);
+  v_uv = a_uv;
+  v_rgba = a_rgba;
 }`;
 var tileflowModelDepthFragment = `#version 300 es
 precision highp float;
-void main() {}`;
+${modelMaterialSampling}
+void main() {
+  float alpha = materialAlpha();
+  // Blended surfaces cast an alpha-tested solar shadow, avoiding solid panes.
+  if (u_alpha_mode == 2 && alpha < 0.5) discard;
+}`;
 var tileflowModelVertex = (projected) => `#version 300 es
 ${projected}
 ${attributes2}
@@ -9544,11 +10196,18 @@ uniform mat4 u_light_matrix;
 uniform vec3 u_shadow_dir;
 uniform float u_normal_offset;
 uniform vec3 u_part_colours[5];
+uniform vec2 u_model_height;
 ${placement}
 out vec3 v_colour;
 out vec3 v_normal;
 out vec3 v_shadow;
 out float v_light;
+flat out int v_lighting_role;
+out float v_height;
+out vec4 v_uv;
+out vec4 v_rgba;
+out vec3 v_position;
+flat out int v_part;
 
 void main() {
   vec3 m = turned(metresOf());
@@ -9561,10 +10220,16 @@ void main() {
   v_shadow = shadow.xyz * 0.5 + 0.5;
   v_normal = normal;
   int part = int(a_paint.x + 0.5);
+  v_part = clamp(part, 0, 4);
+  v_uv = a_uv;
+  v_rgba = a_rgba;
+  v_position = vec3(m.xy, z);
   vec3 colour = u_part_colours[clamp(part, 0, 4)];
   // A material lighter or darker than mid-grey makes its part lighter or darker.
   v_colour = colour * (0.55 + 0.45 * (a_paint.y / 255.0) * 2.0);
   v_light = a_paint.z / 255.0;
+  v_lighting_role = clamp(int(a_lighting_role + 0.5), 0, 6);
+  v_height = (m.z - u_model_height.x) / max(u_model_height.y, 0.001);
 }`;
 var tileflowModelFragment = `#version 300 es
 precision highp float;
@@ -9572,18 +10237,29 @@ in vec3 v_colour;
 in vec3 v_normal;
 in vec3 v_shadow;
 in float v_light;
+flat in int v_lighting_role;
+in float v_height;
 uniform vec3 u_sun_dir;
 uniform vec3 u_sun_light;
 uniform vec3 u_sky_light;
 uniform float u_night;
+uniform float u_ambient_occlusion;
+uniform float u_role_emission[7];
+uniform vec4 u_role_emission_colour[7];
+uniform vec4 u_role_emission_gradient[7];
+uniform float u_role_emission_power[7];
+uniform float u_opacity;
 out vec4 fragColor;
 ${tileflowShadowLookup}
+${modelMaterialSampling}
+${modelPhysicalLighting}
 
 // The buildings' light: a sunlit roof keeps its colour, a face turned to a low sun glows, and shade
 // takes the sky's colour; a face that looks down sees little sky.
 vec3 shade(vec3 normal, float lit) {
   float facing = dot(normal, u_sun_dir);
   vec3 sky = u_sky_light * mix(mix(0.8, 0.5, u_night), 1.0, max(normal.z, -0.4));
+  sky *= mix(1.0, v_light, u_ambient_occlusion);
   vec3 light = sky + u_sun_light * max(facing, 0.0) * (1.0 - u_shadow * (1.0 - lit));
   vec3 roof = u_sky_light + u_sun_light * max(u_sun_dir.z, 0.0);
   return min(pow(light / max(roof, vec3(1e-4)), vec3(1.0 / 2.2)), vec3(1.7));
@@ -9591,10 +10267,171 @@ vec3 shade(vec3 normal, float lit) {
 
 void main() {
   vec3 normal = normalize(gl_FrontFacing ? v_normal : -v_normal);
+  if (u_physical) normal = materialNormal(normal);
   float lit = dot(normal, u_sun_dir) > 0.0 ? visibility(v_shadow, 0.3) : 0.0;
-  fragColor = vec4(v_colour * shade(normal, lit) * mix(0.55, 1.0, v_light), 1.0);
+  int role = clamp(v_lighting_role, 0, 6);
+  vec4 gradient = u_role_emission_gradient[role];
+  float multiplier = 1.0;
+  if (gradient.x != gradient.y) {
+    float height = clamp((v_height - gradient.x) / (gradient.y - gradient.x), 0.0, 1.0);
+    multiplier = mix(gradient.z, gradient.w, pow(height, pow(10.0, u_role_emission_power[role])));
+  }
+  float emission = clamp(u_role_emission[role] * multiplier, 0.0, 1.0);
+  if (u_physical) {
+    float alpha = materialAlpha();
+    vec3 base = materialBase(role);
+    vec3 radiance = physicalLight(base, normal, lit, role);
+    radiance += u_emissive * fromSRGB(materialTexture(4).rgb);
+    vec4 own = u_role_emission_colour[role];
+    radiance = mix(radiance, mix(base, fromSRGB(own.rgb), own.a), emission);
+    fragColor = vec4(toSRGB(radiance), alpha * u_opacity);
+    return;
+  }
+  vec3 colour = v_colour * shade(normal, lit);
+  if (emission > 0.0) {
+    vec4 own = u_role_emission_colour[role];
+    vec3 target = mix(v_colour, own.rgb, own.a);
+    colour = pow(mix(pow(max(colour, vec3(0.0)), vec3(2.2)),
+      pow(max(target, vec3(0.0)), vec3(2.2)), emission), vec3(1.0 / 2.2));
+  }
+  fragColor = vec4(colour, 1.0);
 }`;
 
+// src/models-3d-materials-browser.ts
+async function readModelImages(model, signal) {
+  const buffers = /* @__PURE__ */ new Map();
+  const pending = /* @__PURE__ */ new Map();
+  const levels = model.levels.map(
+    (level) => (level.surface?.textures ?? []).map((texture) => {
+      const { bytes } = texture;
+      if (!buffers.has(bytes.buffer)) buffers.set(bytes.buffer, buffers.size);
+      const key = `${buffers.get(bytes.buffer)}:${bytes.byteOffset}:${bytes.byteLength}`;
+      let image = pending.get(key);
+      if (!image) {
+        image = createImageBitmap(new Blob([bytes.slice().buffer], { type: texture.mimeType }), {
+          imageOrientation: "none",
+          premultiplyAlpha: "none",
+          colorSpaceConversion: "none"
+        }).then((bitmap) => {
+          if (bitmap.width !== texture.width || bitmap.height !== texture.height) {
+            bitmap.close();
+            throw new RangeError("Model texture dimensions changed during decoding.");
+          }
+          return bitmap;
+        });
+        pending.set(key, image);
+      }
+      return image;
+    })
+  );
+  const settled = await Promise.allSettled(pending.values());
+  if (signal.aborted || settled.some((result) => result.status === "rejected")) {
+    for (const result of settled) if (result.status === "fulfilled") result.value.close();
+    signal.throwIfAborted();
+    throw new RangeError("A model texture could not be decoded.");
+  }
+  return Promise.all(levels.map((level) => Promise.all(level)));
+}
+function closeModelImages(images) {
+  for (const image of new Set(images?.flat())) image.close();
+}
+function uploadModelSurface(gl, level, images) {
+  if (!level.surface) return void 0;
+  const vbo = gl.createBuffer();
+  gl.bindBuffer(gl.ARRAY_BUFFER, vbo);
+  gl.bufferData(gl.ARRAY_BUFFER, level.surface.attributes, gl.STATIC_DRAW);
+  for (const [
+    index,
+    [, size, type, normalised, offset]
+  ] of tileflowModelSurfaceAttributes.entries()) {
+    const location = index + tileflowModelAttributes.length;
+    gl.enableVertexAttribArray(location);
+    gl.vertexAttribPointer(location, size, gl[type], normalised, 32, offset);
+  }
+  const flip = gl.getParameter(gl.UNPACK_FLIP_Y_WEBGL);
+  const premultiply = gl.getParameter(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL);
+  gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, false);
+  gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
+  try {
+    const textures = level.surface.textures.map((source, index) => {
+      const texture = gl.createTexture();
+      gl.bindTexture(gl.TEXTURE_2D, texture);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, source.wrapS ?? gl.REPEAT);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, source.wrapT ?? gl.REPEAT);
+      const min = source.minFilter ?? gl.LINEAR_MIPMAP_LINEAR;
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, min);
+      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, source.magFilter ?? gl.LINEAR);
+      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA8, gl.RGBA, gl.UNSIGNED_BYTE, images[index]);
+      if (min >= gl.NEAREST_MIPMAP_NEAREST) gl.generateMipmap(gl.TEXTURE_2D);
+      return texture;
+    });
+    const vertices = new DataView(
+      level.vertices.buffer,
+      level.vertices.byteOffset,
+      level.vertices.byteLength
+    );
+    const centres = new Float32Array(level.surface.ranges.length * 3);
+    for (const [index, range] of level.surface.ranges.entries()) {
+      const centre = [0, 0, 0];
+      for (let at = range.from; at < range.from + range.count; at++)
+        for (let axis = 0; axis < 3; axis++)
+          centre[axis] += level.centre[axis] + vertices.getInt16(level.indices[at] * 16 + axis * 2, true) * level.step;
+      centres.set(
+        [centre[0] / range.count, -centre[2] / range.count, centre[1] / range.count],
+        index * 3
+      );
+    }
+    return {
+      vbo,
+      textures,
+      centres,
+      emitters: (level.surface.emitters ?? []).map(modelEmitterGeometry)
+    };
+  } finally {
+    gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, flip);
+    gl.pixelStorei(gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, premultiply);
+  }
+}
+function bindModelMaterial(gl, uniforms, material, buffers, blank) {
+  const at = (name) => uniforms[name] ?? null;
+  gl.uniform1i(at("u_physical"), material ? 1 : 0);
+  const enabled = new Float32Array(5), transforms = new Float32Array(20);
+  const rotations = new Float32Array(5), coordinates = new Float32Array(5);
+  for (const [index, channel] of tileflowModelTextureChannels.entries()) {
+    const ref = material?.[channel];
+    gl.activeTexture(gl.TEXTURE0 + 2 + index);
+    gl.bindTexture(gl.TEXTURE_2D, ref ? buffers.textures[ref.texture] : blank);
+    gl.uniform1i(at(`u_material_texture${index}`), 2 + index);
+    enabled[index] = ref ? 1 : 0;
+    transforms.set([...ref?.offset ?? [0, 0], ...ref?.scale ?? [1, 1]], index * 4);
+    rotations[index] = ref?.rotation ?? 0;
+    coordinates[index] = ref?.texCoord ?? 0;
+  }
+  gl.uniform1fv(at("u_texture_enabled"), enabled);
+  gl.uniform4fv(at("u_texture_transform"), transforms);
+  gl.uniform1fv(at("u_texture_rotation"), rotations);
+  gl.uniform1fv(at("u_texture_coord"), coordinates);
+  gl.uniform4fv(at("u_base_colour"), material?.baseColorFactor ?? [1, 1, 1, 1]);
+  gl.uniform1f(at("u_metallic"), material?.metallicFactor ?? 1);
+  gl.uniform1f(at("u_roughness"), material?.roughnessFactor ?? 1);
+  gl.uniform3fv(
+    at("u_emissive"),
+    (material?.emissiveFactor ?? [0, 0, 0]).map((c) => c * (material?.emissiveStrength ?? 1))
+  );
+  gl.uniform1f(at("u_normal_strength"), material?.normalTexture?.strength ?? 1);
+  gl.uniform1f(at("u_occlusion_strength"), material?.occlusionTexture?.strength ?? 1);
+  gl.uniform1i(at("u_unlit"), material?.unlit ? 1 : 0);
+  gl.uniform1i(
+    at("u_alpha_mode"),
+    material?.alphaMode === "MASK" ? 1 : material?.alphaMode === "BLEND" ? 2 : 0
+  );
+  gl.uniform1f(at("u_alpha_cutoff"), material?.alphaCutoff ?? 0.5);
+  if (material && !material.doubleSided) {
+    gl.enable(gl.CULL_FACE);
+    gl.cullFace(gl.BACK);
+  } else gl.disable(gl.CULL_FACE);
+}
+
 // src/models-3d-browser.ts
 var earth2 = 40075016686e-3;
 var keptModels = 12;
@@ -9604,7 +10441,11 @@ var reachTiles = 1;
 var levelDistances = [900, 2600];
 var retryAfter = 3e4;
 var tilesetRetryAfter = 3e5;
+var landmarkHold = 3e3;
+var settleWait = 1500;
 function createTileflowPlacedModels(options) {
+  const holdFor = options.timing?.hold ?? landmarkHold;
+  const settleFor = options.timing?.settle ?? settleWait;
   const loaded = /* @__PURE__ */ new Map();
   const loading = /* @__PURE__ */ new Map();
   const failed = /* @__PURE__ */ new Map();
@@ -9620,6 +10461,11 @@ function createTileflowPlacedModels(options) {
   const tileFailed = /* @__PURE__ */ new Map();
   let wantedTiles = /* @__PURE__ */ new Set();
   let active = [];
+  let held = [];
+  const holding = /* @__PURE__ */ new Map();
+  let holdTimer;
+  let lastLandmarks;
+  const waiting = /* @__PURE__ */ new Set();
   let dirty = true;
   let ownIds = /* @__PURE__ */ new Set();
   let lastPlacements;
@@ -9631,7 +10477,7 @@ function createTileflowPlacedModels(options) {
   function tilesOf(model, zoom) {
     const [x3, y2] = cameraTileAt(model.placement.at[0], model.placement.at[1], zoom);
     const metres = earth2 * Math.cos(model.placement.at[1] * Math.PI / 180) / 2 ** zoom;
-    const [minX, minY, , maxX, maxY] = model.model.bounds;
+    const [minX, minY, , maxX, maxY] = model.bounds;
     const radius = Math.hypot(Math.max(-minX, maxX), Math.max(-minY, maxY)) / metres;
     const out = [];
     for (let tx = Math.floor(x3 - radius); tx <= Math.floor(x3 + radius); tx += 1)
@@ -9654,21 +10500,35 @@ function createTileflowPlacedModels(options) {
   function arrived() {
     dirty = true;
     version2 += 1;
+    recheck();
     options.changed([], lastZoom);
   }
+  function recheck() {
+    for (const waiter of waiting)
+      if (waiter.settled()) {
+        waiting.delete(waiter);
+        waiter.resolve();
+      }
+  }
   function load(placement3, key) {
     const controller = new AbortController();
     loading.set(key, controller);
-    download(placement3.url, controller.signal).then(async (response) => decodeTileflowModels(await response.arrayBuffer())).then((models) => {
-      loading.delete(key);
+    download(placement3.url, controller.signal).then(async (response) => decodeTileflowModels(await response.arrayBuffer())).then(async (models) => {
       if (disposed) return;
       const model = models?.find((entry) => entry.id === placement3.model) ?? models?.[0];
       if (!model) throw new Error("not a Tileflow model");
-      loaded.set(key, { placement: placement3, key, model, landmark: false, used: performance.now() });
+      const images = await readModelImages(model, controller.signal);
+      loading.delete(key);
+      if (disposed || controller.signal.aborted) {
+        closeModelImages(images);
+        return;
+      }
+      loaded.set(key, { placement: placement3, key, model, images, landmark: false, used: performance.now() });
       arrived();
     }).catch(() => {
       loading.delete(key);
       failed.set(key, performance.now() + retryAfter);
+      recheck();
     });
   }
   function loadTileset(url) {
@@ -9686,6 +10546,7 @@ function createTileflowPlacedModels(options) {
       if (tilesetLoad?.controller !== controller) return;
       tilesetLoad = void 0;
       tilesetFailed = { url, until: performance.now() + tilesetRetryAfter };
+      recheck();
     });
   }
   function loadRegion(regionKey, x3, y2) {
@@ -9702,12 +10563,18 @@ function createTileflowPlacedModels(options) {
       const region = readTileflowLandmarkRegion(json);
       if (!region || region.region[0] !== x3 || region.region[1] !== y2)
         throw new Error("not this landmarks region");
-      const tiles = new Map(region.tiles.map(([tx, ty, hash4]) => [`${tx}/${ty}`, hash4]));
+      const tiles = new Map(
+        region.tiles.map((tile) => [
+          `${tile[0]}/${tile[1]}`,
+          { hash: tile[2], ...tile[3] ? { landmarks: tile[3] } : {} }
+        ])
+      );
       regions.set(regionKey, { tiles, used: performance.now() });
       arrived();
     }).catch(() => {
       regionLoading.delete(regionKey);
       regionFailed.set(regionKey, performance.now() + retryAfter);
+      recheck();
     });
   }
   function loadTile(hash4) {
@@ -9715,22 +10582,38 @@ function createTileflowPlacedModels(options) {
     const url = new URL(source.tile.replaceAll("{sha256}", hash4), source.url).href;
     const controller = new AbortController();
     tileLoading.set(hash4, controller);
-    download(url, controller.signal).then(async (response) => decodeTileflowModels(await response.arrayBuffer())).then((models) => {
-      tileLoading.delete(hash4);
+    download(url, controller.signal).then(async (response) => decodeTileflowModels(await response.arrayBuffer())).then(async (models) => {
       if (disposed || tileset !== source) return;
       if (!models) throw new Error("not a Tileflow landmarks tile");
       const now = performance.now();
       const entries = [];
-      for (const model of models) {
-        if (!model.at) continue;
-        const placement3 = { model: model.id, url, at: model.at, heading: model.heading ?? 0 };
-        entries.push({ placement: placement3, key: `landmark:${model.id}`, model, landmark: true, used: now });
+      try {
+        for (const model of models) {
+          if (!model.at) continue;
+          const images = await readModelImages(model, controller.signal);
+          const placement3 = { model: model.id, url, at: model.at, heading: model.heading ?? 0 };
+          entries.push({
+            placement: placement3,
+            key: `landmark:${model.id}`,
+            model,
+            images,
+            landmark: true,
+            used: now
+          });
+        }
+        controller.signal.throwIfAborted();
+        if (disposed || tileset !== source) throw new Error("The landmark tile was replaced.");
+      } catch (error) {
+        for (const entry of entries) closeModelImages(entry.images);
+        throw error;
       }
+      tileLoading.delete(hash4);
       landmarkTiles.set(hash4, { entries, used: now });
       arrived();
     }).catch(() => {
       tileLoading.delete(hash4);
       tileFailed.set(hash4, performance.now() + retryAfter);
+      arrived();
     });
   }
   function landmarkTilesNear(tiles, zoom) {
@@ -9766,10 +10649,81 @@ function createTileflowPlacedModels(options) {
       }
     return out;
   }
+  function holdingNow(near, own, now, shown) {
+    const out = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const landmarks of near.values())
+      for (const landmark of landmarks) {
+        const key = `landmark:${landmark.id}`;
+        if (seen.has(key) || ownIds.has(landmark.id)) continue;
+        seen.add(key);
+        const since = holding.get(key) ?? (shown ? now : void 0);
+        if (since !== void 0) holding.set(key, since);
+        if (since !== void 0 && now - since >= holdFor) continue;
+        const entry = {
+          key,
+          placement: { at: landmark.at, heading: landmark.heading },
+          footprint: landmark.footprint,
+          bounds: boundsOf(landmark.footprint)
+        };
+        if (own.some((model) => footprintsMeet(entry, model))) continue;
+        out.push(entry);
+      }
+    for (const key of [...holding.keys()]) if (!seen.has(key)) holding.delete(key);
+    return out;
+  }
+  function scheduleHoldEnd(now) {
+    if (holdTimer !== void 0) clearTimeout(holdTimer);
+    holdTimer = void 0;
+    let earliest = Infinity;
+    for (const entry of held) {
+      const since = holding.get(entry.key);
+      if (since !== void 0) earliest = Math.min(earliest, since + holdFor);
+    }
+    if (earliest === Infinity || disposed) return;
+    holdTimer = setTimeout(
+      () => {
+        holdTimer = void 0;
+        dirty = true;
+        options.changed([], lastZoom);
+      },
+      Math.max(0, earliest - now) + 1
+    );
+  }
+  function settledAround(tile) {
+    if (disposed) return true;
+    const now = performance.now();
+    for (const placement3 of lastPlacements ?? []) {
+      const [px, py] = cameraTileAt(placement3.at[0], placement3.at[1], tile.z);
+      if (Math.abs(Math.floor(px) - tile.x) > reachTiles) continue;
+      if (Math.abs(Math.floor(py) - tile.y) > reachTiles) continue;
+      const key = keyOf(placement3);
+      if (!loaded.has(key) && (failed.get(key) ?? 0) <= now) return false;
+    }
+    const url = lastLandmarks;
+    if (!url) return true;
+    if (!tileset || tileset.url !== url)
+      return tilesetFailed?.url === url && tilesetFailed.until > now;
+    const scale = 2 ** (tileset.tileZoom - tile.z);
+    const left = Math.floor(tile.x * scale) - 1;
+    const right = Math.ceil((tile.x + 1) * scale);
+    const top = Math.floor(tile.y * scale) - 1;
+    const bottom = Math.ceil((tile.y + 1) * scale);
+    for (const x3 of [left, right])
+      for (const y2 of [top, bottom]) {
+        const [rx, ry] = tileflowLandmarkRegionOf([x3, y2]);
+        const regionKey = `${rx}/${ry}`;
+        if (!tileset.regions.has(regionKey) || regions.has(regionKey)) continue;
+        if ((regionFailed.get(regionKey) ?? 0) > now) continue;
+        return false;
+      }
+    return true;
+  }
   return {
-    update(placements, landmarks, tiles, zoom) {
+    update(placements, landmarks, tiles, zoom, shown = true) {
       if (disposed) return;
       lastZoom = zoom;
+      lastLandmarks = landmarks;
       const near = /* @__PURE__ */ new Set();
       const now = performance.now();
       if (placements !== lastPlacements) {
@@ -9786,6 +10740,7 @@ function createTileflowPlacedModels(options) {
           bottom = Math.max(bottom, tile.y);
         }
         for (const placement3 of placements) {
+          if (readTileflowTeamModelName(placement3.url)) continue;
           const [x3, y2] = cameraTileAt(placement3.at[0], placement3.at[1], zoom);
           if (x3 < left - reachTiles || x3 >= right + 1 + reachTiles || y2 < top - reachTiles || y2 >= bottom + 1 + reachTiles)
             continue;
@@ -9832,6 +10787,7 @@ function createTileflowPlacedModels(options) {
         loadTileset(landmarks);
       const nearRegions = /* @__PURE__ */ new Set();
       const nearHashes = /* @__PURE__ */ new Set();
+      const onTheirWay = /* @__PURE__ */ new Map();
       for (const [tileKey, [x3, y2]] of landmarkTilesNear(tiles, zoom)) {
         const [rx, ry] = tileflowLandmarkRegionOf([x3, y2]);
         const regionKey = `${rx}/${ry}`;
@@ -9844,12 +10800,17 @@ function createTileflowPlacedModels(options) {
           continue;
         }
         region.used = now;
-        const hash4 = region.tiles.get(tileKey);
-        if (!hash4) continue;
+        const named = region.tiles.get(tileKey);
+        if (!named) continue;
+        const { hash: hash4 } = named;
         nearHashes.add(hash4);
         const tile = landmarkTiles.get(hash4);
         if (tile) tile.used = now;
-        else if (!tileLoading.has(hash4) && (tileFailed.get(hash4) ?? 0) <= now) loadTile(hash4);
+        else {
+          const failing = (tileFailed.get(hash4) ?? 0) > now;
+          if (!tileLoading.has(hash4) && !failing) loadTile(hash4);
+          if (named.landmarks && !failing) onTheirWay.set(hash4, named.landmarks);
+        }
       }
       if (nearHashes.size !== wantedTiles.size || [...nearHashes].some((hash4) => !wantedTiles.has(hash4))) {
         wantedTiles = nearHashes;
@@ -9877,25 +10838,71 @@ function createTileflowPlacedModels(options) {
         landmarkTiles.delete(hash4);
         released.push(...tile.entries);
       }
-      if (!dirty) return;
+      recheck();
+      const next = dirty ? standing() : active;
+      const holdNext = holdingNow(
+        onTheirWay,
+        next.filter((entry) => !entry.landmark),
+        now,
+        shown
+      );
+      const sameHold = holdNext.length === held.length && holdNext.every((entry, at) => entry.key === held[at].key);
+      if (!dirty && sameHold) return;
       dirty = false;
-      const next = standing();
       const before = new Map(active.map((entry) => [entry, true]));
       const changed = [];
-      for (const entry of next) if (!before.delete(entry)) changed.push(...tilesOf(entry, zoom));
-      for (const entry of before.keys()) changed.push(...tilesOf(entry, zoom));
+      const reach = (entry) => tilesOf({ placement: entry.placement, bounds: entry.model.bounds }, zoom);
+      for (const entry of next)
+        if (!before.delete(entry)) {
+          entry.standingSince = now;
+          changed.push(...reach(entry));
+        }
+      for (const entry of before.keys()) {
+        entry.standingSince = void 0;
+        changed.push(...reach(entry));
+      }
+      const heldBefore = new Map(held.map((entry) => [entry.key, entry]));
+      for (const entry of holdNext)
+        if (!heldBefore.delete(entry.key)) changed.push(...tilesOf(entry, zoom));
+      for (const entry of heldBefore.values()) changed.push(...tilesOf(entry, zoom));
       active = next;
+      held = holdNext;
+      scheduleHoldEnd(now);
       if (changed.length > 0) {
         version2 += 1;
         options.changed(changed, zoom);
       }
     },
+    settle(tile, signal) {
+      if (settledAround(tile)) return Promise.resolve();
+      return new Promise((resolve) => {
+        const waiter = {
+          settled: () => signal.aborted || settledAround(tile),
+          resolve: () => {
+            clearTimeout(timer);
+            signal.removeEventListener("abort", done);
+            resolve();
+          }
+        };
+        const done = () => {
+          waiting.delete(waiter);
+          waiter.resolve();
+        };
+        const timer = setTimeout(done, settleFor);
+        signal.addEventListener("abort", done, { once: true });
+        waiting.add(waiter);
+      });
+    },
     masksIn(tile, extent5) {
       let masks;
-      for (const entry of active) {
-        if (entry.model.footprint.length === 0) continue;
+      const footprints = [
+        ...active.map((entry) => ({ placement: entry.placement, footprint: entry.model.footprint })),
+        ...held
+      ];
+      for (const entry of footprints) {
+        if (entry.footprint.length === 0) continue;
         const rings = tileflowModelFootprintInTile(
-          entry.model.footprint,
+          entry.footprint,
           entry.placement,
           { x: tile.x, y: tile.y, zoom: tile.z },
           extent5
@@ -9916,10 +10923,13 @@ function createTileflowPlacedModels(options) {
     },
     shown: () => active,
     upload(context) {
-      for (const entry of released.splice(0)) releaseBuffers(context, entry);
+      for (const entry of released.splice(0)) {
+        releaseBuffers(context, entry);
+        closeModelImages(entry.images);
+      }
       for (const entry of active) {
         if (entry.gl) continue;
-        entry.gl = entry.model.levels.map((level) => {
+        entry.gl = entry.model.levels.map((level, levelIndex) => {
           const vao = context.createVertexArray();
           context.bindVertexArray(vao);
           const vbo = context.createBuffer();
@@ -9942,11 +10952,13 @@ function createTileflowPlacedModels(options) {
           const ibo = context.createBuffer();
           context.bindBuffer(context.ELEMENT_ARRAY_BUFFER, ibo);
           context.bufferData(context.ELEMENT_ARRAY_BUFFER, level.indices, context.STATIC_DRAW);
+          const surface = uploadModelSurface(context, level, entry.images?.[levelIndex] ?? []);
           context.bindVertexArray(null);
           return {
             vao,
             vbo,
             ibo,
+            ...surface ? { surface } : {},
             type: level.indices instanceof Uint32Array ? context.UNSIGNED_INT : context.UNSIGNED_SHORT
           };
         });
@@ -9963,16 +10975,25 @@ function createTileflowPlacedModels(options) {
     },
     key: () => String(version2),
     release(context) {
-      const all = [...loaded.values(), ...released.splice(0)];
+      const retired = released.splice(0);
+      const all = [...loaded.values(), ...retired];
       for (const tile of landmarkTiles.values()) all.push(...tile.entries);
       for (const entry of all) releaseBuffers(context, entry);
+      for (const entry of retired) closeModelImages(entry.images);
     },
     dispose() {
       disposed = true;
+      if (holdTimer !== void 0) clearTimeout(holdTimer);
+      for (const waiter of waiting) waiter.resolve();
+      waiting.clear();
+      held = [];
       for (const controller of loading.values()) controller.abort();
       for (const controller of [...tileLoading.values(), ...regionLoading.values()])
         controller.abort();
       tilesetLoad?.controller.abort();
+      for (const entry of [...loaded.values(), ...released]) closeModelImages(entry.images);
+      for (const tile of landmarkTiles.values())
+        for (const entry of tile.entries) closeModelImages(entry.images);
       loading.clear();
       tileLoading.clear();
       regionLoading.clear();
@@ -9984,27 +11005,64 @@ function createTileflowPlacedModels(options) {
   };
 }
 function footprintsMeet(landmark, model) {
-  if (landmark.model.footprint.length === 0 || model.model.footprint.length === 0) return false;
+  const footprint = "model" in landmark ? landmark.model.footprint : landmark.footprint;
+  if (footprint.length === 0 || model.model.footprint.length === 0) return false;
   const [x3, y2] = cameraTileAt(landmark.placement.at[0], landmark.placement.at[1], 14);
   const tile = { x: Math.floor(x3), y: Math.floor(y2), zoom: 14 };
-  const ours = tileflowModelFootprintInTile(
-    landmark.model.footprint,
-    landmark.placement,
-    tile,
-    8192
-  );
+  const ours = tileflowModelFootprintInTile(footprint, landmark.placement, tile, 8192);
   const theirs = tileflowModelFootprintInTile(model.model.footprint, model.placement, tile, 8192);
   return tileflowRingsOverlap(ours, theirs, 0);
 }
+function boundsOf(footprint) {
+  let [minX, minY, maxX, maxY] = [0, 0, 0, 0];
+  for (const ring of footprint)
+    for (let at = 0; at + 1 < ring.length; at += 2) {
+      minX = Math.min(minX, ring[at]);
+      maxX = Math.max(maxX, ring[at]);
+      minY = Math.min(minY, ring[at + 1]);
+      maxY = Math.max(maxY, ring[at + 1]);
+    }
+  return [minX, minY, 0, maxX, maxY, 0];
+}
 function releaseBuffers(context, entry) {
   for (const level of entry.gl ?? []) {
     context.deleteVertexArray(level.vao);
     context.deleteBuffer(level.vbo);
     context.deleteBuffer(level.ibo);
+    if (level.surface) {
+      context.deleteBuffer(level.surface.vbo);
+      for (const texture of level.surface.textures) context.deleteTexture(texture);
+    }
   }
   entry.gl = void 0;
 }
 
+// src/models-3d-role-lighting.ts
+init_theme_blend();
+function sampleModelRole(profile, identity) {
+  let seed = 2166136261;
+  for (let i2 = 0; i2 < identity.length; i2++)
+    seed = Math.imul(seed ^ identity.charCodeAt(i2), 16777619);
+  const random = (channel) => {
+    let value = Math.imul(seed ^ channel, 73244475);
+    value = Math.imul(value ^ value >>> 16, 73244475);
+    return ((value ^ value >>> 16) >>> 0) / 4294967296;
+  };
+  const variation = profile?.colorVariation;
+  let color = profile?.color ? tileflowColourChannels(profile.color)?.slice(0, 3) : void 0;
+  if (variation) {
+    const hsl = [variation.hue, variation.saturation, variation.lightness].map(
+      ([low, high], channel) => low + (high - low) * random(channel + 1)
+    );
+    color = tileflowColourChannels(`hsl(${hsl[0]}, ${hsl[1]}%, ${hsl[2]}%)`).slice(0, 3);
+    if (variation.space === "linear") color = color.map((c) => c ** (1 / 2.2));
+  }
+  return {
+    strength: (profile?.emissiveStrength ?? 0) + (profile?.emissiveVariation ?? 0) * random(0),
+    color
+  };
+}
+
 // src/scene-3d-browser.ts
 var tileflowSceneExtent = 8192;
 var tileflowSceneShadowFloor = 15;
@@ -10390,6 +11448,7 @@ var defaultTransition = 0;
 var flood = { reach: 10, colour: [1, 0.7, 0.4] };
 var edgeLine = { width: 1, day: 0.5 };
 var paletteWidth = 256;
+var modelFade = 500;
 var streetLightsLayerId = "tileflow-street-lights";
 var derivedParts = {
   surface: (rgb) => [...rgb],
@@ -10419,6 +11478,7 @@ function createTileflowBuildings3D(options) {
   let linking;
   let ground;
   const contactMask = createBuildingContactMask();
+  const floodMask = createBuildingContactMask();
   let disposed = false;
   const scene = tileflowScene3D(map);
   let generation = 0;
@@ -10457,6 +11517,8 @@ function createTileflowBuildings3D(options) {
         context.UNSIGNED_BYTE,
         new Uint8Array([216, 208, 192, 255])
       );
+      context.texParameteri(context.TEXTURE_2D, context.TEXTURE_MIN_FILTER, context.NEAREST);
+      context.texParameteri(context.TEXTURE_2D, context.TEXTURE_MAG_FILTER, context.NEAREST);
     },
     onRemove(_2, context) {
       if (!isWebGL2(context)) return;
@@ -10473,6 +11535,7 @@ function createTileflowBuildings3D(options) {
         context.deleteBuffer(ground.vbo);
       }
       contactMask.release(context);
+      floodMask.release(context);
       if (blank) context.deleteTexture(blank);
       blank = void 0;
       programs = {};
@@ -10485,7 +11548,13 @@ function createTileflowBuildings3D(options) {
       if (!isWebGL2(context)) return;
       ensureCamera();
       if (target > 0 || scale > 0)
-        models.update(design().models ?? [], design().landmarks?.url, camera.ready(), camera.zoom);
+        models.update(
+          design().models ?? [],
+          design().landmarks?.url,
+          camera.coverage(),
+          camera.zoom,
+          visibleScale() > 0
+        );
       if (!programs.depth) return;
       if (!design().shadows || visibleScale() <= 0) {
         if (registered) unregister();
@@ -10511,6 +11580,7 @@ function createTileflowBuildings3D(options) {
       if (target > 0 || scale > 0) upload(context);
       if (visibleScale() <= 0) {
         contactMask.release(context);
+        floodMask.release(context);
         return;
       }
       draw(context, args);
@@ -10529,6 +11599,8 @@ function createTileflowBuildings3D(options) {
       const decoded = tile.layers[layers.building];
       if (!decoded) return emptyTile;
       const places = layers.places ? tile.layers[layers.places] : void 0;
+      await models.settle(tile, signal);
+      signal.throwIfAborted();
       const masks = models.masksIn(tile, tileflowBuildingExtent);
       const mesh = await mesher.build(
         decoded,
@@ -10868,13 +11940,18 @@ function createTileflowBuildings3D(options) {
           modelDepth.uniforms.u_offset,
           ...frame.offsetOf({ x: stand.tileX, y: stand.tileY }, camera.zoom)
         );
-        drawModel(context, modelDepth, model, models.levelOf(model, centre));
+        drawModel(context, modelDepth, model, models.levelOf(model, centre), "depth");
       }
     }
   };
   function modelsDrawn() {
     return models.shown().filter((model) => model.gl);
   }
+  function appearanceOf(model, now) {
+    if (model.standingSince === void 0) return 1;
+    const reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
+    return reduced ? 1 : Math.min(1, Math.max(0, (now - model.standingSince) / modelFade));
+  }
   function standOf(model) {
     const [longitude, latitude] = model.placement.at;
     const [x3, y2] = cameraTileAt(longitude, latitude, camera.zoom);
@@ -10899,13 +11976,55 @@ function createTileflowBuildings3D(options) {
     context.uniform2f(u.u_anchor, stand.anchor[0], stand.anchor[1]);
     context.uniform1f(u.u_model_metres, stand.metres);
   }
-  function drawModel(context, program, model, level) {
+  function drawModel(context, program, model, level, pass = "solid") {
     const buffers = model.gl[level];
     const mesh = model.model.levels[level];
     context.uniform3f(program.uniforms.u_level_centre, ...mesh.centre);
     context.uniform1f(program.uniforms.u_level_step, mesh.step);
+    context.uniform2f(
+      program.uniforms.u_model_height ?? null,
+      model.model.bounds[2],
+      model.model.bounds[5] - model.model.bounds[2]
+    );
     context.bindVertexArray(buffers.vao);
-    context.drawElements(context.TRIANGLES, mesh.indices.length, buffers.type, 0);
+    if (!mesh.surface) {
+      if (pass === "blend") return;
+      bindModelMaterial(context, program.uniforms, void 0, void 0, blank);
+      context.drawElements(context.TRIANGLES, mesh.indices.length, buffers.type, 0);
+      return;
+    }
+    const ranges = mesh.surface.ranges.map((range, index) => ({ range, index })).filter(({ range }) => {
+      const transparent2 = mesh.surface.materials[range.material].alphaMode === "BLEND";
+      return pass === "depth" || transparent2 === (pass === "blend");
+    });
+    if (pass === "blend" && ranges.length > 1) {
+      const camera2 = modelCamera(model), turn = model.placement.heading * Math.PI / 180;
+      const distance = (index) => {
+        const c = buffers.surface.centres.subarray(index * 3, index * 3 + 3);
+        const x3 = c[0] * Math.cos(turn) + c[1] * Math.sin(turn);
+        const y2 = -c[0] * Math.sin(turn) + c[1] * Math.cos(turn);
+        return (x3 - camera2[0]) ** 2 + (y2 - camera2[1]) ** 2 + (c[2] - camera2[2]) ** 2;
+      };
+      ranges.sort((a, b2) => distance(b2.index) - distance(a.index));
+    }
+    for (const { range } of ranges) {
+      const [low, high] = range.emissiveBounds ?? [model.model.bounds[2], model.model.bounds[5]];
+      context.uniform2f(program.uniforms.u_model_height ?? null, low, high - low);
+      bindModelMaterial(
+        context,
+        program.uniforms,
+        mesh.surface.materials[range.material],
+        buffers.surface,
+        blank
+      );
+      context.drawElements(
+        context.TRIANGLES,
+        range.count,
+        buffers.type,
+        range.from * mesh.indices.BYTES_PER_ELEMENT
+      );
+    }
+    context.disable(context.CULL_FACE);
   }
   function partColoursNow() {
     const { themes, lower, upper, mix: mix2 } = designsOnScreen();
@@ -10920,6 +12039,94 @@ function createTileflowBuildings3D(options) {
     }
     return out;
   }
+  function partMixNow() {
+    const { themes, lower, upper, mix: mix2 } = designsOnScreen();
+    return Float32Array.from(
+      Object.keys(tileflowModelParts).map(
+        (part) => (themes[lower].modelColors?.[part] ? 1 - mix2 : 0) + (themes[upper].modelColors?.[part] ? mix2 : 0)
+      )
+    );
+  }
+  function modelCamera(model) {
+    const zoom = map.getZoom();
+    const [cx, cy] = cameraTileAt(map.getCenter().lng, map.getCenter().lat, zoom);
+    const [mx, my] = cameraTileAt(...model.placement.at, zoom);
+    const metres = 40075016686e-3 * Math.cos(model.placement.at[1] * Math.PI / 180) / 2 ** zoom;
+    const distance = (map.getCanvas?.().clientHeight ?? 720) * metres / 512 / (2 * Math.tan((map.getVerticalFieldOfView?.() ?? 36.87) * Math.PI / 360));
+    const pitch = map.getPitch() * Math.PI / 180, bearing = map.getBearing() * Math.PI / 180;
+    return [
+      (cx - mx) * metres - distance * Math.sin(pitch) * Math.sin(bearing),
+      (my - cy) * metres - distance * Math.sin(pitch) * Math.cos(bearing),
+      distance * Math.cos(pitch)
+    ];
+  }
+  const modelLightingCache = /* @__PURE__ */ new Map();
+  let modelLightingThemes;
+  let modelLightingPosition = "";
+  function modelLightingNow(identity) {
+    const { themes, lower, upper, mix: mix2 } = designsOnScreen();
+    const position = `${lower}:${upper}:${mix2}`;
+    if (themes !== modelLightingThemes || position !== modelLightingPosition) {
+      modelLightingCache.clear();
+      modelLightingThemes = themes;
+      modelLightingPosition = position;
+    }
+    const cached = modelLightingCache.get(identity);
+    if (cached) return cached;
+    const strengths = new Float32Array(7);
+    const colours = new Float32Array(28);
+    const gradients = new Float32Array(28);
+    const powers = new Float32Array(7);
+    const materialColours = new Float32Array(28);
+    const materials = new Float32Array(28);
+    for (const [role, id] of Object.entries(tileflowModelLightingRoles)) {
+      const from = themes[lower].modelLighting?.[role], to = themes[upper].modelLighting?.[role];
+      const sampledFrom = sampleModelRole(from, `${identity}:${role}`);
+      const sampledTo = sampleModelRole(to, `${identity}:${role}`);
+      strengths[id] = sampledFrom.strength * (1 - mix2) + sampledTo.strength * mix2;
+      const ca = sampledFrom.color, cb = sampledTo.color;
+      for (let channel = 0; channel < 3; channel++)
+        materialColours[id * 4 + channel] = (ca?.[channel] ?? cb?.[channel] ?? 0) * (1 - mix2) + (cb?.[channel] ?? ca?.[channel] ?? 0) * mix2;
+      materialColours[id * 4 + 3] = (ca ? (from?.colorMix ?? 1) * (1 - mix2) : 0) + (cb ? (to?.colorMix ?? 1) * mix2 : 0);
+      for (const [channel, key] of ["metallic", "roughness"].entries()) {
+        materials[id * 4 + channel] = (from?.[key] ?? to?.[key] ?? 0) * (1 - mix2) + (to?.[key] ?? from?.[key] ?? 0) * mix2;
+        materials[id * 4 + 2 + channel] = (from?.[key] === void 0 ? 0 : 1 - mix2) + (to?.[key] === void 0 ? 0 : mix2);
+      }
+      const a = rgbOf2(from?.emissiveColor), b2 = rgbOf2(to?.emissiveColor);
+      for (let channel = 0; channel < 3; channel += 1)
+        colours[id * 4 + channel] = (a?.[channel] ?? b2?.[channel] ?? 0) * (1 - mix2) + (b2?.[channel] ?? a?.[channel] ?? 0) * mix2;
+      colours[id * 4 + 3] = (a ? 1 - mix2 : 0) + (b2 ? mix2 : 0);
+      const first = from?.emissiveHeight ?? defaultModelEmissionGradient;
+      const second = to?.emissiveHeight ?? defaultModelEmissionGradient;
+      for (let component = 0; component < 4; component += 1)
+        gradients[id * 4 + component] = first[component] * (1 - mix2) + second[component] * mix2;
+      powers[id] = first[4] * (1 - mix2) + second[4] * mix2;
+    }
+    const result = { strengths, colours, gradients, powers, materialColours, materials };
+    if (modelLightingCache.size >= 1024)
+      modelLightingCache.delete(modelLightingCache.keys().next().value);
+    modelLightingCache.set(identity, result);
+    return result;
+  }
+  function floodLightNow() {
+    const { themes, lower, upper, mix: mix2 } = designsOnScreen();
+    const first = themes[lower].floodLight ?? defaultBuildingFloodLight;
+    const second = themes[upper].floodLight ?? defaultBuildingFloodLight;
+    const number = (a2, b3) => a2 * (1 - mix2) + b3 * mix2;
+    const a = rgbOf2(first.color) ?? rgbOf2(defaultBuildingFloodLight.color);
+    const b2 = rgbOf2(second.color) ?? rgbOf2(defaultBuildingFloodLight.color);
+    return {
+      intensity: number(first.intensity, second.intensity) * buildingFloodLightShare(sunNow(), number(first.brightnessScale, second.brightnessScale)),
+      colour: a.map((value, i2) => number(value, b2[i2])),
+      radius: [
+        number(first.groundRadius[0], second.groundRadius[0]),
+        number(first.groundRadius[1], second.groundRadius[1])
+      ],
+      minGroundHeight: number(first.minGroundHeight, second.minGroundHeight),
+      minWallHeight: number(first.minWallHeight, second.minWallHeight),
+      wallHeightRatio: number(first.wallHeightRatio, second.wallHeightRatio)
+    };
+  }
   function placed2(x3, y2) {
     const frame = scene.frame();
     return frame && frame.zoom === camera.zoom ? { offset: frame.offsetOf({ x: x3, y: y2 }, camera.zoom), metres: frame.metres } : { offset: camera.offsetOf({ x: x3, y: y2 }), metres: camera.metres };
@@ -10986,8 +12193,12 @@ function createTileflowBuildings3D(options) {
     const shown = visibleScale();
     const themes = colouredByData() ? designsOnScreen() : void 0;
     const nightLight2 = mixed2((entry) => entry.nightLight);
+    const architectural = floodLightNow();
     const edges = mixed2((entry) => entry.edges);
     const { occlusion: occlusionOn, windows: windowsOn } = design();
+    const now = performance.now();
+    const appearing = standing.filter((entry) => appearanceOf(entry, now) < 1);
+    const steady = standing.filter((entry) => !appearing.includes(entry));
     context.enable(context.DEPTH_TEST);
     context.depthFunc(context.LEQUAL);
     context.depthMask(true);
@@ -11010,6 +12221,13 @@ function createTileflowBuildings3D(options) {
       context.uniform1f(u.u_windows, windowsOn ? 1 : 0);
       context.uniform1f(u.u_flood, light.night * nightLight2);
       context.uniform3fv(u.u_flood_colour, flood.colour);
+      context.uniform1f(u.u_architectural_intensity, architectural.intensity);
+      context.uniform3fv(u.u_architectural_colour, architectural.colour);
+      context.uniform2f(
+        u.u_architectural_wall,
+        architectural.minWallHeight,
+        architectural.wallHeightRatio
+      );
       context.uniform1f(
         u.u_variation,
         mixed2((entry) => entry.colorVariation)
@@ -11062,8 +12280,34 @@ function createTileflowBuildings3D(options) {
             range.from * 4
           );
       }
+      drawModels(steady);
+    });
+    for (const entry of appearing)
+      drawBuildingOpacity(
+        context,
+        visibleOpacity() * appearanceOf(entry, now),
+        () => drawModels([entry])
+      );
+    if (appearing.length > 0) map.triggerRepaint();
+    context.enable(context.BLEND);
+    context.blendFuncSeparate(
+      context.SRC_ALPHA,
+      context.ONE_MINUS_SRC_ALPHA,
+      context.ZERO,
+      context.ONE
+    );
+    context.depthMask(false);
+    context.depthFunc(context.LEQUAL);
+    drawModels(
+      [...standing].sort((a, b2) => {
+        const distance = (entry) => Math.hypot(...modelCamera(entry));
+        return distance(b2) - distance(a);
+      }),
+      "blend"
+    );
+    function drawModels(list, pass = "solid") {
       const model = programs.model;
-      if (model && standing.length > 0) {
+      if (model && list.length > 0) {
         const m = model.uniforms;
         context.useProgram(model.program);
         context.disable(context.CULL_FACE);
@@ -11073,20 +12317,37 @@ function createTileflowBuildings3D(options) {
         context.uniform3fv(m.u_sun_light, light.sunLight);
         context.uniform3fv(m.u_sky_light, light.skyLight);
         context.uniform1f(m.u_night, light.night);
+        context.uniform1f(
+          m.u_ambient_occlusion,
+          occlusionOn ? mixed2((entry) => entry.modelOcclusion ?? 0.75) : 0
+        );
         context.uniform3fv(m.u_part_colours, partColoursNow());
+        context.uniform1fv(m.u_part_mix, partMixNow());
         scene.bindShadow(context, m, light.strength);
         const centre = map.getCenter();
-        for (const entry of standing) {
+        for (const entry of list) {
+          const emission = modelLightingNow(entry.model.id);
+          context.uniform1fv(m.u_role_emission, emission.strengths);
+          context.uniform4fv(m.u_role_emission_colour, emission.colours);
+          context.uniform4fv(m.u_role_emission_gradient, emission.gradients);
+          context.uniform1fv(m.u_role_emission_power, emission.powers);
+          context.uniform4fv(m.u_role_colour, emission.materialColours);
+          context.uniform4fv(m.u_role_material, emission.materials);
           const stand = standOf(entry);
           project(context, model, args, stand.tileX, stand.tileY);
           const at = placed2(stand.tileX, stand.tileY);
           context.uniform2f(m.u_offset, ...at.offset);
           context.uniform1f(m.u_metres, at.metres);
           setPlacement(context, model, entry, stand);
-          drawModel(context, model, entry, models.levelOf(entry, centre));
+          context.uniform3fv(m.u_view_position, modelCamera(entry));
+          context.uniform1f(
+            m.u_opacity,
+            pass === "blend" ? visibleOpacity() * appearanceOf(entry, now) : 1
+          );
+          drawModel(context, model, entry, models.levelOf(entry, centre), pass);
         }
       }
-    });
+    }
     context.depthMask(false);
     context.enable(context.BLEND);
     context.blendFuncSeparate(context.DST_COLOR, context.ZERO, context.ZERO, context.ONE);
@@ -11114,7 +12375,7 @@ function createTileflowBuildings3D(options) {
           context.drawArrays(context.TRIANGLE_STRIP, 0, 4);
         }
     }
-    const walls = (program) => {
+    const walls = (program, reach = flood.reach) => {
       for (const tile of entries) {
         const { x: x3, y: y2, value } = tile;
         const mesh = value.mesh;
@@ -11122,7 +12383,7 @@ function createTileflowBuildings3D(options) {
         project(context, program, args, x3, y2);
         context.uniform2f(program.uniforms.u_offset, ...camera.offsetOf({ x: x3, y: y2 }));
         context.bindVertexArray(value.gl.vao);
-        for (const range of viewRanges(args, tile, flood.reach, true))
+        for (const range of viewRanges(args, tile, reach, true))
           context.drawElements(
             context.TRIANGLES,
             range.count,
@@ -11185,6 +12446,95 @@ function createTileflowBuildings3D(options) {
       context.uniform3fv(program.uniforms.u_flood_colour, flood.colour);
       walls(program);
     }
+    if (architectural.intensity > 0 && entries.length > 0 && ground) {
+      const program = programs.architecturalFlood;
+      const texture = floodMask.render(context, () => {
+        context.useProgram(program.program);
+        context.uniform1f(program.uniforms.u_scale, shown);
+        context.uniform1f(program.uniforms.u_metres, camera.metres);
+        context.uniform2f(
+          program.uniforms.u_radius,
+          architectural.radius[0],
+          architectural.radius[1]
+        );
+        context.uniform1f(program.uniforms.u_min_height, architectural.minGroundHeight);
+        context.uniform1f(
+          program.uniforms.u_intensity,
+          architectural.intensity * visibleOpacity()
+        );
+        walls(program, architectural.radius[1]);
+      });
+      const composite = programs.architecturalFloodComposite;
+      context.useProgram(composite.program);
+      context.activeTexture(context.TEXTURE2);
+      context.bindTexture(context.TEXTURE_2D, texture);
+      context.uniform1i(composite.uniforms.u_mask, 2);
+      context.uniform3fv(composite.uniforms.u_colour, architectural.colour);
+      context.blendFuncSeparate(
+        context.SRC_ALPHA,
+        context.ONE_MINUS_SRC_ALPHA,
+        context.ZERO,
+        context.ONE
+      );
+      context.bindVertexArray(ground.vao);
+      const xs = entries.map(({ x: x3 }) => x3), ys = entries.map(({ y: y2 }) => y2);
+      for (let x3 = Math.min(...xs) - 1; x3 <= Math.max(...xs) + 1; x3 += 1)
+        for (let y2 = Math.min(...ys) - 1; y2 <= Math.max(...ys) + 1; y2 += 1) {
+          if (!groundVisible(args, x3, y2)) continue;
+          project(context, composite, args, x3, y2);
+          context.drawArrays(context.TRIANGLE_STRIP, 0, 4);
+        }
+      context.bindTexture(context.TEXTURE_2D, null);
+    } else {
+      floodMask.release(context);
+    }
+    const emitterProgram = programs.modelEmitter;
+    if (emitterProgram) {
+      const u = emitterProgram.uniforms;
+      context.useProgram(emitterProgram.program);
+      context.disable(context.CULL_FACE);
+      context.blendFuncSeparate(
+        context.SRC_ALPHA,
+        context.ONE_MINUS_SRC_ALPHA,
+        context.ZERO,
+        context.ONE
+      );
+      context.bindVertexArray(null);
+      context.uniform1f(u.u_scale, shown);
+      const palette = partColoursNow();
+      const paletteMix = partMixNow();
+      for (const entry of standing) {
+        const level = models.levelOf(entry, map.getCenter());
+        const surface = entry.model.levels[level].surface;
+        if (!surface?.emitters?.length) continue;
+        const stand = standOf(entry), lighting2 = modelLightingNow(entry.model.id);
+        project(context, emitterProgram, args, stand.tileX, stand.tileY);
+        setPlacement(context, emitterProgram, entry, stand);
+        context.uniform1f(u.u_opacity, visibleOpacity() * appearanceOf(entry, now));
+        for (const [index, emitter] of surface.emitters.entries()) {
+          const role = tileflowModelLightingRoles[emitter.role], part = tileflowModelParts[emitter.part];
+          const geometry = entry.gl[level].surface.emitters[index];
+          const gradient = lighting2.gradients.subarray(role * 4, role * 4 + 4);
+          const bounds = entry.model.bounds;
+          const height = (emitter.start[2] - bounds[2]) / Math.max(1e-3, bounds[5] - bounds[2]);
+          const at = gradient[0] === gradient[1] ? 1 : Math.min(1, Math.max(0, (height - gradient[0]) / (gradient[1] - gradient[0])));
+          const multiplier = gradient[0] === gradient[1] ? 1 : gradient[2] + (gradient[3] - gradient[2]) * at ** 10 ** lighting2.powers[role];
+          const strength = lighting2.strengths[role] * multiplier;
+          if (strength <= 0) continue;
+          const own = lighting2.colours.subarray(role * 4, role * 4 + 4);
+          const tint = lighting2.materialColours.subarray(role * 4, role * 4 + 4);
+          const tintWeight = tint[3] * (1 - paletteMix[part]);
+          const colour = [0, 1, 2].map(
+            (channel) => own[3] > 0 ? own[channel] : palette[part * 3 + channel] * (1 - tintWeight) + tint[channel] * tintWeight
+          );
+          context.uniform3fv(u.u_emitter_positions, geometry.positions);
+          context.uniform4fv(u.u_emitter_coordinates, geometry.coordinates);
+          context.uniform3fv(u.u_emitter_colour, colour);
+          context.uniform1f(u.u_emitter_strength, strength);
+          context.drawArrays(context.TRIANGLES, 0, 12);
+        }
+      }
+    }
     context.bindVertexArray(null);
     context.depthMask(true);
   }
@@ -11197,9 +12547,18 @@ ${shaderData.define}`;
       ground: [tileflowBuildingGroundVertex(projected), tileflowBuildingGroundFragment],
       contact: [buildingContactVertex(projected), buildingContactFragment],
       contactComposite: [tileflowBuildingGroundVertex(projected), buildingContactCompositeFragment],
-      flood: [tileflowBuildingBandVertex(projected), tileflowBuildingFloodFragment]
+      flood: [tileflowBuildingBandVertex(projected), tileflowBuildingFloodFragment],
+      architecturalFlood: [
+        buildingArchitecturalFloodVertex(projected),
+        buildingArchitecturalFloodFragment
+      ],
+      architecturalFloodComposite: [
+        tileflowBuildingGroundVertex(projected),
+        buildingArchitecturalFloodComposite
+      ]
     };
     sources.model = [tileflowModelVertex(projected), tileflowModelFragment];
+    sources.modelEmitter = [modelEmitterVertex(projected), modelEmitterFragment];
     if (!programs.depth)
       sources.depth = [tileflowBuildingDepthVertex, tileflowBuildingDepthFragment];
     if (!programs.modelDepth)
@@ -11216,7 +12575,7 @@ ${shaderData.define}`;
       const fragment = shader(context.FRAGMENT_SHADER, fragmentText);
       context.attachShader(program, vertex);
       context.attachShader(program, fragment);
-      const bound = name === "model" || name === "modelDepth" ? tileflowModelAttributes : tileflowBuildingAttributes;
+      const bound = name === "model" || name === "modelDepth" ? [...tileflowModelAttributes, ...tileflowModelSurfaceAttributes] : tileflowBuildingAttributes;
       for (const [index, [attribute]] of bound.entries())
         context.bindAttribLocation(program, index, attribute);
       context.linkProgram(program);
@@ -15380,6 +16739,120 @@ function validated5(shot) {
     throw new TypeError("Shot easing is smooth or linear.");
 }
 
+// src/notices.ts
+var tileflowNoticesMetadataKey = "tileflow:notices";
+var tileflowNoticeLimits = Object.freeze({
+  maxNotices: 8,
+  maxSources: 16,
+  maxTextLength: 120
+});
+var identifierPattern = /^[A-Za-z0-9][A-Za-z0-9_-]{0,63}$/u;
+function readTileflowNotices(metadata) {
+  if (!isRecord11(metadata)) return [];
+  const value = metadata[tileflowNoticesMetadataKey];
+  if (!Array.isArray(value)) return [];
+  const notices = [];
+  const ids = /* @__PURE__ */ new Set();
+  for (const entry of value.slice(0, tileflowNoticeLimits.maxNotices)) {
+    const notice = readNotice(entry);
+    if (!notice || ids.has(notice.id)) continue;
+    ids.add(notice.id);
+    notices.push(notice);
+  }
+  return Object.freeze(notices);
+}
+function readNotice(value) {
+  if (!isRecord11(value)) return void 0;
+  const { id, sources, text: text2 } = value;
+  if (typeof id !== "string" || !identifierPattern.test(id)) return void 0;
+  if (typeof text2 !== "string" || text2.trim() !== text2 || !text2 || text2.length > tileflowNoticeLimits.maxTextLength || /\p{Cc}/u.test(text2)) {
+    return void 0;
+  }
+  if (!Array.isArray(sources) || sources.length > tileflowNoticeLimits.maxSources || !sources.every((source) => typeof source === "string" && identifierPattern.test(source))) {
+    return void 0;
+  }
+  return Object.freeze({ id, sources: Object.freeze([...sources]), text: text2 });
+}
+function isRecord11(value) {
+  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+}
+
+// src/notices-browser.ts
+var styleChangeDelayMs = 200;
+function attachTileflowNotices(map, options = {}) {
+  const container = map.getContainer();
+  const document2 = container.ownerDocument;
+  const browser = document2.defaultView;
+  const position = options.position ?? "bottom-right";
+  const element = document2.createElement("div");
+  element.className = "maplibregl-ctrl tileflow-notice";
+  element.setAttribute("role", "note");
+  Object.assign(element.style, {
+    background: "rgba(255, 255, 255, 0.82)",
+    borderRadius: "3px",
+    color: "rgba(0, 0, 0, 0.78)",
+    font: '600 11px/18px "Helvetica Neue", Arial, Helvetica, sans-serif',
+    letterSpacing: "0.01em",
+    padding: "0 6px",
+    whiteSpace: "nowrap"
+  });
+  const control = {
+    onAdd: () => element,
+    onRemove: () => element.remove()
+  };
+  let added = false;
+  let disposed = false;
+  let pending;
+  function sync() {
+    pending = void 0;
+    if (disposed) return;
+    let metadata;
+    try {
+      metadata = map.getStyle()?.metadata;
+    } catch {
+      return;
+    }
+    const notices = readTileflowNotices(metadata);
+    if (notices.length === 0) {
+      if (added) map.removeControl(control);
+      added = false;
+      return;
+    }
+    element.textContent = notices.map(({ text: text2 }) => text2).join(" \xB7 ");
+    element.dataset.tileflowNotice = notices.map(({ id }) => id).join(" ");
+    if (!added) map.addControl(control, position);
+    added = true;
+  }
+  function cancelPending() {
+    if (pending !== void 0) browser?.clearTimeout(pending);
+    pending = void 0;
+  }
+  function scheduleSync() {
+    if (disposed || !browser) return;
+    cancelPending();
+    pending = browser.setTimeout(sync, styleChangeDelayMs);
+  }
+  function onStyleLoad() {
+    cancelPending();
+    sync();
+  }
+  function dispose() {
+    if (disposed) return;
+    disposed = true;
+    cancelPending();
+    map.off("style.load", onStyleLoad);
+    map.off("styledata", scheduleSync);
+    map.off("remove", dispose);
+    if (added) map.removeControl(control);
+    added = false;
+  }
+  map.on("style.load", onStyleLoad);
+  map.on("styledata", scheduleSync);
+  map.on("remove", dispose);
+  sync();
+  return dispose;
+}
+
 // src/data/world-release-id-values.ts
 var tileflowWorldReleaseIdMinimumLength = 12;
 var tileflowWorldReleaseIdMaximumLength = 128;
@@ -17484,6 +18957,7 @@ export {
   attachTileflowAtmosphere,
   attachTileflowFairUseNotice,
   attachTileflowMapLifecycle,
+  attachTileflowNotices,
   createBoundaryFeatureState,
   createTileflowBuildings3D,
   createTileflowDepthMarkers,
@@ -17507,9 +18981,11 @@ export {
   playTileflowShot,
   readTileflowBuildings3D,
   readTileflowMapTileSource,
+  readTileflowNotices,
   readTileflowRouteInks,
   readTileflowStreetLights,
   readTileflowSunPreset,
+  readTileflowTeamModelName,
   readTileflowVegetation3D,
   readTileflowVegetationDisplay,
   registerTileflowContourProtocol,
@@ -17531,6 +19007,8 @@ export {
   tileflowLayerDomainMetadataKey,
   tileflowLineProgressGradient,
   tileflowMaplibreContourVersion,
+  tileflowNoticeLimits,
+  tileflowNoticesMetadataKey,
   tileflowPmtilesMaximumDirectoryDepth,
   tileflowPmtilesProtocol,
   tileflowRouteMetadataKey,
@@ -17544,6 +19022,7 @@ export {
   tileflowSunLightMatrix,
   tileflowSunMetadataKey,
   tileflowSunPosition,
+  tileflowTeamModelUrl,
   tileflowTilePointToLngLat,
   tileflowTilesForBounds,
   tileflowTreeBytes,