@seatlayer/core 0.28.4 → 0.30.0

package/dist/index.js

@@ -1,867 +1,41 @@
-// src/core/types.ts
-var ACCESSIBILITY_TYPES = [
-  { key: "wheelchair", label: "Wheelchair space", short: "Wheelchair", icon: "\u267F" },
-  { key: "companion", label: "Companion seat", short: "Companion", icon: "\u{1F9D1}\u200D\u{1F91D}\u200D\u{1F9D1}" },
-  { key: "semi-ambulatory", label: "Semi-ambulatory (limited mobility)", short: "Limited mobility", icon: "\u{1F9AF}" },
-  { key: "hearing", label: "Assistive listening", short: "Hearing", icon: "\u{1F9BB}" },
-  { key: "cart", label: "CART live-caption view", short: "CART captions", icon: "CC" },
-  { key: "sign-language", label: "Sign-language view", short: "Sign language", icon: "\u{1F91F}" },
-  { key: "plus-size", label: "Plus-size seat", short: "Plus-size", icon: "\u{1F4BA}" },
-  { key: "lift-armrest", label: "Lift-up armrest", short: "Lift armrest", icon: "\u2195\uFE0F" }
-];
-var ACCESSIBILITY_LABEL = new Map(ACCESSIBILITY_TYPES.map((a) => [a.key, a]));
-function accessibilityMeta(key) {
-  return ACCESSIBILITY_LABEL.get(key);
-}
-var ACCESSIBILITY_RING_COLOR = {
-  wheelchair: "#3b82f6",
-  companion: "#8b5cf6",
-  "semi-ambulatory": "#0ea5e9",
-  hearing: "#14b8a6",
-  cart: "#7c3aed",
-  "sign-language": "#f59e0b",
-  "plus-size": "#ec4899",
-  "lift-armrest": "#22c55e"
-};
-function accessibilityRingColor(types) {
-  const primary = types?.[0];
-  return primary && ACCESSIBILITY_RING_COLOR[primary] || "#3b82f6";
-}
-var LABEL_STYLE_MIN_SIZE = 8;
-var LABEL_STYLE_MAX_SIZE = 24;
-var SURROUNDINGS_SHAPE_ROLES = [
-  "reference-focal",
-  "bar",
-  "entrance",
-  "exit",
-  "restroom",
-  "screen",
-  "sound",
-  "concession",
-  "coat",
-  "wall"
-];
-var SURROUNDINGS_SHAPE_ROLE_SET = new Set(SURROUNDINGS_SHAPE_ROLES);
-function layerOf(obj) {
-  switch (obj.type) {
-    case "row":
-    case "table":
-    case "gaArea":
-    case "booth":
-    case "section":
-      return "interactive";
-    // Raster décor follows its explicit authored z-layer. Absence retains the
-    // legacy Background default; bitmap content is never guessed semantically.
-    case "decorImage":
-      return obj.layer === "foreground" ? "foreground" : "background";
-    // Source-backed focal geometry and curated venue landmarks help an author
-    // orient around the sellable plan. A stage and an ordinary authored shape
-    // remain Background even when they carry an arbitrary/custom role.
-    case "shape":
-      return obj.role && SURROUNDINGS_SHAPE_ROLE_SET.has(obj.role) ? "surroundings" : "background";
-    // Free text — including semantic icon text — is background furniture.
-    case "text":
-      return "background";
-    default:
-      return "interactive";
-  }
-}
-var CHART_STORAGE_KEY = "seatmap.chart";
-
-// src/core/complexGeometry.ts
-function cubicPoint(path, t2) {
-  const u = 1 - t2;
-  const a = u * u * u;
-  const b = 3 * u * u * t2;
-  const c = 3 * u * t2 * t2;
-  const d = t2 * t2 * t2;
-  return {
-    x: a * path.start.x + b * path.control1.x + c * path.control2.x + d * path.end.x,
-    y: a * path.start.y + b * path.control1.y + c * path.control2.y + d * path.end.y
-  };
-}
-function distributeAlongCubic(path, count, resolution = 192) {
-  if (!Number.isInteger(count) || count < 1) throw new Error("Path point count must be a positive integer");
-  if (count === 1) return [cubicPoint(path, 0.5)];
-  const samples = Array.from({ length: resolution + 1 }, (_, index) => cubicPoint(path, index / resolution));
-  const lengths = new Float64Array(samples.length);
-  for (let index = 1; index < samples.length; index += 1) {
-    const dx = samples[index].x - samples[index - 1].x;
-    const dy = samples[index].y - samples[index - 1].y;
-    lengths[index] = lengths[index - 1] + Math.hypot(dx, dy);
-  }
-  const total = lengths[lengths.length - 1];
-  if (total <= 1e-9) return Array.from({ length: count }, () => ({ ...path.start }));
-  const output = [];
-  let segment = 1;
-  for (let index = 0; index < count; index += 1) {
-    const target = total * index / (count - 1);
-    while (segment < lengths.length - 1 && lengths[segment] < target) segment += 1;
-    const before = lengths[segment - 1];
-    const after = lengths[segment];
-    const ratio = after === before ? 0 : (target - before) / (after - before);
-    output.push({
-      x: samples[segment - 1].x + (samples[segment].x - samples[segment - 1].x) * ratio,
-      y: samples[segment - 1].y + (samples[segment].y - samples[segment - 1].y) * ratio
-    });
-  }
-  return output;
-}
-
-// src/core/sectionPath.ts
-var TAU = Math.PI * 2;
-function translateSectionOutlinePath(path, dx, dy) {
-  const translate = (point) => ({ x: point.x + dx, y: point.y + dy });
-  return transformSectionOutlinePath(path, translate);
-}
-function transformSectionOutlinePath(path, transform, radiusScale = 1, reflected = false) {
-  return {
-    ...path,
-    start: transform(path.start),
-    segments: path.segments.map((segment) => segment.kind === "line" ? { ...segment, end: transform(segment.end) } : segment.kind === "arc" ? {
-      ...segment,
-      center: transform(segment.center),
-      radius: segment.radius * Math.abs(radiusScale),
-      clockwise: reflected ? !segment.clockwise : segment.clockwise,
-      end: transform(segment.end)
-    } : {
-      ...segment,
-      control1: transform(segment.control1),
-      control2: transform(segment.control2),
-      end: transform(segment.end)
-    })
-  };
-}
-
-// src/core/labeling.ts
-var FULL_ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
-var LOWER_ALPHABET = "abcdefghijklmnopqrstuvwxyz";
-function toBijectiveBase(index, alphabet) {
-  const base = alphabet.length;
-  let n = index + 1;
-  let out = "";
-  while (n > 0) {
-    n -= 1;
-    const rem = n % base;
-    out = alphabet[rem] + out;
-    n = Math.floor(n / base);
-  }
-  return out;
-}
-function toLetters(value, lower = false) {
-  const alphabet = lower ? LOWER_ALPHABET : FULL_ALPHABET;
-  return toBijectiveBase(Math.max(0, Math.floor(value) - 1), alphabet);
-}
-var ROMAN_TABLE = [
-  [1e3, "M"],
-  [900, "CM"],
-  [500, "D"],
-  [400, "CD"],
-  [100, "C"],
-  [90, "XC"],
-  [50, "L"],
-  [40, "XL"],
-  [10, "X"],
-  [9, "IX"],
-  [5, "V"],
-  [4, "IV"],
-  [1, "I"]
-];
-function toRoman(value) {
-  if (!Number.isFinite(value) || value <= 0) return String(value);
-  let remaining = Math.floor(value);
-  let out = "";
-  for (const [n, sym] of ROMAN_TABLE) {
-    while (remaining >= n) {
-      out += sym;
-      remaining -= n;
-    }
-  }
-  return out;
-}
-
-// src/core/units.ts
-var METRES_PER_CHART_UNIT = 0.55 / 24;
-var CHART_UNITS_PER_METRE = 1 / METRES_PER_CHART_UNIT;
-var LIFT_PER_STEP_WORLD = 58;
-var TIER_HEIGHT_M = LIFT_PER_STEP_WORLD * METRES_PER_CHART_UNIT;
-var SECTION_ELEVATION_TIER_MIN = 0;
-var SECTION_ELEVATION_TIER_MAX = 3;
-var SECTION_HEIGHT_MIN_M = 0;
-var SECTION_HEIGHT_MAX_M = 120;
-var SECTION_RAKE_MIN_DEG = 0;
-var SECTION_RAKE_MAX_DEG = 45;
-var LEGACY_SECTION_ELEVATION_TIER_MAX = 7;
-var SEATED_EYE_HEIGHT_M = 1.2;
-function finiteClamped(value, min, max, fallback) {
-  return Number.isFinite(value) ? Math.max(min, Math.min(max, value)) : fallback;
-}
-function sectionElevationTier(value) {
-  if (!Number.isFinite(value)) return SECTION_ELEVATION_TIER_MIN;
-  return Math.max(
-    SECTION_ELEVATION_TIER_MIN,
-    Math.min(SECTION_ELEVATION_TIER_MAX, Math.round(value))
-  );
-}
-function compatibleAutomaticTier(value) {
-  if (!Number.isFinite(value) || !Number.isInteger(value) || value < 0) return 0;
-  if (value <= LEGACY_SECTION_ELEVATION_TIER_MAX) return value;
-  return SECTION_ELEVATION_TIER_MAX;
-}
-function sectionGeometry(section, context = {}) {
-  const floorBaseHeightM = finiteClamped(
-    context.floorBaseHeightM,
-    SECTION_HEIGHT_MIN_M,
-    SECTION_HEIGHT_MAX_M,
-    0
-  );
-  const automaticHeight = Math.min(
-    SECTION_HEIGHT_MAX_M,
-    floorBaseHeightM + compatibleAutomaticTier(section.elevation) * TIER_HEIGHT_M
-  );
-  const height = section.height === void 0 ? automaticHeight : finiteClamped(section.height, SECTION_HEIGHT_MIN_M, SECTION_HEIGHT_MAX_M, automaticHeight);
-  const rake = finiteClamped(section.rake, SECTION_RAKE_MIN_DEG, SECTION_RAKE_MAX_DEG, 0);
-  return { height, rake };
-}
-
-// src/core/layout.ts
-function overrideAccessibility(o) {
-  if (!o) return [];
-  if (o.accessibility && o.accessibility.length) {
-    return o.wheelchairSpaceType && !o.accessibility.includes("wheelchair") ? ["wheelchair", ...o.accessibility] : o.accessibility;
-  }
-  if (o.wheelchairSpaceType) return ["wheelchair"];
-  return o.accessible ? ["wheelchair"] : [];
-}
-var DEG = Math.PI / 180;
-var SEAT_R = 9;
-var TABLE_SEAT_OFFSET = 16;
-function place(lx, ly, deg, origin) {
-  const a = deg * DEG;
-  const cos = Math.cos(a);
-  const sin = Math.sin(a);
-  return {
-    x: origin.x + lx * cos - ly * sin,
-    y: origin.y + lx * sin + ly * cos
-  };
-}
-function rowSeatPositions(row) {
-  const { seatCount, seatSpacing, curve, rotation, origin } = row;
-  const out = [];
-  if (row.path) return distributeAlongCubic(row.path, seatCount);
-  if (seatCount <= 1) {
-    if (seatCount === 1) out.push({ x: origin.x, y: origin.y });
-    return out;
-  }
-  if (curve === 0) {
-    for (let i = 0; i < seatCount; i++) out.push(place(i * seatSpacing, 0, rotation, origin));
-    return out;
-  }
-  const arcStep = curve / (seatCount - 1) * DEG;
-  const radius = seatSpacing / (2 * Math.sin(Math.abs(arcStep) / 2));
-  for (let i = 0; i < seatCount; i++) {
-    const phi = i * arcStep;
-    const lx = radius * Math.sin(phi);
-    const ly = -radius + radius * Math.cos(phi);
-    out.push(place(lx, ly, rotation, origin));
-  }
-  return out;
-}
-function overrideMap(row) {
-  const m = /* @__PURE__ */ new Map();
-  if (row.overrides) for (const o of row.overrides) m.set(o.index, o);
-  return m;
-}
-function rowInventoryCount(row) {
-  const skipped = new Set((row.overrides ?? []).filter((override) => override.skip && Number.isInteger(override.index) && override.index >= 0 && override.index < row.seatCount).map((override) => override.index));
-  return Math.max(0, row.seatCount - skipped.size);
-}
-function centerRank(n) {
-  const rank = new Array(n);
-  Array.from({ length: n }, (_, i) => i).sort((a, b) => Math.abs(2 * a - (n - 1)) - Math.abs(2 * b - (n - 1)) || a - b).forEach((idx, k) => rank[idx] = k);
-  return rank;
-}
-function seatLabelPart(row, i) {
-  const rawStart = row.seatLabelStart ?? 1;
-  const dir = row.seatNumbering?.direction ?? "ltr";
-  const step = row.seatNumbering?.step ?? 1;
-  const scheme = row.seatNumbering?.scheme ?? "decimal";
-  const prefix = row.seatNumbering?.prefix ?? "";
-  const endAt = row.seatNumbering?.endAt;
-  const n = row.seatCount;
-  if (scheme === "updown" || scheme === "updown-descending") {
-    const half = Math.ceil(n / 2);
-    const core2 = scheme === "updown" ? i < half ? rawStart + 2 * i : rawStart - 1 + 2 * (n - i) : i < half ? rawStart + 2 * (half - 1 - i) : rawStart + 1 + 2 * (i - half);
-    return `${prefix}${core2}`;
-  }
-  const effStep = scheme === "odd" || scheme === "even" ? 2 : step;
-  const start = endAt != null && Number.isFinite(endAt) ? endAt - (n - 1) * effStep : rawStart;
-  const p = dir === "center" ? centerRank(n)[i] : dir === "rtl" ? n - 1 - i : i;
-  let core;
-  switch (scheme) {
-    case "odd": {
-      const firstOdd = start % 2 === 1 ? start : start + 1;
-      core = String(firstOdd + p * 2);
-      break;
-    }
-    case "even": {
-      const firstEven = start % 2 === 0 ? start : start + 1;
-      core = String(firstEven + p * 2);
-      break;
-    }
-    case "roman":
-      core = toRoman(start + p * step);
-      break;
-    case "letters-upper":
-      core = toLetters(start + p * step, false);
-      break;
-    case "letters-lower":
-      core = toLetters(start + p * step, true);
-      break;
-    case "decimal":
-    default:
-      core = String(start + p * step);
-      break;
-  }
-  return `${prefix}${core}`;
-}
-function expandRowSlots(row) {
-  const ov = overrideMap(row);
-  return rowSeatPositions(row).map((p, i) => {
-    const o = ov.get(i);
-    const accessibility = overrideAccessibility(o);
-    const part = seatLabelPart(row, i);
-    const inventoryLabel = o?.label ?? `${row.label}-${part}`;
-    const displayPrefix = row.displayLabel ?? row.label;
-    const commercial = { ...row.commercial, ...o?.commercial };
-    return {
-      index: i,
-      x: p.x + (o?.dx ?? 0),
-      y: p.y + (o?.dy ?? 0),
-      label: inventoryLabel,
-      displayLabel: o?.displayLabel ?? `${displayPrefix}-${part}`,
-      categoryKey: o?.categoryKey ?? row.categoryKey,
-      skipped: !!o?.skip,
-      accessible: accessibility.length > 0,
-      accessibility,
-      wheelchairSpaceType: o?.wheelchairSpaceType,
-      commercial: Object.values(commercial).some((value) => value !== void 0 && value !== false && value !== "") ? commercial : void 0,
-      viewUrl: o?.viewFromSeatUrl ?? row.viewFromSeatUrl,
-      labelStyle: o?.labelStyle
-    };
-  });
-}
-function expandRow(row) {
-  const seats = [];
-  for (const slot of expandRowSlots(row)) {
-    if (slot.skipped) continue;
-    seats.push({
-      id: `${row.id}:${slot.index}`,
-      label: slot.label,
-      displayLabel: slot.displayLabel === slot.label ? void 0 : slot.displayLabel,
-      x: slot.x,
-      y: slot.y,
-      rowId: row.id,
-      categoryKey: slot.categoryKey,
-      accessible: slot.accessible || void 0,
-      accessibility: slot.accessibility.length ? slot.accessibility : void 0,
-      wheelchairSpaceType: slot.wheelchairSpaceType,
-      commercial: slot.commercial,
-      viewUrl: slot.viewUrl,
-      labelStyle: slot.labelStyle
-    });
-  }
-  return seats;
-}
-function tableSeatCountsBySide(t2) {
-  if (t2.seatCountsBySide) return { ...t2.seatCountsBySide };
-  const enabled = t2.sides && t2.sides.length ? t2.sides : ["top", "bottom"];
-  const order = ["top", "bottom", "left", "right"].filter((side) => enabled.includes(side));
-  const counts = { top: 0, bottom: 0, left: 0, right: 0 };
-  if (!order.length) return counts;
-  const n = Math.max(0, Math.round(t2.seatCount));
-  for (let index = 0; index < n; index++) counts[order[index % order.length]] += 1;
-  return counts;
-}
-function expandTableSlots(t2) {
-  const seats = [];
-  const n = Math.max(0, Math.round(t2.seatCount));
-  if (n === 0) return seats;
-  const overrides2 = new Map((t2.overrides ?? []).map((override) => [override.index, override]));
-  const mk = (index, x, y, side) => {
-    const override = overrides2.get(index);
-    const accessibility = overrideAccessibility(override);
-    const label = override?.label ?? `${t2.label}-${index + 1}`;
-    const displayPrefix = t2.displayLabel ?? t2.label;
-    return {
-      index,
-      label,
-      displayLabel: override?.displayLabel ?? `${displayPrefix}-${index + 1}`,
-      x: x + (override?.dx ?? 0),
-      y: y + (override?.dy ?? 0),
-      categoryKey: override?.categoryKey ?? t2.categoryKey,
-      skipped: !!override?.skip,
-      accessible: accessibility.length > 0,
-      accessibility,
-      wheelchairSpaceType: override?.wheelchairSpaceType,
-      commercial: override?.commercial,
-      viewUrl: override?.viewFromSeatUrl,
-      labelStyle: override?.labelStyle,
-      ...side ? { side } : {}
-    };
-  };
-  if (t2.shape === "round") {
-    const R = (t2.radius ?? 40) + TABLE_SEAT_OFFSET;
-    const base = t2.rotation * DEG;
-    const arc = Math.max(0, Math.min(360, t2.seatArc ?? 360));
-    if (arc >= 360 || n === 1) {
-      for (let i = 0; i < n; i++) {
-        const a = base + i / n * 2 * Math.PI;
-        seats.push(mk(i, t2.center.x + R * Math.cos(a), t2.center.y + R * Math.sin(a)));
-      }
-      return seats;
-    }
-    const arcRad = arc * DEG;
-    const halfGap = (2 * Math.PI - arcRad) / 2;
-    const start = base + halfGap;
-    for (let i = 0; i < n; i++) {
-      const a = start + i / (n - 1) * arcRad;
-      seats.push(mk(i, t2.center.x + R * Math.cos(a), t2.center.y + R * Math.sin(a)));
-    }
-    return seats;
-  }
-  const w = t2.width ?? 80;
-  const h = t2.height ?? 50;
-  const counts = tableSeatCountsBySide(t2);
-  const order = ["top", "bottom", "left", "right"];
-  let idx = 0;
-  for (const side of order) {
-    const count = counts[side];
-    for (let j = 0; j < count; j++) {
-      let localX;
-      let localY;
-      if (side === "top") {
-        localX = -w / 2 + (j + 0.5) * w / count;
-        localY = -h / 2 - TABLE_SEAT_OFFSET;
-      } else if (side === "bottom") {
-        localX = -w / 2 + (j + 0.5) * w / count;
-        localY = h / 2 + TABLE_SEAT_OFFSET;
-      } else if (side === "left") {
-        localX = -w / 2 - TABLE_SEAT_OFFSET;
-        localY = -h / 2 + (j + 0.5) * h / count;
-      } else {
-        localX = w / 2 + TABLE_SEAT_OFFSET;
-        localY = -h / 2 + (j + 0.5) * h / count;
-      }
-      const point = place(localX, localY, t2.rotation, t2.center);
-      seats.push(mk(idx++, point.x, point.y, side));
-    }
-  }
-  return seats;
-}
-function tableInventoryCount(t2) {
-  if (t2.bookAsWhole || t2.variableOccupancy) return Math.max(0, Math.round(t2.seatCount));
-  return expandTableSlots(t2).filter((slot) => !slot.skipped).length;
-}
-function expandTable(t2) {
-  return expandTableSlots(t2).filter((slot) => !slot.skipped).map((slot) => ({
-    id: `${t2.id}:${slot.index}`,
-    label: slot.label,
-    ...slot.displayLabel !== slot.label ? { displayLabel: slot.displayLabel } : {},
-    x: slot.x,
-    y: slot.y,
-    rowId: t2.id,
-    categoryKey: slot.categoryKey,
-    ...slot.accessible ? { accessible: true } : {},
-    ...slot.accessibility.length ? { accessibility: slot.accessibility } : {},
-    ...slot.wheelchairSpaceType ? { wheelchairSpaceType: slot.wheelchairSpaceType } : {},
-    ...slot.commercial ? { commercial: slot.commercial } : {},
-    ...slot.viewUrl ? { viewUrl: slot.viewUrl } : {},
-    ...slot.labelStyle ? { labelStyle: slot.labelStyle } : {}
-  }));
-}
-function expandBooth(b) {
-  return [
-    {
-      id: `${b.id}:0`,
-      label: b.label,
-      ...b.displayLabel && b.displayLabel !== b.label ? { displayLabel: b.displayLabel } : {},
-      x: b.center.x,
-      y: b.center.y,
-      rowId: b.id,
-      categoryKey: b.categoryKey,
-      kind: "booth"
-    }
-  ];
-}
-function pointInPolygon(p, poly) {
-  let inside = false;
-  for (let i = 0, j = poly.length - 1; i < poly.length; j = i++) {
-    const xi = poly[i].x;
-    const yi = poly[i].y;
-    const xj = poly[j].x;
-    const yj = poly[j].y;
-    const hit = yi > p.y !== yj > p.y && p.x < (xj - xi) * (p.y - yi) / (yj - yi) + xi;
-    if (hit) inside = !inside;
-  }
-  return inside;
-}
-function pointOnPolygonBoundary(p, poly) {
-  return poly.some((start, index) => {
-    const end = poly[(index + 1) % poly.length];
-    const cross = (p.y - start.y) * (end.x - start.x) - (p.x - start.x) * (end.y - start.y);
-    if (Math.abs(cross) > 1e-7) return false;
-    const dot = (p.x - start.x) * (end.x - start.x) + (p.y - start.y) * (end.y - start.y);
-    const lengthSquared = (end.x - start.x) ** 2 + (end.y - start.y) ** 2;
-    return dot >= -1e-7 && dot <= lengthSquared + 1e-7;
-  });
-}
-function pointInPolygonWithHoles(p, outer, holes) {
-  return pointInPolygon(p, outer) && !(holes ?? []).some((hole) => pointInPolygon(p, hole) || pointOnPolygonBoundary(p, hole));
-}
-function polygonLabelPoint(outer, holes) {
-  if (!outer.length) return { x: 0, y: 0 };
-  const xs = outer.map((point) => point.x);
-  const ys = outer.map((point) => point.y);
-  const bounds2 = { minX: Math.min(...xs), maxX: Math.max(...xs), minY: Math.min(...ys), maxY: Math.max(...ys) };
-  const centroid2 = polygonCentroid(outer);
-  if (pointInPolygonWithHoles(centroid2, outer, holes)) return centroid2;
-  let best = outer[0];
-  let bestScore = -Infinity;
-  const rings = [outer, ...holes ?? []];
-  for (let row = 1; row < 24; row += 1) {
-    for (let column = 1; column < 24; column += 1) {
-      const point = {
-        x: bounds2.minX + (bounds2.maxX - bounds2.minX) * column / 24,
-        y: bounds2.minY + (bounds2.maxY - bounds2.minY) * row / 24
-      };
-      if (!pointInPolygonWithHoles(point, outer, holes)) continue;
-      const score = Math.min(...rings.flatMap((ring) => ring.map((start, index) => {
-        const end = ring[(index + 1) % ring.length];
-        const dx = end.x - start.x;
-        const dy = end.y - start.y;
-        const denominator = dx * dx + dy * dy;
-        const projection = denominator ? ((point.x - start.x) * dx + (point.y - start.y) * dy) / denominator : 0;
-        const t2 = Math.max(0, Math.min(1, projection));
-        return Math.hypot(point.x - (start.x + t2 * dx), point.y - (start.y + t2 * dy));
-      })));
-      if (score > bestScore) {
-        best = point;
-        bestScore = score;
-      }
-    }
-  }
-  return best;
-}
-function polygonCentroid(pts) {
-  if (!pts.length) return { x: 0, y: 0 };
-  let x = 0;
-  let y = 0;
-  for (const p of pts) {
-    x += p.x;
-    y += p.y;
-  }
-  return { x: x / pts.length, y: y / pts.length };
-}
-function objectCenter(o) {
-  switch (o.type) {
-    case "row": {
-      const seats = expandRow(o);
-      if (!seats.length) return { x: o.origin.x, y: o.origin.y };
-      let x = 0;
-      let y = 0;
-      for (const s of seats) {
-        x += s.x;
-        y += s.y;
-      }
-      return { x: x / seats.length, y: y / seats.length };
-    }
-    case "table":
-    case "booth":
-      return { x: o.center.x, y: o.center.y };
-    case "gaArea":
-      return polygonCentroid(o.points);
-    case "section":
-      return polygonCentroid(o.outline);
-    case "text":
-      return { x: o.position.x, y: o.position.y };
-    case "shape":
-      if (o.points && o.points.length) return polygonCentroid(o.points);
-      if (o.x != null && o.y != null && o.width != null && o.height != null) {
-        return { x: o.x + o.width / 2, y: o.y + o.height / 2 };
-      }
-      return { x: o.x ?? 0, y: o.y ?? 0 };
-    case "decorImage":
-      return { x: o.x + o.width / 2, y: o.y + o.height / 2 };
-  }
-}
-function samePoints(left, right) {
-  return left.length === right.length && left.every((point, index) => point.x === right[index].x && point.y === right[index].y);
-}
-function sameGASurfaceAsSection(object, section) {
-  if (object.type !== "gaArea" || !samePoints(object.points, section.outline)) return false;
-  const objectHoles = object.holes ?? [];
-  const sectionHoles = section.holes ?? [];
-  return objectHoles.length === sectionHoles.length && objectHoles.every((hole, index) => samePoints(hole, sectionHoles[index]));
-}
-function owningSectionForObject(objects, object) {
-  const sections = objects.filter((candidate) => candidate.type === "section");
-  const referencedLogicalId = "referenceInventorySource" in object ? object.referenceInventorySource?.logicalSectionId : void 0;
-  const center = objectCenter(object);
-  const referencedOwner = referencedLogicalId ? sections.find((section) => (section.logicalSectionId ?? section.id) === referencedLogicalId && (sameGASurfaceAsSection(object, section) || pointInPolygonWithHoles(center, section.outline, section.holes))) : void 0;
-  return referencedOwner ?? sections.find((section) => pointInPolygonWithHoles(center, section.outline, section.holes));
-}
-function floorsOf(doc) {
-  if (doc.floors && doc.floors.length) return doc.floors;
-  return [{
-    id: "floor-0",
-    name: "Main",
-    objects: doc.objects,
-    focalPoint: doc.focalPoint,
-    referenceImage: doc.referenceImage,
-    backgroundImage: doc.backgroundImage
-  }];
-}
-function floorObjects(doc, floorId) {
-  const floors = floorsOf(doc);
-  return (floorId ? floors.find((f) => f.id === floorId) : floors[0])?.objects ?? [];
-}
-function allObjects(doc) {
-  return doc.floors && doc.floors.length ? doc.floors.flatMap((f) => f.objects) : doc.objects;
-}
-function translateObject(o, dx, dy) {
-  const p = (pt) => ({ x: pt.x + dx, y: pt.y + dy });
-  const pts = (a) => a.map(p);
-  switch (o.type) {
-    case "row":
-      return { ...o, origin: p(o.origin) };
-    case "table":
-    case "booth":
-      return { ...o, center: p(o.center) };
-    case "gaArea":
-      return { ...o, points: pts(o.points), ...o.holes ? { holes: o.holes.map(pts) } : {} };
-    case "section":
-      return {
-        ...o,
-        outline: pts(o.outline),
-        ...o.outlinePath ? { outlinePath: translateSectionOutlinePath(o.outlinePath, dx, dy) } : {},
-        ...o.holes ? { holes: o.holes.map(pts) } : {}
-      };
-    case "text":
-      return { ...o, position: p(o.position) };
-    case "shape":
-      return {
-        ...o,
-        ...o.points ? { points: pts(o.points) } : {},
-        ...o.x != null ? { x: o.x + dx } : {},
-        ...o.y != null ? { y: o.y + dy } : {}
-      };
-    case "decorImage":
-      return { ...o, x: o.x + dx, y: o.y + dy };
-  }
-}
-function stackFloors(doc, spread = 900) {
-  if (!doc.floors || doc.floors.length < 2) return doc;
-  const objects = [];
-  doc.floors.forEach((f, i) => {
-    const dy = -i * spread;
-    for (const o of f.objects) objects.push(dy === 0 ? o : translateObject(o, 0, dy));
-  });
-  return { ...doc, objects, floors: void 0 };
-}
-function expandFloorObjects(objects, zones, fallbackFocal) {
-  const out = [];
-  const segmented = /* @__PURE__ */ new Map();
-  const grouped = /* @__PURE__ */ new Map();
-  for (const object of objects) {
-    if (object.type !== "row" || !object.segmentedRow) continue;
-    const list = grouped.get(object.segmentedRow.groupId) ?? [];
-    list.push(object);
-    grouped.set(object.segmentedRow.groupId, list);
-  }
-  for (const [groupId, members] of grouped) {
-    const ordered = members.slice().sort((left, right) => left.segmentedRow.componentIndex - right.segmentedRow.componentIndex);
-    const expectedCount = ordered[0]?.segmentedRow?.componentCount ?? 0;
-    const first = ordered[0]?.segmentedRow;
-    if (!first) continue;
-    const valid = expectedCount >= 2 && ordered.length === expectedCount && first?.boundaryBefore === "start" && ordered.every((row, index) => row.segmentedRow?.kind === "segmented-row-v1" && row.segmentedRow.groupId === groupId && row.segmentedRow.componentCount === expectedCount && row.segmentedRow.componentIndex === index && (index === 0 ? row.segmentedRow.boundaryBefore === "start" : row.segmentedRow.boundaryBefore !== "start") && row.segmentedRow.displayLabel === first.displayLabel);
-    if (!valid) continue;
-    const totalSeats = ordered.reduce((sum, row) => sum + row.seatCount, 0);
-    let adjacencyOffset = 0;
-    let displayOffset = 0;
-    for (const row of ordered) {
-      if (row.segmentedRow.boundaryBefore === "break") adjacencyOffset += 1;
-      segmented.set(row.id, {
-        groupId,
-        adjacencyOffset,
-        displayOffset,
-        displayLabel: first.displayLabel,
-        totalSeats,
-        canonical: ordered[0],
-        viewFromSeatUrl: first.viewFromSeatUrl
-      });
-      adjacencyOffset += row.seatCount;
-      displayOffset += row.seatCount;
-    }
-  }
-  for (const obj of objects) {
-    let seats = [];
-    if (obj.type === "row") seats = expandRow(obj);
-    else if (obj.type === "table") seats = expandTable(obj);
-    else if (obj.type === "booth") seats = expandBooth(obj);
-    if (!seats.length) continue;
-    if (obj.type === "row") {
-      const logical = segmented.get(obj.id);
-      if (logical) {
-        const overrides2 = new Map((obj.overrides ?? []).map((override) => [override.index, override]));
-        for (const seat of seats) {
-          const physicalIndex = Number(seat.id.slice(seat.id.lastIndexOf(":") + 1));
-          if (!Number.isInteger(physicalIndex)) continue;
-          const displayOrdinal = logical.displayOffset + physicalIndex;
-          seat.logicalRowId = logical.groupId;
-          seat.logicalSeatIndex = logical.adjacencyOffset + physicalIndex;
-          if (!overrides2.get(physicalIndex)?.displayLabel) {
-            const numberingRow = {
-              ...logical.canonical,
-              seatCount: logical.totalSeats,
-              label: logical.displayLabel,
-              displayLabel: logical.displayLabel
-            };
-            seat.displayLabel = `${logical.displayLabel}-${seatLabelPart(numberingRow, displayOrdinal)}`;
-          }
-          seat.viewUrl ??= logical.viewFromSeatUrl;
-        }
-      }
-    }
-    const owner = owningSectionForObject(objects, obj);
-    const inheritedView = owner?.viewFromSeatUrl;
-    const zone = owner?.zone ? zones?.find((candidate) => candidate.id === owner.zone) : void 0;
-    const resolvedFocal = zone?.focalPoint ?? fallbackFocal;
-    for (const seat of seats) {
-      if (inheritedView) seat.viewUrl ??= inheritedView;
-      if (owner) seat.sectionId = owner.logicalSectionId ?? owner.id;
-      if (owner?.zone) seat.zoneId = owner.zone;
-      if (resolvedFocal) seat.focalPoint = { ...resolvedFocal };
-    }
-    out.push(...seats);
-  }
-  return out;
-}
-function expandChart(doc, options = {}) {
-  if (doc.floors?.length) {
-    const out2 = [];
-    for (const floor of doc.floors) {
-      const floorFocal = floor.focalPoint ?? doc.focalPoint;
-      const seats = expandFloorObjects(floor.objects, doc.zones, floorFocal);
-      assignEyeHeights(floor.objects, floor.focalPoint ?? doc.focalPoint, floor.baseHeightM ?? 0, seats);
-      out2.push(...seats);
-    }
-    return out2;
-  }
-  const out = expandFloorObjects(doc.objects, doc.zones, doc.focalPoint);
-  assignEyeHeights(doc.objects, doc.focalPoint, options.floorBaseHeightM ?? 0, out);
-  return out;
-}
-function assignEyeHeights(objects, focal, floorBaseHeightM, seats) {
-  const sections = objects.filter((o) => o.type === "section");
-  const hasGeometry = floorBaseHeightM > 0 || sections.some((s) => s.height !== void 0 || s.rake !== void 0 || (s.elevation ?? 0) > 0);
-  if (!sections.length || !hasGeometry || !focal) {
-    for (const seat of seats) seat.eyeHeightM = floorBaseHeightM + SEATED_EYE_HEIGHT_M;
-    return;
-  }
-  const owner = new Array(seats.length);
-  const geo = /* @__PURE__ */ new Map();
-  const frontDistU = /* @__PURE__ */ new Map();
-  for (let i = 0; i < seats.length; i++) {
-    const seat = seats[i];
-    const sec = sections.find((s) => pointInPolygonWithHoles({ x: seat.x, y: seat.y }, s.outline, s.holes)) ?? null;
-    owner[i] = sec;
-    if (!sec) continue;
-    if (!geo.has(sec.id)) geo.set(sec.id, sectionGeometry(sec, { floorBaseHeightM }));
-    const seatFocal = seat.focalPoint ?? focal;
-    const d = Math.hypot(seat.x - seatFocal.x, seat.y - seatFocal.y);
-    const cur = frontDistU.get(sec.id);
-    if (cur === void 0 || d < cur) frontDistU.set(sec.id, d);
-  }
-  for (let i = 0; i < seats.length; i++) {
-    const seat = seats[i];
-    const sec = owner[i];
-    if (!sec) {
-      seat.eyeHeightM = floorBaseHeightM + SEATED_EYE_HEIGHT_M;
-      continue;
-    }
-    const g = geo.get(sec.id);
-    let riseM = 0;
-    if (g.rake > 0) {
-      const seatFocal = seat.focalPoint ?? focal;
-      const d = Math.hypot(seat.x - seatFocal.x, seat.y - seatFocal.y);
-      const depthU = Math.max(0, d - (frontDistU.get(sec.id) ?? d));
-      riseM = depthU * METRES_PER_CHART_UNIT * Math.tan(g.rake * Math.PI / 180);
-    }
-    seat.eyeHeightM = g.height + riseM + SEATED_EYE_HEIGHT_M;
-  }
-}
-var PAD = 40;
-function chartBounds(doc) {
-  let minX = Infinity;
-  let minY = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  const acc = (x, y) => {
-    if (x < minX) minX = x;
-    if (y < minY) minY = y;
-    if (x > maxX) maxX = x;
-    if (y > maxY) maxY = y;
-  };
-  for (const s of expandChart(doc)) acc(s.x, s.y);
-  for (const obj of allObjects(doc)) {
-    if (obj.type === "gaArea") {
-      for (const p of obj.points) acc(p.x, p.y);
-    } else if (obj.type === "section") {
-      for (const p of obj.outline) acc(p.x, p.y);
-    } else if (obj.type === "decorImage") {
-      acc(obj.x, obj.y);
-      acc(obj.x + obj.width, obj.y + obj.height);
-    } else if (obj.type === "shape") {
-      if (obj.points && obj.points.length) {
-        for (const p of obj.points) acc(p.x, p.y);
-      } else if (obj.x != null && obj.y != null && obj.width != null && obj.height != null) {
-        acc(obj.x, obj.y);
-        acc(obj.x + obj.width, obj.y + obj.height);
-      }
-    } else if (obj.type === "table") {
-      const off = TABLE_SEAT_OFFSET + SEAT_R;
-      const ext = obj.shape === "round" ? (obj.radius ?? 40) + off : Math.max((obj.width ?? 80) / 2, (obj.height ?? 50) / 2) + off;
-      acc(obj.center.x - ext, obj.center.y - ext);
-      acc(obj.center.x + ext, obj.center.y + ext);
-    } else if (obj.type === "booth") {
-      const ext = Math.max(obj.width, obj.height) / 2;
-      acc(obj.center.x - ext, obj.center.y - ext);
-      acc(obj.center.x + ext, obj.center.y + ext);
-    } else if (obj.type === "text") {
-      const w = obj.fontSize * obj.text.length * 0.6;
-      acc(obj.position.x, obj.position.y);
-      acc(obj.position.x + w, obj.position.y + obj.fontSize);
-    }
-  }
-  for (const image of [doc.referenceImage, doc.backgroundImage]) {
-    if (!image) continue;
-    const { center, width } = image;
-    const bh = width * 3 / 4;
-    acc(center.x - width / 2, center.y - bh / 2);
-    acc(center.x + width / 2, center.y + bh / 2);
-  }
-  if (!isFinite(minX)) {
-    const f = doc.focalPoint ?? { x: 0, y: 0 };
-    return { x: f.x - 200, y: f.y - 200, width: 400, height: 400 };
-  }
-  return {
-    x: minX - PAD,
-    y: minY - PAD,
-    width: maxX - minX + PAD * 2,
-    height: maxY - minY + PAD * 2
-  };
-}
+import {
+  ACCESSIBILITY_RING_COLOR,
+  ACCESSIBILITY_TYPES,
+  CHART_STORAGE_KEY,
+  CHART_UNITS_PER_METRE,
+  LABEL_STYLE_MAX_SIZE,
+  LABEL_STYLE_MIN_SIZE,
+  METRES_PER_CHART_UNIT,
+  SEATED_EYE_HEIGHT_M,
+  SURROUNDINGS_SHAPE_ROLES,
+  TIER_HEIGHT_M,
+  accessibilityMeta,
+  accessibilityRingColor,
+  allObjects,
+  chartBounds,
+  expandBooth,
+  expandChart,
+  expandRow,
+  expandRowSlots,
+  expandTable,
+  expandTableSlots,
+  floorObjects,
+  floorsOf,
+  layerOf,
+  objectCenter,
+  owningSectionForObject,
+  pointInPolygon,
+  pointInPolygonWithHoles,
+  polygonLabelPoint,
+  rowInventoryCount,
+  rowSeatPositions,
+  seatLabelPart,
+  sectionElevationTier,
+  sectionGeometry,
+  stackFloors,
+  tableInventoryCount,
+  tableSeatCountsBySide
+} from "./chunk-FGS67GT3.js";
 
 // src/core/ga.ts
 var PREFIX = "__sl_ga__";
@@ -4359,7 +3533,7 @@ var _SeatmapRenderer = class _SeatmapRenderer {
           this.accessRingById.set(seat.id, ring);
           target.add(ring);
         }
-        if (accessGlyphPath(seat.accessibility ?? [])) {
+        if (seat.accessibility?.includes("wheelchair") && accessGlyphPath(seat.accessibility)) {
           const glyph = this.buildAccessGlyph(seat, typeof c.fill() === "string" ? c.fill() : "");
           this.accessGlyphById.set(seat.id, glyph);
           target.add(glyph);
@@ -8509,8 +7683,450 @@ function stageSightlinePitch(eyeHeightM, distM) {
 var W = 2048;
 var H = 1024;
 var UNIT = METRES_PER_CHART_UNIT;
+var TAU = Math.PI * 2;
+var PX_PER_DEG = H / 180;
 var yawToX = (yawDeg) => (yawDeg + 180) / 360 * W;
 var pitchToY = (pitchDeg) => (90 - pitchDeg) / 180 * H;
+function fnv1a(str) {
+  let h = 2166136261;
+  for (let i = 0; i < str.length; i++) {
+    h ^= str.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return h >>> 0;
+}
+function rng(seed) {
+  let a = seed >>> 0;
+  return () => {
+    a |= 0;
+    a = a + 1831565813 | 0;
+    let t2 = Math.imul(a ^ a >>> 15, 1 | a);
+    t2 = t2 + Math.imul(t2 ^ t2 >>> 7, 61 | t2) ^ t2;
+    return ((t2 ^ t2 >>> 14) >>> 0) / 4294967296;
+  };
+}
+var NBINS = 96;
+var BIN_DEG = 360 / NBINS;
+var FLAT_DELTA_M = 0.6;
+var HAZE_SKY = [17, 23, 42];
+function blendToSky(base, t2, a = 1) {
+  const k = Math.max(0, Math.min(0.58, t2));
+  const r = Math.round(base[0] + (HAZE_SKY[0] - base[0]) * k);
+  const g = Math.round(base[1] + (HAZE_SKY[1] - base[1]) * k);
+  const b = Math.round(base[2] + (HAZE_SKY[2] - base[2]) * k);
+  return `rgba(${r},${g},${b},${a})`;
+}
+function mixRgb(a, b, t2) {
+  return [
+    Math.round(a[0] + (b[0] - a[0]) * t2),
+    Math.round(a[1] + (b[1] - a[1]) * t2),
+    Math.round(a[2] + (b[2] - a[2]) * t2)
+  ];
+}
+function hslToRgb(h, s, l) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const hp = (h % 360 + 360) % 360 / 60;
+  const x = c * (1 - Math.abs(hp % 2 - 1));
+  let r = 0, g = 0, b = 0;
+  if (hp < 1) [r, g, b] = [c, x, 0];
+  else if (hp < 2) [r, g, b] = [x, c, 0];
+  else if (hp < 3) [r, g, b] = [0, c, x];
+  else if (hp < 4) [r, g, b] = [0, x, c];
+  else if (hp < 5) [r, g, b] = [x, 0, c];
+  else [r, g, b] = [c, 0, x];
+  const m = l - c / 2;
+  return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];
+}
+var tintCache = /* @__PURE__ */ new Map();
+function tintFromKey(key) {
+  if (!key) return null;
+  const cached = tintCache.get(key);
+  if (cached) return cached;
+  let h = 2166136261;
+  for (let i = 0; i < key.length; i++) {
+    h ^= key.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  const hue = (h >>> 0) % 360;
+  const rgb2 = hslToRgb(hue, 0.3, 0.42);
+  tintCache.set(key, rgb2);
+  return rgb2;
+}
+function buildStands(seat, neighborSeats, stageBearing, myEyeM) {
+  const bins = new Array(NBINS).fill(null);
+  let maxDelta = 0;
+  const own = seat.sectionId;
+  for (const other of neighborSeats) {
+    if (other.id === seat.id) continue;
+    const os = other.sectionId;
+    if (!os || own && os === own) continue;
+    const ox = other.x - seat.x;
+    const oy = other.y - seat.y;
+    const dM = Math.hypot(ox, oy) * UNIT;
+    if (dM < 1.5 || dM > 95) continue;
+    const otherEye = other.eyeHeightM ?? SEATED_EYE_HEIGHT_M;
+    const dTop = otherEye - myEyeM;
+    if (Math.abs(dTop) > maxDelta) maxDelta = Math.abs(dTop);
+    const top = Math.atan2(dTop, dM) * 180 / Math.PI;
+    const base = Math.atan2(otherEye - SEATED_EYE_HEIGHT_M - myEyeM, dM) * 180 / Math.PI;
+    const bearing = Math.atan2(ox, -oy) - stageBearing;
+    const yaw = (bearing * 180 / Math.PI + 540) % 360 - 180;
+    const idx = Math.min(NBINS - 1, Math.max(0, Math.floor((yaw + 180) / BIN_DEG)));
+    const overhead = top > 34 && dM < 16;
+    const cur = bins[idx];
+    if (!cur) bins[idx] = { top, base, nearM: dM, overhead, tint: tintFromKey(other.categoryKey) };
+    else {
+      if (top > cur.top) cur.top = top;
+      if (base < cur.base) cur.base = base;
+      if (dM < cur.nearM) {
+        cur.nearM = dM;
+        cur.tint = tintFromKey(other.categoryKey);
+      }
+      cur.overhead = cur.overhead || overhead;
+    }
+  }
+  return { bins, maxDelta };
+}
+function drawStands(ctx, bins, toX, toY) {
+  for (let i = 0; i < NBINS; i++) {
+    const b = bins[i];
+    if (!b) continue;
+    const yaw0 = -180 + i * BIN_DEG;
+    const x0 = toX(yaw0);
+    const x1 = toX(yaw0 + BIN_DEG);
+    if (!(x1 > x0)) continue;
+    const top = Math.min(72, b.top);
+    const bottom = Math.min(b.base, -4);
+    const yTop = toY(top);
+    const yBot = toY(bottom);
+    if (yBot <= yTop) continue;
+    const haze = b.nearM / 95;
+    const tint = b.tint;
+    const crest = tint ? mixRgb([44, 54, 80], tint, 0.34) : [44, 54, 80];
+    const seating = tint ? mixRgb([24, 30, 48], tint, 0.28) : [24, 30, 48];
+    const grad = ctx.createLinearGradient(0, yTop, 0, yBot);
+    grad.addColorStop(0, blendToSky(crest, haze));
+    grad.addColorStop(0.24, blendToSky(seating, haze));
+    grad.addColorStop(1, blendToSky([10, 13, 22], haze));
+    ctx.fillStyle = grad;
+    ctx.fillRect(x0, yTop, x1 - x0 + 1, yBot - yTop);
+    ctx.fillStyle = `rgba(150,165,205,${0.35 * (1 - haze * 0.55)})`;
+    ctx.fillRect(x0, yTop, x1 - x0 + 1, 1.5);
+    const bandBottom = Math.min(yBot, toY(0));
+    const bandSpan = bandBottom - yTop;
+    if (bandSpan > 8) {
+      const bands = 6;
+      const contrast = 1 - haze * 0.4;
+      for (let r = 1; r < bands; r++) {
+        const y = yTop + bandSpan * r / bands;
+        ctx.fillStyle = `rgba(0,0,0,${0.16 * contrast})`;
+        ctx.fillRect(x0, y, x1 - x0 + 1, 1.5);
+        ctx.fillStyle = `rgba(120,134,170,${0.1 * contrast})`;
+        ctx.fillRect(x0, y + 1.5, x1 - x0 + 1, 1.2);
+      }
+    }
+    if (b.overhead) {
+      const lipY = toY(Math.min(86, top + 12));
+      const g2 = ctx.createLinearGradient(0, lipY, 0, yTop);
+      g2.addColorStop(0, "rgba(3,4,8,0.9)");
+      g2.addColorStop(1, "rgba(3,4,8,0)");
+      ctx.fillStyle = g2;
+      ctx.fillRect(x0, lipY, x1 - x0 + 1, yTop - lipY);
+      ctx.fillStyle = "rgba(120,130,160,0.14)";
+      ctx.fillRect(x0, yTop - 1.5, x1 - x0 + 1, 1.5);
+    }
+  }
+}
+function classifyScene(_seat, focal, neighbors) {
+  const NB = 72;
+  const occ = new Array(NB).fill(false);
+  const innerM = new Array(NB).fill(Infinity);
+  const secSet = /* @__PURE__ */ new Set();
+  let n = 0;
+  for (const s of neighbors) {
+    n++;
+    if (s.sectionId) secSet.add(s.sectionId);
+    const dx = s.x - focal.x;
+    const dy = s.y - focal.y;
+    const dM = Math.hypot(dx, dy) * UNIT;
+    if (dM < 0.5) continue;
+    const bearing = Math.atan2(dx, -dy);
+    let idx = Math.floor((bearing + Math.PI) / TAU * NB);
+    if (idx < 0) idx = 0;
+    else if (idx >= NB) idx = NB - 1;
+    occ[idx] = true;
+    if (dM < innerM[idx]) innerM[idx] = dM;
+  }
+  let occN = 0;
+  const inner = [];
+  for (let i = 0; i < NB; i++) if (occ[i]) {
+    occN++;
+    inner.push(innerM[i]);
+  }
+  const coverage = occN / NB * 360;
+  inner.sort((a, b) => a - b);
+  const median = inner.length ? inner[inner.length >> 1] : 0;
+  const lo = inner.length ? inner[Math.floor(inner.length * 0.15)] ?? median : 0;
+  const hi = inner.length ? inner[Math.floor(inner.length * 0.85)] ?? median : 0;
+  const aspect = lo > 0.5 ? hi / lo : 1;
+  const seed = fnv1a(`${n}|${[...secSet].sort().join(",")}|${Math.round(focal.x)},${Math.round(focal.y)}`);
+  let mode;
+  if (coverage >= 300 && median > 11 && aspect > 1.35) mode = "sport";
+  else if (coverage >= 285) mode = "arena";
+  else mode = "proscenium";
+  return { mode, seed, voidRadiusM: median, aspect };
+}
+var HAIR_KINDS = 5;
+function drawHair(ctx, r, kind) {
+  switch (kind) {
+    case 1:
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 0.14, r * 1.16, r * 1.16, 0, 0, TAU);
+      ctx.fill();
+      break;
+    case 2:
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 1.02, r * 0.42, r * 0.42, 0, 0, TAU);
+      ctx.fill();
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 0.2, r * 0.98, r * 1.02, 0, 0, TAU);
+      ctx.fill();
+      break;
+    case 3:
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 0.36, r * 1.04, r * 0.6, 0, Math.PI, TAU);
+      ctx.fill();
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 0.52, r * 1.22, r * 0.24, 0, 0, TAU);
+      ctx.fill();
+      break;
+    case 4:
+      ctx.beginPath();
+      ctx.ellipse(-r * 0.66, r * 0.5, r * 0.5, r * 1.35, 0, 0, TAU);
+      ctx.fill();
+      ctx.beginPath();
+      ctx.ellipse(r * 0.66, r * 0.5, r * 0.5, r * 1.35, 0, 0, TAU);
+      ctx.fill();
+      ctx.beginPath();
+      ctx.ellipse(0, -r * 0.08, r * 1.06, r * 1.08, 0, 0, TAU);
+      ctx.fill();
+      break;
+    default:
+      break;
+  }
+}
+function drawSeated(ctx, hx, hy, r, o) {
+  const neckHalf = r * 0.44;
+  const shHalf = r * o.shoulderK;
+  const neckTopY = r * 0.66;
+  const shoulderY = r * 1.68;
+  const botY = r * 5.4;
+  const clo = `rgba(${o.clothing[0]},${o.clothing[1]},${o.clothing[2]},${o.alpha})`;
+  const skin = `rgba(${o.tone[0]},${o.tone[1]},${o.tone[2]},${o.alpha})`;
+  ctx.save();
+  ctx.translate(hx, hy);
+  const leanPx = o.lean * r;
+  ctx.fillStyle = clo;
+  ctx.beginPath();
+  ctx.moveTo(-neckHalf, neckTopY);
+  ctx.quadraticCurveTo(-neckHalf * 1.18, shoulderY - leanPx - r * 0.6, -shHalf, shoulderY - leanPx);
+  ctx.quadraticCurveTo(-shHalf * 1.05, shoulderY + r * 1.2, -shHalf * 0.94, botY);
+  ctx.lineTo(shHalf * 0.94, botY);
+  ctx.quadraticCurveTo(shHalf * 1.05, shoulderY + r * 1.2, shHalf, shoulderY + leanPx);
+  ctx.quadraticCurveTo(neckHalf * 1.18, shoulderY + leanPx - r * 0.6, neckHalf, neckTopY);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = skin;
+  ctx.fillRect(-neckHalf * 0.82, r * 0.5, neckHalf * 1.64, r * 0.9);
+  ctx.save();
+  ctx.rotate(o.tilt);
+  ctx.translate(o.turn * r, 0);
+  ctx.fillStyle = skin;
+  if (r >= 18) {
+    ctx.beginPath();
+    ctx.moveTo(-r * 0.9, -r * 0.15);
+    ctx.quadraticCurveTo(-r * 0.96, -r * 1.12, 0, -r * 1.06);
+    ctx.quadraticCurveTo(r * 0.96, -r * 1.12, r * 0.9, -r * 0.15);
+    ctx.quadraticCurveTo(r * 0.86, r * 0.55, r * 0.36, r * 0.98);
+    ctx.quadraticCurveTo(0, r * 1.14, -r * 0.36, r * 0.98);
+    ctx.quadraticCurveTo(-r * 0.86, r * 0.55, -r * 0.9, -r * 0.15);
+    ctx.closePath();
+    ctx.fill();
+    if (r >= 22) {
+      ctx.beginPath();
+      ctx.ellipse(-r * 0.9, r * 0.18, r * 0.13, r * 0.22, 0, 0, TAU);
+      ctx.ellipse(r * 0.9, r * 0.18, r * 0.13, r * 0.22, 0, 0, TAU);
+      ctx.fill();
+    }
+  } else {
+    ctx.beginPath();
+    ctx.ellipse(0, 0, r * 0.9, r * 1.06, 0, 0, TAU);
+    ctx.fill();
+  }
+  drawHair(ctx, r, o.hair);
+  if (o.rim > 0.01) {
+    ctx.strokeStyle = `rgba(245,205,150,${(0.5 * o.rim).toFixed(3)})`;
+    ctx.lineWidth = Math.max(1, r * 0.14);
+    ctx.beginPath();
+    ctx.ellipse(0, -r * 0.06, r * 0.86, r * 1, 0, Math.PI * 1.12, Math.PI * 1.9);
+    ctx.stroke();
+  }
+  ctx.restore();
+  if (o.rim > 0.01) {
+    ctx.strokeStyle = `rgba(240,200,150,${(0.28 * o.rim).toFixed(3)})`;
+    ctx.lineWidth = Math.max(1, r * 0.12);
+    ctx.beginPath();
+    ctx.moveTo(-shHalf * 0.8, shoulderY - r * 0.05);
+    ctx.quadraticCurveTo(-neckHalf, shoulderY - r * 0.75, 0, shoulderY - r * 0.82);
+    ctx.quadraticCurveTo(neckHalf, shoulderY - r * 0.75, shHalf * 0.8, shoulderY - r * 0.05);
+    ctx.stroke();
+  }
+  ctx.restore();
+}
+function drawSeatedMid(ctx, hx, hy, r, clothing, tone, alpha) {
+  ctx.fillStyle = `rgba(${clothing[0]},${clothing[1]},${clothing[2]},${alpha})`;
+  ctx.beginPath();
+  ctx.moveTo(hx - r * 1.72, hy + r * 4);
+  ctx.quadraticCurveTo(hx - r * 1.78, hy + r * 1.55, hx - r * 0.46, hy + r * 1.02);
+  ctx.lineTo(hx - r * 0.4, hy + r * 0.62);
+  ctx.lineTo(hx + r * 0.4, hy + r * 0.62);
+  ctx.lineTo(hx + r * 0.46, hy + r * 1.02);
+  ctx.quadraticCurveTo(hx + r * 1.78, hy + r * 1.55, hx + r * 1.72, hy + r * 4);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = `rgba(${tone[0]},${tone[1]},${tone[2]},${alpha})`;
+  ctx.beginPath();
+  ctx.ellipse(hx, hy, r * 0.9, r * 1.05, 0, 0, TAU);
+  ctx.fill();
+}
+function drawPerformer(ctx, x, footY, h, o) {
+  const headR = h * 0.1;
+  const headCy = footY - h * 0.9;
+  const shoulderY = footY - h * 0.74;
+  const hipY = footY - h * 0.46;
+  const shHalf = h * 0.13;
+  const hipHalf = h * 0.09;
+  const skin = `rgba(${o.tone[0]},${o.tone[1]},${o.tone[2]},${o.alpha})`;
+  const sh = ctx.createRadialGradient(x, footY, 1, x, footY, h * 0.24);
+  sh.addColorStop(0, "rgba(0,0,0,0.4)");
+  sh.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.save();
+  ctx.scale(1, 0.28);
+  ctx.fillStyle = sh;
+  ctx.beginPath();
+  ctx.ellipse(x, footY / 0.28, h * 0.24, h * 0.24, 0, 0, TAU);
+  ctx.fill();
+  ctx.restore();
+  ctx.fillStyle = skin;
+  ctx.beginPath();
+  ctx.moveTo(x - hipHalf, hipY);
+  ctx.lineTo(x - hipHalf * 0.7, footY);
+  ctx.lineTo(x - hipHalf * 0.1, footY);
+  ctx.lineTo(x - hipHalf * 0.1, hipY + h * 0.02);
+  ctx.lineTo(x + hipHalf * 0.1, hipY + h * 0.02);
+  ctx.lineTo(x + hipHalf * 0.1, footY);
+  ctx.lineTo(x + hipHalf * 0.7, footY);
+  ctx.lineTo(x + hipHalf, hipY);
+  ctx.closePath();
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(x - shHalf, shoulderY);
+  ctx.quadraticCurveTo(x - shHalf * 0.9, hipY - h * 0.12, x - hipHalf, hipY);
+  ctx.lineTo(x + hipHalf, hipY);
+  ctx.quadraticCurveTo(x + shHalf * 0.9, hipY - h * 0.12, x + shHalf, shoulderY);
+  ctx.quadraticCurveTo(x, shoulderY - h * 0.05, x - shHalf, shoulderY);
+  ctx.closePath();
+  ctx.fill();
+  ctx.lineCap = "round";
+  ctx.lineJoin = "round";
+  ctx.strokeStyle = skin;
+  ctx.lineWidth = h * 0.055;
+  const armY = shoulderY + h * 0.02;
+  if (o.pose === 1) {
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf * 0.8, armY);
+    ctx.lineTo(x - shHalf * 1.5, footY - h * 1.02);
+    ctx.moveTo(x + shHalf * 0.8, armY);
+    ctx.lineTo(x + shHalf * 1.5, footY - h * 1.02);
+    ctx.stroke();
+  } else if (o.pose === 2) {
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf * 0.8, armY);
+    ctx.lineTo(x + hipHalf * 1.4, hipY - h * 0.02);
+    ctx.moveTo(x + shHalf * 0.8, armY);
+    ctx.lineTo(x - hipHalf * 0.4, hipY - h * 0.06);
+    ctx.stroke();
+    ctx.fillStyle = skin;
+    ctx.beginPath();
+    ctx.ellipse(x + hipHalf * 1.5, hipY - h * 0.04, h * 0.07, h * 0.09, -0.5, 0, TAU);
+    ctx.fill();
+  } else if (o.pose === 3) {
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf * 0.8, armY);
+    ctx.lineTo(x - shHalf * 0.2, headCy + headR * 0.6);
+    ctx.moveTo(x + shHalf * 0.8, armY);
+    ctx.lineTo(x + shHalf * 1.1, hipY);
+    ctx.stroke();
+    ctx.lineWidth = h * 0.02;
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf * 0.2, headCy + headR * 0.9);
+    ctx.lineTo(x - shHalf * 0.2, footY - h * 0.02);
+    ctx.stroke();
+  } else {
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf * 0.85, armY);
+    ctx.lineTo(x - shHalf * 0.95, hipY + h * 0.02);
+    ctx.moveTo(x + shHalf * 0.85, armY);
+    ctx.lineTo(x + shHalf * 0.95, hipY + h * 0.02);
+    ctx.stroke();
+  }
+  ctx.fillStyle = skin;
+  ctx.fillRect(x - headR * 0.34, headCy + headR * 0.6, headR * 0.68, headR * 0.9);
+  ctx.beginPath();
+  ctx.ellipse(x, headCy, headR * 0.86, headR * 1.05, 0, 0, TAU);
+  ctx.fill();
+  if (o.rimStrength > 0.01) {
+    ctx.strokeStyle = `rgba(${o.rim[0]},${o.rim[1]},${o.rim[2]},${(0.6 * o.rimStrength).toFixed(3)})`;
+    ctx.lineWidth = Math.max(1, h * 0.02);
+    ctx.beginPath();
+    ctx.moveTo(x - shHalf, shoulderY);
+    ctx.lineTo(x - headR * 0.6, headCy + headR * 0.4);
+    ctx.moveTo(x - headR * 0.7, headCy);
+    ctx.ellipse(x, headCy, headR * 0.84, headR * 1.02, 0, Math.PI * 1.05, Math.PI * 1.55);
+    ctx.stroke();
+  }
+}
+function drawBeam(ctx, x0, y0, x1, y1, halfTop, halfBot, tint, strength) {
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  const g = ctx.createLinearGradient(0, y0, 0, y1);
+  g.addColorStop(0, `rgba(${tint},${strength})`);
+  g.addColorStop(0.5, `rgba(${tint},${(strength * 0.4).toFixed(3)})`);
+  g.addColorStop(1, `rgba(${tint},0)`);
+  ctx.fillStyle = g;
+  ctx.beginPath();
+  ctx.moveTo(x0 - halfTop, y0);
+  ctx.lineTo(x1 - halfBot, y1);
+  ctx.lineTo(x1 + halfBot, y1);
+  ctx.lineTo(x0 + halfTop, y0);
+  ctx.closePath();
+  ctx.fill();
+  ctx.restore();
+}
+function drawFixture(ctx, x, y, r, tint) {
+  const g = ctx.createRadialGradient(x, y, 0, x, y, r * 3);
+  g.addColorStop(0, `rgba(${tint},0.9)`);
+  g.addColorStop(0.4, `rgba(${tint},0.35)`);
+  g.addColorStop(1, `rgba(${tint},0)`);
+  ctx.fillStyle = g;
+  ctx.beginPath();
+  ctx.arc(x, y, r * 3, 0, TAU);
+  ctx.fill();
+  ctx.fillStyle = `rgba(${tint},1)`;
+  ctx.beginPath();
+  ctx.arc(x, y, r, 0, TAU);
+  ctx.fill();
+}
 function generateSeatPanorama(seat, focalPoint, neighborSeats) {
   const canvas = document.createElement("canvas");
   canvas.width = W;
@@ -8520,102 +8136,557 @@ function generateSeatPanorama(seat, focalPoint, neighborSeats) {
   const dy = focalPoint.y - seat.y;
   const distU = Math.hypot(dx, dy);
   const distM = Math.max(2, distU * UNIT);
+  const eyeM = seat.eyeHeightM ?? SEATED_EYE_HEIGHT_M;
+  const scene = classifyScene(seat, focalPoint, neighborSeats);
+  const rand = rng(scene.seed);
+  const baseHue = 210 + rand() * 150;
+  const rigTint = hslToRgb(220 + (rand() - 0.5) * 60, 0.55, 0.82);
+  const rigTintStr = `${rigTint[0]},${rigTint[1]},${rigTint[2]}`;
   const sky = ctx.createLinearGradient(0, 0, 0, H);
-  sky.addColorStop(0, "#05070c");
-  sky.addColorStop(0.42, "#11172a");
-  sky.addColorStop(0.5, "#1a2238");
-  sky.addColorStop(0.56, "#10141f");
-  sky.addColorStop(1, "#07090f");
+  sky.addColorStop(0, "#080b12");
+  sky.addColorStop(0.42, "#12182c");
+  sky.addColorStop(0.5, "#1c2440");
+  sky.addColorStop(0.56, "#151b2c");
+  sky.addColorStop(0.78, "#171e30");
+  sky.addColorStop(1, "#131829");
   ctx.fillStyle = sky;
   ctx.fillRect(0, 0, W, H);
-  const eyeM = seat.eyeHeightM ?? SEATED_EYE_HEIGHT_M;
-  const stageHalfYaw = Math.min(80, Math.atan2(4, distM) * 180 / Math.PI);
+  const floorAmb = ctx.createLinearGradient(0, pitchToY(-6), 0, H);
+  floorAmb.addColorStop(0, "rgba(30, 37, 56, 0)");
+  floorAmb.addColorStop(0.55, "rgba(30, 37, 56, 0.22)");
+  floorAmb.addColorStop(1, "rgba(22, 28, 44, 0.12)");
+  ctx.fillStyle = floorAmb;
+  ctx.fillRect(0, pitchToY(-6), W, H - pitchToY(-6));
+  const stageBearing = Math.atan2(dx, -dy);
+  const stands = buildStands(seat, neighborSeats, stageBearing, eyeM);
+  const hasRelief = stands.maxDelta >= FLAT_DELTA_M;
+  if (hasRelief) drawStands(ctx, stands.bins, yawToX, pitchToY);
+  const nearGlow = Math.max(0.3, Math.min(1, 1 - (distM - 6) / 60));
   const sightline = stageSightlinePitch(eyeM, distM);
+  const stageHalfYaw = Math.min(80, Math.atan2(4, distM) * 180 / Math.PI);
   const stageTopPitch = Math.min(45, sightline.topPitch);
   const stageBasePitch = sightline.basePitch;
+  if (scene.mode === "sport") {
+    drawSportScene(ctx, distM, eyeM, scene, nearGlow, baseHue, rigTintStr, rand);
+  } else if (scene.mode === "arena") {
+    drawArenaScene(ctx, distM, eyeM, scene, nearGlow, rigTintStr, rand);
+  } else {
+    drawProsceniumScene(ctx, stageHalfYaw, stageTopPitch, stageBasePitch, nearGlow, baseHue, rigTintStr, rand);
+  }
+  const rigCount = scene.mode === "sport" ? 34 : 24 + Math.floor(rand() * 8);
+  ctx.fillStyle = `rgba(${rigTintStr},0.8)`;
+  for (let i = 0; i < rigCount; i++) {
+    const x = (i + 0.5) / rigCount * W;
+    const y = pitchToY(scene.mode === "sport" ? 58 : 54 + i * 7 % 3 * 6);
+    ctx.beginPath();
+    ctx.arc(x, y, scene.mode === "sport" ? 2.6 : 3.2, 0, TAU);
+    ctx.fill();
+  }
+  drawAudience(ctx, seat, neighborSeats, focalPoint, stageBearing, eyeM, dx, dy, hasRelief, scene);
+  const poleFade = ctx.createLinearGradient(0, 0, 0, H);
+  poleFade.addColorStop(0, "rgba(0,0,0,0.85)");
+  poleFade.addColorStop(0.12, "rgba(0,0,0,0)");
+  poleFade.addColorStop(0.9, "rgba(0,0,0,0)");
+  poleFade.addColorStop(1, "rgba(0,0,0,0.55)");
+  ctx.fillStyle = poleFade;
+  ctx.fillRect(0, 0, W, H);
+  return { url: canvas.toDataURL("image/jpeg", 0.82), distanceM: Math.round(distM) };
+}
+function drawProsceniumScene(ctx, stageHalfYaw, stageTopPitch, stageBasePitch, nearGlow, baseHue, rigTintStr, rand) {
   const sx0 = yawToX(-stageHalfYaw);
   const sx1 = yawToX(stageHalfYaw);
   const sy0 = pitchToY(stageTopPitch);
   const sy1 = pitchToY(stageBasePitch);
-  const glow = ctx.createRadialGradient(W / 2, (sy0 + sy1) / 2, 10, W / 2, (sy0 + sy1) / 2, (sx1 - sx0) * 1.1);
-  glow.addColorStop(0, "rgba(129, 140, 248, 0.5)");
-  glow.addColorStop(0.5, "rgba(99, 102, 241, 0.16)");
+  const sw = sx1 - sx0;
+  const sh = sy1 - sy0;
+  const archTop = pitchToY(Math.min(50, stageTopPitch + 10));
+  const glowR = sw * (1.1 + (1 - nearGlow) * 0.5);
+  const glow = ctx.createRadialGradient(W / 2, (sy0 + sy1) / 2, 8, W / 2, (sy0 + sy1) / 2, glowR);
+  glow.addColorStop(0, "rgba(255, 214, 150, 0.34)");
+  glow.addColorStop(0.28, "rgba(150, 150, 230, 0.3)");
+  glow.addColorStop(0.6, "rgba(99, 102, 241, 0.12)");
   glow.addColorStop(1, "rgba(99, 102, 241, 0)");
   ctx.fillStyle = glow;
-  ctx.fillRect(sx0 - (sx1 - sx0) * 0.6, sy0 - (sy1 - sy0) * 1.2, (sx1 - sx0) * 2.2, (sy1 - sy0) * 3.4);
-  ctx.fillStyle = "#242c44";
-  ctx.fillRect(sx0, sy0, sx1 - sx0, sy1 - sy0);
+  ctx.fillRect(sx0 - sw * 0.6, sy0 - sh * 1.2, sw * 2.2, sh * 3.4);
+  const topCol = hslToRgb(baseHue, 0.62, 0.55);
+  const midCol = hslToRgb(baseHue + 40, 0.7, 0.5);
+  const botCol = hslToRgb(baseHue + 70, 0.78, 0.52);
+  ctx.save();
+  ctx.beginPath();
+  ctx.rect(sx0, sy0, sw, sh);
+  ctx.clip();
   const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
-  backdrop.addColorStop(0, "#7c5cff");
-  backdrop.addColorStop(0.5, "#e1447a");
-  backdrop.addColorStop(1, "#f59e0b");
-  ctx.globalAlpha = 0.75;
+  backdrop.addColorStop(0, `rgb(${topCol[0]},${topCol[1]},${topCol[2]})`);
+  backdrop.addColorStop(0.5, `rgb(${midCol[0]},${midCol[1]},${midCol[2]})`);
+  backdrop.addColorStop(1, `rgb(${botCol[0]},${botCol[1]},${botCol[2]})`);
+  ctx.globalAlpha = 0.8;
   ctx.fillStyle = backdrop;
-  const inset = (sx1 - sx0) * 0.06;
-  ctx.fillRect(sx0 + inset, sy0 + (sy1 - sy0) * 0.12, sx1 - sx0 - inset * 2, (sy1 - sy0) * 0.62);
+  ctx.fillRect(sx0, sy0, sw, sh);
   ctx.globalAlpha = 1;
-  ctx.fillStyle = "#0d1119";
-  ctx.fillRect(sx0, sy1 - (sy1 - sy0) * 0.1, sx1 - sx0, (sy1 - sy0) * 0.1);
-  const performerH = (sy1 - sy0) * 0.45;
-  ctx.fillStyle = "rgba(8, 10, 16, 0.85)";
-  for (const fx of [0.35, 0.5, 0.65]) {
-    const px = sx0 + (sx1 - sx0) * fx;
-    const py = sy1 - (sy1 - sy0) * 0.12;
+  const fall = ctx.createRadialGradient(W / 2, (sy0 + sy1) / 2, sw * 0.12, W / 2, (sy0 + sy1) / 2, sw * 0.62);
+  fall.addColorStop(0, "rgba(6,8,14,0)");
+  fall.addColorStop(0.7, "rgba(6,8,14,0.15)");
+  fall.addColorStop(1, "rgba(5,6,11,0.92)");
+  ctx.fillStyle = fall;
+  ctx.fillRect(sx0, sy0, sw, sh);
+  ctx.restore();
+  const perfCount = 3 + Math.floor(rand() * 3);
+  const perfH = sh * 0.46;
+  const floorY = sy1 - sh * 0.08;
+  for (let i = 0; i < perfCount; i++) {
+    const t2 = (i + 1) / (perfCount + 1);
+    const px = sx0 + sw * (0.22 + t2 * 0.56 + (rand() - 0.5) * 0.06);
+    drawPerformer(ctx, px, floorY, perfH * (0.9 + rand() * 0.24), {
+      tone: [8, 10, 16],
+      alpha: 0.9,
+      pose: Math.floor(rand() * 4),
+      rim: hslToRgb(baseHue + 20, 0.5, 0.7),
+      rimStrength: 0.7
+    });
+  }
+  ctx.fillStyle = "#05070d";
+  ctx.fillRect(sx0 - sw * 0.5, archTop, sw * 0.5, sy1 - archTop);
+  ctx.fillRect(sx1, archTop, sw * 0.5, sy1 - archTop);
+  const legBot = sw * 0.055 + 3;
+  const legTop = legBot * 1.35;
+  ctx.fillStyle = "#03050a";
+  ctx.beginPath();
+  ctx.moveTo(sx0, sy1);
+  ctx.lineTo(sx0 - legBot, sy1);
+  ctx.lineTo(sx0 - legTop, archTop);
+  ctx.lineTo(sx0 + sw * 0.012, archTop);
+  ctx.closePath();
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(sx1, sy1);
+  ctx.lineTo(sx1 + legBot, sy1);
+  ctx.lineTo(sx1 + legTop, archTop);
+  ctx.lineTo(sx1 - sw * 0.012, archTop);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillRect(sx0 - legTop, archTop, sw + legTop * 2, (sy1 - archTop) * 0.12);
+  const valH = sh * 0.14;
+  const valY = archTop + (sy1 - archTop) * 0.12;
+  ctx.fillStyle = "rgba(4,6,12,0.96)";
+  const scallops = 7;
+  ctx.beginPath();
+  ctx.moveTo(sx0 - legTop, valY);
+  for (let i = 0; i <= scallops; i++) {
+    const xx = sx0 - legTop + (sw + legTop * 2) * i / scallops;
+    ctx.quadraticCurveTo(xx - (sw + legTop * 2) / scallops / 2, valY + valH, xx, valY);
+  }
+  ctx.lineTo(sx1 + legTop, valY);
+  ctx.lineTo(sx1 + legTop, archTop);
+  ctx.lineTo(sx0 - legTop, archTop);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillStyle = `rgba(${rigTintStr},0.12)`;
+  ctx.fillRect(sx0 - 1.5, valY, 1.5, sy1 - valY);
+  ctx.fillRect(sx1, valY, 1.5, sy1 - valY);
+  ctx.fillStyle = "#0b0f18";
+  ctx.fillRect(sx0 - legBot, sy1 - sh * 0.05, sw + legBot * 2, sh * 0.05 + 3);
+  const foot = ctx.createLinearGradient(0, sy1 - sh * 0.05, 0, sy1 + sh * 0.12);
+  foot.addColorStop(0, `rgba(255,206,140,${(0.5 * nearGlow).toFixed(3)})`);
+  foot.addColorStop(1, "rgba(255,206,140,0)");
+  ctx.fillStyle = foot;
+  ctx.fillRect(sx0 - legBot, sy1 - sh * 0.05, sw + legBot * 2, sh * 0.2);
+  const beams = 3 + Math.floor(rand() * 2);
+  for (let i = 0; i < beams; i++) {
+    const t2 = (i + 1) / (beams + 1);
+    const fx = sx0 + sw * (t2 + (rand() - 0.5) * 0.08);
+    const fy = pitchToY(Math.min(62, stageTopPitch + 26));
+    const skew = (rand() - 0.5) * sw * 0.16;
+    drawBeam(ctx, fx, fy, fx + skew, sy1, 4, sw * 0.09, rigTintStr, 0.16 * (0.7 + nearGlow * 0.5));
+    drawFixture(ctx, fx, fy, 2.4, rigTintStr);
+  }
+}
+function drawArenaScene(ctx, distM, eyeM, scene, nearGlow, rigTintStr, rand) {
+  const stageR = Math.min(distM * 0.6, Math.max(3, scene.voidRadiusM));
+  const halfYaw = Math.min(55, Math.atan2(stageR, distM) * 180 / Math.PI);
+  const cx = W / 2;
+  const deckRiserM = 1.2;
+  const nearDist = Math.max(distM * 0.45, distM - stageR);
+  const farDist = distM + stageR;
+  const nearTopPitch = Math.atan2(deckRiserM - eyeM, nearDist) * 180 / Math.PI;
+  const farTopPitch = Math.atan2(deckRiserM - eyeM, farDist) * 180 / Math.PI;
+  const nearBasePitch = Math.atan2(-eyeM, nearDist) * 180 / Math.PI;
+  const yNearTop = pitchToY(nearTopPitch);
+  const yFarTop = pitchToY(farTopPitch);
+  const yBase = pitchToY(nearBasePitch);
+  const halfW = yawToX(halfYaw) - cx;
+  const topRy = Math.max(6, (yNearTop - yFarTop) / 2);
+  const topCy = (yNearTop + yFarTop) / 2;
+  const pool = ctx.createRadialGradient(cx, yBase, 4, cx, yBase, halfW * 2.6);
+  pool.addColorStop(0, `rgba(255,206,150,${(0.2 * nearGlow).toFixed(3)})`);
+  pool.addColorStop(0.5, "rgba(150,140,190,0.08)");
+  pool.addColorStop(1, "rgba(40,44,60,0)");
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = pool;
+  ctx.fillRect(cx - halfW * 2.6, yFarTop - topRy, halfW * 5.2, yBase - yFarTop + topRy + 40);
+  ctx.restore();
+  ctx.fillStyle = "#0c1019";
+  ctx.beginPath();
+  ctx.moveTo(cx - halfW, topCy);
+  ctx.ellipse(cx, topCy, halfW, topRy, 0, Math.PI, 0, false);
+  ctx.lineTo(cx + halfW, yBase);
+  ctx.ellipse(cx, yBase, halfW, topRy, 0, 0, Math.PI, false);
+  ctx.closePath();
+  ctx.fill();
+  const riser = ctx.createLinearGradient(0, topCy, 0, yBase);
+  riser.addColorStop(0, `rgba(${rigTintStr},0.14)`);
+  riser.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = riser;
+  ctx.fillRect(cx - halfW, topCy, halfW * 2, yBase - topCy);
+  const FORMATIONS = [
+    // frontman + guitarist + one at the back
+    [{ u: -0.24, v: 0.4, lead: true, pose: 3 }, { u: 0.34, v: -0.04, pose: 2 }, { u: -0.52, v: -0.38, pose: 0 }],
+    // duo — singer forward, instrument behind the shoulder
+    [{ u: 0.2, v: 0.34, lead: true, pose: 3 }, { u: -0.3, v: -0.08, pose: 2 }],
+    // 4-piece — lead just off-centre, band staggered around the far half
+    [{ u: -0.1, v: 0.28, lead: true, pose: 1 }, { u: 0.44, v: -0.2, pose: 2 }, { u: -0.46, v: -0.14, pose: 2 }, { u: 0.08, v: -0.46, pose: 0 }]
+  ];
+  const form = FORMATIONS[Math.floor(rand() * FORMATIONS.length)];
+  const mirror = rand() < 0.5 ? -1 : 1;
+  const spotX = (p) => cx + p.u * mirror * halfW * 0.84;
+  const spotY = (p) => topCy + p.v * topRy * 0.8;
+  const lead = form.find((p) => p.lead) ?? form[0];
+  const leadX = spotX(lead);
+  const deckTop = ctx.createLinearGradient(0, topCy - topRy, 0, topCy + topRy);
+  deckTop.addColorStop(0, "#3d4a72");
+  deckTop.addColorStop(1, "#232b47");
+  ctx.fillStyle = deckTop;
+  ctx.beginPath();
+  ctx.ellipse(cx, topCy, halfW, topRy, 0, 0, TAU);
+  ctx.fill();
+  const deckGlow = ctx.createRadialGradient(leadX, topCy, 2, leadX, topCy, halfW);
+  deckGlow.addColorStop(0, `rgba(255,214,160,${(0.5 * nearGlow).toFixed(3)})`);
+  deckGlow.addColorStop(1, "rgba(255,214,160,0)");
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = deckGlow;
+  ctx.beginPath();
+  ctx.ellipse(cx, topCy, halfW, topRy, 0, 0, TAU);
+  ctx.fill();
+  ctx.restore();
+  ctx.strokeStyle = `rgba(${rigTintStr},0.7)`;
+  ctx.lineWidth = 2;
+  ctx.beginPath();
+  ctx.ellipse(cx, topCy, halfW, topRy, 0, 0, TAU);
+  ctx.stroke();
+  const perfH = Math.max(24, (yBase - yFarTop) * 1.3);
+  const gearN = form.length >= 3 ? 3 : 2;
+  for (let i = 0; i < gearN; i++) {
+    const gu = (-0.62 + i * 0.52 + (rand() - 0.5) * 0.12) * -mirror;
+    const gx = cx + gu * halfW * 0.7;
+    const gy = topCy - topRy * (0.45 + rand() * 0.18);
+    const gw = halfW * (0.07 + rand() * 0.04);
+    const gh = perfH * (0.26 + rand() * 0.12);
+    ctx.fillStyle = "#0a0e18";
+    ctx.fillRect(gx - gw / 2, gy - gh, gw, gh);
+    ctx.fillStyle = `rgba(${rigTintStr},0.3)`;
+    ctx.fillRect(gx - gw / 2, gy - gh, gw, 1.5);
+  }
+  if (form.length >= 3) {
+    const drumX = cx - lead.u * mirror * halfW * 0.4;
+    ctx.fillStyle = "#0b0f1a";
     ctx.beginPath();
-    ctx.arc(px, py - performerH * 0.82, performerH * 0.16, 0, Math.PI * 2);
+    ctx.ellipse(drumX, topCy - topRy * 0.34, halfW * 0.08, topRy * 0.1, 0, 0, TAU);
     ctx.fill();
-    ctx.fillRect(px - performerH * 0.14, py - performerH * 0.68, performerH * 0.28, performerH * 0.68);
+    ctx.strokeStyle = `rgba(${rigTintStr},0.35)`;
+    ctx.lineWidth = 1;
+    ctx.stroke();
+  }
+  for (const p of [...form].sort((a, b) => a.v - b.v)) {
+    const depthScale = 0.82 + (p.v + 1) * 0.14;
+    drawPerformer(ctx, spotX(p), spotY(p), perfH * depthScale * (p.lead ? 1.06 : 0.92), {
+      tone: [18, 21, 34],
+      alpha: 0.95,
+      pose: p.pose,
+      rim: hslToRgb(40, 0.72, 0.8),
+      rimStrength: p.lead ? 1.4 : 0.9
+    });
   }
-  ctx.globalAlpha = 0.14;
-  ctx.fillStyle = "#c7d2fe";
-  for (const fx of [0.3, 0.5, 0.7]) {
-    const bx = sx0 + (sx1 - sx0) * fx;
+  const trussY = pitchToY(Math.min(60, farTopPitch + 34));
+  const trussRy = topRy * 1.1 + 6;
+  ctx.strokeStyle = "rgba(60,68,92,0.85)";
+  ctx.lineWidth = 3;
+  ctx.beginPath();
+  ctx.ellipse(cx, trussY, halfW * 1.15, trussRy, 0, 0, TAU);
+  ctx.stroke();
+  const fixtures = 4 + Math.floor(rand() * 3);
+  for (let i = 0; i < fixtures; i++) {
+    const a = i / fixtures * TAU;
+    const fxX = cx + Math.cos(a) * halfW * 1.15;
+    const fxY = trussY + Math.sin(a) * trussRy;
+    if (Math.sin(a) > -0.2) {
+      const tx = cx + (rand() - 0.5) * halfW * 0.8;
+      drawBeam(ctx, fxX, fxY, tx, topCy, 3, halfW * 0.32, rigTintStr, 0.2 * (0.7 + nearGlow * 0.4));
+    }
+    drawFixture(ctx, fxX, fxY, 3, rigTintStr);
+  }
+  const scoreY = pitchToY(Math.min(52, farTopPitch + 24));
+  const scoreW = Math.max(60, halfW * 0.4);
+  const scoreH = Math.max(24, scoreW * 0.34);
+  ctx.strokeStyle = "rgba(70,78,102,0.6)";
+  ctx.lineWidth = 1.5;
+  ctx.beginPath();
+  ctx.moveTo(cx - scoreW * 0.3, scoreY - scoreH / 2);
+  ctx.lineTo(cx - scoreW * 0.16, scoreY - scoreH * 2.2);
+  ctx.moveTo(cx + scoreW * 0.3, scoreY - scoreH / 2);
+  ctx.lineTo(cx + scoreW * 0.16, scoreY - scoreH * 2.2);
+  ctx.stroke();
+  ctx.fillStyle = "#0d1220";
+  ctx.fillRect(cx - scoreW / 2, scoreY - scoreH / 2, scoreW, scoreH);
+  const screen = ctx.createLinearGradient(0, scoreY - scoreH * 0.3, 0, scoreY + scoreH * 0.42);
+  screen.addColorStop(0, `rgba(${rigTintStr},0.5)`);
+  screen.addColorStop(1, "rgba(255,214,160,0.32)");
+  ctx.fillStyle = screen;
+  ctx.fillRect(cx - scoreW * 0.42, scoreY - scoreH * 0.3, scoreW * 0.84, scoreH * 0.72);
+  ctx.fillStyle = "rgba(255,214,160,0.55)";
+  ctx.fillRect(cx - scoreW / 2, scoreY + scoreH / 2 - 2, scoreW, 2);
+  const scoreGlow = ctx.createRadialGradient(cx, scoreY, 4, cx, scoreY, scoreW * 1.1);
+  scoreGlow.addColorStop(0, `rgba(${rigTintStr},0.2)`);
+  scoreGlow.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = scoreGlow;
+  ctx.fillRect(cx - scoreW * 1.1, scoreY - scoreW * 0.8, scoreW * 2.2, scoreW * 1.6);
+  const airGlow = ctx.createRadialGradient(cx, (trussY + topCy) / 2, 6, cx, (trussY + topCy) / 2, halfW * 1.5);
+  airGlow.addColorStop(0, `rgba(${rigTintStr},${(0.1 * (0.6 + nearGlow * 0.5)).toFixed(3)})`);
+  airGlow.addColorStop(1, "rgba(0,0,0,0)");
+  ctx.fillStyle = airGlow;
+  ctx.fillRect(cx - halfW * 1.5, trussY - 40, halfW * 3, topCy - trussY + 80);
+  ctx.restore();
+  const keyX = cx + Math.sign(leadX - cx || 1) * halfW * 0.5;
+  drawBeam(ctx, keyX, trussY - trussRy * 0.4, leadX, spotY(lead), 2.5, halfW * 0.16, "255,224,178", 0.42 * (0.7 + nearGlow * 0.4));
+  const pool2 = ctx.createRadialGradient(leadX, spotY(lead), 1, leadX, spotY(lead), halfW * 0.2);
+  pool2.addColorStop(0, `rgba(255,228,185,${(0.4 * nearGlow).toFixed(3)})`);
+  pool2.addColorStop(1, "rgba(255,228,185,0)");
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = pool2;
+  ctx.beginPath();
+  ctx.ellipse(leadX, spotY(lead), halfW * 0.2, topRy * 0.24, 0, 0, TAU);
+  ctx.fill();
+  ctx.restore();
+}
+function drawSportScene(ctx, distM, eyeM, scene, _nearGlow, baseHue, rigTintStr, rand) {
+  const cx = W / 2;
+  const surfR = Math.max(10, scene.voidRadiusM);
+  const nearEdge = Math.max(2, distM - surfR);
+  const farEdge = distM + surfR;
+  const halfYaw = Math.min(78, Math.atan2(surfR * 1.15, distM) * 180 / Math.PI);
+  const nearPitch = Math.atan2(-eyeM, nearEdge) * 180 / Math.PI;
+  const farPitch = Math.atan2(-eyeM, farEdge) * 180 / Math.PI;
+  const yNear = pitchToY(nearPitch);
+  const yFar = pitchToY(farPitch);
+  const halfW = yawToX(halfYaw) - cx;
+  const cy = (yNear + yFar) / 2;
+  const ry = Math.max(10, (yNear - yFar) / 2);
+  const surfCol = ctx.createRadialGradient(cx, cy, 4, cx, cy, halfW);
+  surfCol.addColorStop(0, "#e8f0fb");
+  surfCol.addColorStop(0.7, "#b9c9e2");
+  surfCol.addColorStop(1, "#8fa3c4");
+  ctx.save();
+  ctx.beginPath();
+  ctx.ellipse(cx, cy, halfW, ry, 0, 0, TAU);
+  ctx.clip();
+  ctx.fillStyle = surfCol;
+  ctx.fillRect(cx - halfW, cy - ry, halfW * 2, ry * 2);
+  ctx.strokeStyle = "rgba(90,120,170,0.5)";
+  ctx.lineWidth = 3;
+  ctx.beginPath();
+  ctx.moveTo(cx, cy - ry);
+  ctx.lineTo(cx, cy + ry);
+  ctx.moveTo(cx - halfW * 0.5, cy - ry);
+  ctx.lineTo(cx - halfW * 0.5, cy + ry);
+  ctx.moveTo(cx + halfW * 0.5, cy - ry);
+  ctx.lineTo(cx + halfW * 0.5, cy + ry);
+  ctx.stroke();
+  ctx.strokeStyle = "rgba(180,90,110,0.45)";
+  ctx.beginPath();
+  ctx.ellipse(cx, cy, ry * 0.9, ry * 0.5, 0, 0, TAU);
+  ctx.stroke();
+  ctx.restore();
+  ctx.strokeStyle = "rgba(210,225,245,0.6)";
+  ctx.lineWidth = 2.5;
+  ctx.beginPath();
+  ctx.ellipse(cx, cy, halfW, ry, 0, 0, TAU);
+  ctx.stroke();
+  ctx.fillStyle = "rgba(20,26,40,0.8)";
+  for (let i = 0; i < 5; i++) {
+    const px = cx + (rand() - 0.5) * halfW * 1.4;
+    const py = cy + (rand() - 0.5) * ry * 1.1;
+    const s = Math.max(2, ry * 0.06);
     ctx.beginPath();
-    ctx.moveTo(bx - 8, pitchToY(Math.min(60, stageTopPitch + 25)));
-    ctx.lineTo(bx - (sx1 - sx0) * 0.09, sy1);
-    ctx.lineTo(bx + (sx1 - sx0) * 0.09, sy1);
-    ctx.lineTo(bx + 8, pitchToY(Math.min(60, stageTopPitch + 25)));
-    ctx.closePath();
+    ctx.ellipse(px, py, s * 0.6, s, 0, 0, TAU);
     ctx.fill();
   }
-  ctx.globalAlpha = 1;
-  ctx.fillStyle = "rgba(199, 210, 254, 0.8)";
-  for (let i = 0; i < 26; i++) {
-    const x = i / 26 * W;
-    const y = pitchToY(55 + i % 3 * 6);
+  const wash = ctx.createRadialGradient(cx, cy, 4, cx, cy, halfW * 1.4);
+  wash.addColorStop(0, "rgba(200,220,255,0.12)");
+  wash.addColorStop(1, "rgba(200,220,255,0)");
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = wash;
+  ctx.fillRect(cx - halfW * 1.4, yFar - ry, halfW * 2.8, yNear - yFar + ry * 2);
+  ctx.restore();
+  const sbY = pitchToY(Math.min(66, farPitch + 60));
+  const sbW = Math.max(80, halfW * 0.7);
+  const sbH = sbW * 0.5;
+  const sbGlow = ctx.createRadialGradient(cx, sbY, 4, cx, sbY, sbW * 1.6);
+  sbGlow.addColorStop(0, `rgba(${rigTintStr},0.3)`);
+  sbGlow.addColorStop(1, `rgba(${rigTintStr},0)`);
+  ctx.save();
+  ctx.globalCompositeOperation = "lighter";
+  ctx.fillStyle = sbGlow;
+  ctx.fillRect(cx - sbW * 1.6, sbY - sbW * 1.2, sbW * 3.2, sbW * 2.4);
+  ctx.restore();
+  ctx.fillStyle = "#080b12";
+  ctx.beginPath();
+  ctx.moveTo(cx - sbW / 2, sbY - sbH / 2);
+  ctx.lineTo(cx + sbW / 2, sbY - sbH / 2);
+  ctx.lineTo(cx + sbW * 0.6, sbY);
+  ctx.lineTo(cx + sbW / 2, sbY + sbH / 2);
+  ctx.lineTo(cx - sbW / 2, sbY + sbH / 2);
+  ctx.lineTo(cx - sbW * 0.6, sbY);
+  ctx.closePath();
+  ctx.fill();
+  const screenHue = baseHue;
+  for (let i = 0; i < 3; i++) {
+    const scol = hslToRgb(screenHue + i * 30, 0.5, 0.5);
+    ctx.fillStyle = `rgba(${scol[0]},${scol[1]},${scol[2]},0.75)`;
+    const swid = sbW * 0.26;
+    ctx.fillRect(cx - sbW * 0.42 + i * (swid + sbW * 0.06), sbY - sbH * 0.32, swid, sbH * 0.64);
+  }
+  ctx.fillStyle = `rgba(${rigTintStr},0.9)`;
+  for (let i = 0; i < 8; i++) {
+    const lx = cx - sbW * 0.6 + sbW * 1.2 * i / 7;
     ctx.beginPath();
-    ctx.arc(x, y, 3.2, 0, Math.PI * 2);
+    ctx.arc(lx, sbY + sbH * 0.62, 2.4, 0, TAU);
     ctx.fill();
   }
-  const stageBearing = Math.atan2(dx, -dy);
-  ctx.fillStyle = "rgba(16, 20, 30, 0.95)";
+}
+function drawAudience(ctx, seat, neighborSeats, _focalPoint, stageBearing, eyeM, dx, dy, hasRelief, scene) {
+  const own = seat.sectionId;
+  let seatAhead = false;
+  const figs = [];
   for (const other of neighborSeats) {
     if (other.id === seat.id) continue;
     const ox = other.x - seat.x;
     const oy = other.y - seat.y;
     const d = Math.hypot(ox, oy) * UNIT;
-    if (d < 0.3 || d > 14) continue;
+    if (own && other.sectionId === own && d < 3 && ox * dx + oy * dy > 0) seatAhead = true;
+    if (d < 0.3 || d > 32) continue;
     const bearing = Math.atan2(ox, -oy) - stageBearing;
     const yaw = (bearing * 180 / Math.PI + 540) % 360 - 180;
-    const headPitch = -Math.atan2(0.35, d) * 180 / Math.PI;
-    const headR = Math.min(46, 260 / (d / UNIT / 24 + 1.2) / 4);
-    const hx = yawToX(yaw);
-    const hy = pitchToY(headPitch);
-    ctx.beginPath();
-    ctx.arc(hx, hy, headR, 0, Math.PI * 2);
-    ctx.fill();
-    ctx.beginPath();
-    ctx.ellipse(hx, hy + headR * 1.4, headR * 1.7, headR * 0.9, 0, Math.PI, 0, true);
-    ctx.fill();
+    const rise = hasRelief ? (other.eyeHeightM ?? SEATED_EYE_HEIGHT_M) - eyeM : 0;
+    const headPitch = Math.atan2(rise - 0.28, d) * 180 / Math.PI;
+    if (headPitch > 10 && d > 5) continue;
+    let hh = 0;
+    for (let k = 0; k < other.id.length; k++) hh = hh * 31 + other.id.charCodeAt(k) & 65535;
+    const jitter = 0.9 + (hh & 15) / 40;
+    const r = Math.min(78, Math.atan2(0.16, d) * 180 / Math.PI * PX_PER_DEG * jitter);
+    if (r < 1.2) continue;
+    figs.push({ hx: yawToX(yaw), hy: pitchToY(headPitch), r, d, hash: hh });
+  }
+  figs.sort((a, b) => b.d - a.d);
+  const figRows = [];
+  {
+    const byY = [...figs].sort((a, b) => a.hy - b.hy);
+    let cur = [];
+    const flush = () => {
+      if (!cur.length) return;
+      const d = cur.reduce((s, f) => s + f.d, 0) / cur.length;
+      const hy = cur.reduce((s, f) => s + f.hy, 0) / cur.length;
+      const r = cur.reduce((s, f) => s + f.r, 0) / cur.length;
+      figRows.push({ figs: cur.sort((a, b) => b.d - a.d), d, hy, r });
+      cur = [];
+    };
+    for (const f of byY) {
+      const last = cur[cur.length - 1];
+      if (last && Math.abs(f.hy - last.hy) > Math.max(5, (last.r + f.r) / 2 * 1.7)) flush();
+      cur.push(f);
+    }
+    flush();
+  }
+  figRows.sort((a, b) => b.d - a.d);
+  const CLOTHES = [[22, 26, 40], [28, 27, 42], [24, 31, 46], [31, 30, 47], [20, 24, 36]];
+  for (const row of figRows) {
+    if (row.figs.length >= 3 && row.r >= 1.6 && row.r < 26) {
+      const runs = [];
+      const byX = [...row.figs].sort((a, b) => a.hx - b.hx);
+      let run = [];
+      for (const f of byX) {
+        const last = run[run.length - 1];
+        if (last && f.hx - last.hx > Math.max(14, f.r * 7)) {
+          if (run.length >= 3) runs.push(run);
+          run = [];
+        }
+        run.push(f);
+      }
+      if (run.length >= 3) runs.push(run);
+      const stripAlpha = Math.min(0.42, 0.5 * (1 - row.d / 42));
+      if (stripAlpha > 0.05) {
+        ctx.fillStyle = `rgba(15, 19, 31, ${stripAlpha.toFixed(3)})`;
+        for (const seg of runs) {
+          const x0 = seg[0].hx - row.r * 1.6;
+          const x1 = seg[seg.length - 1].hx + row.r * 1.6;
+          ctx.beginPath();
+          ctx.roundRect(x0, row.hy + row.r * 0.8, x1 - x0, row.r * 2.4, row.r * 0.8);
+          ctx.fill();
+        }
+      }
+    }
+    for (const f of row.figs) {
+      const alpha = f.d < 12 ? 0.95 : f.d < 17 ? Math.max(0.66, 0.95 - (f.d - 12) / 18) : Math.max(0.3, 0.68 - (f.d - 17) / 34);
+      const lift = Math.round((1 - Math.min(1, f.d / 16)) * 10);
+      const headTone = [14 + (f.hash >> 4 & 6) + lift, 17 + (f.hash >> 4 & 6) + lift, 25 + (f.hash >> 4 & 6) + lift];
+      const clo0 = CLOTHES[f.hash % CLOTHES.length];
+      const clothing = [clo0[0] + lift, clo0[1] + lift, clo0[2] + lift];
+      if (f.r >= 13) {
+        const rim = f.d < 9 ? 0.16 * (1 - f.d / 9) + (scene.mode === "proscenium" ? 0.06 : 0) : 0;
+        drawSeated(ctx, f.hx, f.hy, f.r, {
+          tone: headTone,
+          clothing,
+          alpha,
+          tilt: ((f.hash >> 2 & 7) - 3.5) * 0.018,
+          // ±~7°
+          shoulderK: 1.72 + (f.hash >> 5 & 7) / 22,
+          // ~1.72..2.04
+          hair: f.hash % HAIR_KINDS,
+          rim,
+          turn: ((f.hash >> 8 & 7) - 3.5) * 0.034,
+          // ±~0.12 head-radii sideways
+          lean: ((f.hash >> 10 & 3) - 1.5) * 0.09
+          // one shoulder rides higher
+        });
+      } else if (f.r >= 5.5) {
+        drawSeatedMid(ctx, f.hx, f.hy, f.r, clothing, headTone, alpha);
+      } else {
+        ctx.fillStyle = `rgba(${headTone[0]},${headTone[1]},${headTone[2]},${alpha.toFixed(3)})`;
+        ctx.beginPath();
+        ctx.arc(f.hx, f.hy, f.r, 0, TAU);
+        ctx.fill();
+        ctx.beginPath();
+        ctx.ellipse(f.hx, f.hy + f.r * 1.4, f.r * 1.85, f.r * 0.95, 0, Math.PI, 0, true);
+        ctx.fill();
+      }
+    }
+  }
+  if (seatAhead) {
+    const railTop = pitchToY(-34);
+    ctx.fillStyle = "rgba(6, 8, 14, 0.92)";
+    ctx.fillRect(0, railTop, W, H - railTop);
+    ctx.fillStyle = "rgba(24, 30, 46, 0.9)";
+    const humps = 16;
+    for (let i = 0; i < humps; i++) {
+      const cx = (i + 0.5) / humps * W;
+      ctx.beginPath();
+      ctx.ellipse(cx, railTop + 6, W / humps * 0.42, 22, 0, Math.PI, 0, true);
+      ctx.fill();
+    }
   }
-  const poleFade = ctx.createLinearGradient(0, 0, 0, H);
-  poleFade.addColorStop(0, "rgba(0,0,0,0.85)");
-  poleFade.addColorStop(0.12, "rgba(0,0,0,0)");
-  poleFade.addColorStop(0.88, "rgba(0,0,0,0)");
-  poleFade.addColorStop(1, "rgba(0,0,0,0.85)");
-  ctx.fillStyle = poleFade;
-  ctx.fillRect(0, 0, W, H);
-  return { url: canvas.toDataURL("image/jpeg", 0.82), distanceM: Math.round(distM) };
 }
 var TW = 480;
 var TH = 270;
@@ -8631,12 +8702,16 @@ function generateSeatThumb(seat, focalPoint, _neighborSeats) {
   const dx = focalPoint.x - seat.x;
   const dy = focalPoint.y - seat.y;
   const distM = Math.max(2, Math.hypot(dx, dy) * UNIT);
+  const rand = rng(fnv1a(`${seat.id}|${Math.round(focalPoint.x)},${Math.round(focalPoint.y)}`));
+  const baseHue = 210 + rand() * 150;
+  const rigTint = hslToRgb(220 + (rand() - 0.5) * 60, 0.55, 0.82);
+  const rigTintStr = `${rigTint[0]},${rigTint[1]},${rigTint[2]}`;
   const sky = ctx.createLinearGradient(0, 0, 0, TH);
-  sky.addColorStop(0, "#05070c");
-  sky.addColorStop(0.44, "#141b30");
-  sky.addColorStop(0.5, "#1b2440");
-  sky.addColorStop(0.58, "#10141f");
-  sky.addColorStop(1, "#070910");
+  sky.addColorStop(0, "#080b12");
+  sky.addColorStop(0.44, "#151c32");
+  sky.addColorStop(0.5, "#1d2644");
+  sky.addColorStop(0.58, "#161c2e");
+  sky.addColorStop(1, "#131829");
   ctx.fillStyle = sky;
   ctx.fillRect(0, 0, TW, TH);
   const eyeM = seat.eyeHeightM ?? SEATED_EYE_HEIGHT_M;
@@ -8650,58 +8725,102 @@ function generateSeatThumb(seat, focalPoint, _neighborSeats) {
   const sy1 = pitchToTY(stageBasePitch);
   const sw = sx1 - sx0;
   const sh = sy1 - sy0;
-  const glow = ctx.createRadialGradient(TW / 2, (sy0 + sy1) / 2, 4, TW / 2, (sy0 + sy1) / 2, sw * 1.1);
-  glow.addColorStop(0, "rgba(129,140,248,0.5)");
-  glow.addColorStop(0.5, "rgba(99,102,241,0.15)");
+  const nearGlow = Math.max(0.35, Math.min(1, 1 - (distM - 6) / 60));
+  const archTop = pitchToTY(Math.min(HALF_VFOV - 1, stageTopPitch + 8));
+  const glow = ctx.createRadialGradient(TW / 2, (sy0 + sy1) / 2, 4, TW / 2, (sy0 + sy1) / 2, sw * 1.15);
+  glow.addColorStop(0, "rgba(255,214,150,0.34)");
+  glow.addColorStop(0.28, "rgba(150,150,230,0.3)");
+  glow.addColorStop(0.6, "rgba(99,102,241,0.12)");
   glow.addColorStop(1, "rgba(99,102,241,0)");
   ctx.fillStyle = glow;
   ctx.fillRect(sx0 - sw * 0.6, sy0 - sh * 1.2, sw * 2.2, sh * 3.4);
-  ctx.fillStyle = "#242c44";
-  ctx.fillRect(sx0, sy0, sw, sh);
+  const topCol = hslToRgb(baseHue, 0.62, 0.55);
+  const midCol = hslToRgb(baseHue + 40, 0.7, 0.5);
+  const botCol = hslToRgb(baseHue + 70, 0.78, 0.52);
+  ctx.save();
+  ctx.beginPath();
+  ctx.rect(sx0, sy0, sw, sh);
+  ctx.clip();
   const backdrop = ctx.createLinearGradient(0, sy0, 0, sy1);
-  backdrop.addColorStop(0, "#7c5cff");
-  backdrop.addColorStop(0.5, "#e1447a");
-  backdrop.addColorStop(1, "#f59e0b");
-  ctx.globalAlpha = 0.78;
+  backdrop.addColorStop(0, `rgb(${topCol[0]},${topCol[1]},${topCol[2]})`);
+  backdrop.addColorStop(0.5, `rgb(${midCol[0]},${midCol[1]},${midCol[2]})`);
+  backdrop.addColorStop(1, `rgb(${botCol[0]},${botCol[1]},${botCol[2]})`);
+  ctx.globalAlpha = 0.8;
   ctx.fillStyle = backdrop;
-  const inset = sw * 0.06;
-  ctx.fillRect(sx0 + inset, sy0 + sh * 0.12, sw - inset * 2, sh * 0.62);
+  ctx.fillRect(sx0, sy0, sw, sh);
   ctx.globalAlpha = 1;
-  ctx.fillStyle = "#0d1119";
-  ctx.fillRect(sx0, sy1 - sh * 0.1, sw, sh * 0.1);
-  const ph = sh * 0.45;
-  ctx.fillStyle = "rgba(8,10,16,0.85)";
-  for (const fx of [0.35, 0.5, 0.65]) {
-    const px = sx0 + sw * fx;
-    const py = sy1 - sh * 0.12;
-    ctx.beginPath();
-    ctx.arc(px, py - ph * 0.82, ph * 0.16, 0, Math.PI * 2);
-    ctx.fill();
-    ctx.fillRect(px - ph * 0.14, py - ph * 0.68, ph * 0.28, ph * 0.68);
-  }
-  ctx.globalAlpha = 0.15;
-  ctx.fillStyle = "#c7d2fe";
-  for (const fx of [0.3, 0.5, 0.7]) {
-    const bx = sx0 + sw * fx;
-    ctx.beginPath();
-    ctx.moveTo(bx - 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
-    ctx.lineTo(bx - sw * 0.09, sy1);
-    ctx.lineTo(bx + sw * 0.09, sy1);
-    ctx.lineTo(bx + 5, pitchToTY(Math.min(HALF_VFOV, stageTopPitch + 18)));
-    ctx.closePath();
-    ctx.fill();
+  const fall = ctx.createRadialGradient(TW / 2, (sy0 + sy1) / 2, sw * 0.12, TW / 2, (sy0 + sy1) / 2, sw * 0.6);
+  fall.addColorStop(0, "rgba(6,8,14,0)");
+  fall.addColorStop(0.7, "rgba(6,8,14,0.15)");
+  fall.addColorStop(1, "rgba(5,6,11,0.9)");
+  ctx.fillStyle = fall;
+  ctx.fillRect(sx0, sy0, sw, sh);
+  ctx.restore();
+  const perfCount = 3;
+  const floorY = sy1 - sh * 0.08;
+  for (let i = 0; i < perfCount; i++) {
+    const t2 = (i + 1) / (perfCount + 1);
+    drawPerformer(ctx, sx0 + sw * (0.24 + t2 * 0.52), floorY, sh * 0.46 * (0.9 + rand() * 0.24), {
+      tone: [8, 10, 16],
+      alpha: 0.9,
+      pose: Math.floor(rand() * 4),
+      rim: hslToRgb(baseHue + 20, 0.5, 0.7),
+      rimStrength: 0.7
+    });
   }
-  ctx.globalAlpha = 1;
-  ctx.fillStyle = "rgba(199,210,254,0.75)";
+  ctx.fillStyle = "#05070d";
+  ctx.fillRect(sx0 - sw * 0.5, archTop, sw * 0.5, sy1 - archTop);
+  ctx.fillRect(sx1, archTop, sw * 0.5, sy1 - archTop);
+  const legBot = sw * 0.05 + 2;
+  const legTop = legBot * 1.35;
+  ctx.fillStyle = "#03050a";
+  ctx.beginPath();
+  ctx.moveTo(sx0, sy1);
+  ctx.lineTo(sx0 - legBot, sy1);
+  ctx.lineTo(sx0 - legTop, archTop);
+  ctx.lineTo(sx0 + sw * 0.012, archTop);
+  ctx.closePath();
+  ctx.fill();
+  ctx.beginPath();
+  ctx.moveTo(sx1, sy1);
+  ctx.lineTo(sx1 + legBot, sy1);
+  ctx.lineTo(sx1 + legTop, archTop);
+  ctx.lineTo(sx1 - sw * 0.012, archTop);
+  ctx.closePath();
+  ctx.fill();
+  ctx.fillRect(sx0 - legTop, archTop, sw + legTop * 2, (sy1 - archTop) * 0.13);
+  ctx.fillStyle = `rgba(${rigTintStr},0.12)`;
+  ctx.fillRect(sx0 - 1.2, archTop, 1.2, sy1 - archTop);
+  ctx.fillRect(sx1, archTop, 1.2, sy1 - archTop);
+  ctx.fillStyle = "#0b0f18";
+  ctx.fillRect(sx0 - legBot, sy1 - sh * 0.05, sw + legBot * 2, sh * 0.05 + 2);
+  const foot = ctx.createLinearGradient(0, sy1 - sh * 0.05, 0, sy1 + sh * 0.14);
+  foot.addColorStop(0, `rgba(255,206,140,${(0.5 * nearGlow).toFixed(3)})`);
+  foot.addColorStop(1, "rgba(255,206,140,0)");
+  ctx.fillStyle = foot;
+  ctx.fillRect(sx0 - legBot, sy1 - sh * 0.05, sw + legBot * 2, sh * 0.22);
+  for (let i = 0; i < 3; i++) {
+    const t2 = (i + 1) / 4;
+    const fx = sx0 + sw * t2;
+    const fy = pitchToTY(Math.min(HALF_VFOV - 1, stageTopPitch + 20));
+    drawBeam(ctx, fx, fy, fx + (rand() - 0.5) * sw * 0.14, sy1, 3, sw * 0.09, rigTintStr, 0.17 * nearGlow);
+    drawFixture(ctx, fx, fy, 1.8, rigTintStr);
+  }
+  ctx.fillStyle = `rgba(${rigTintStr},0.75)`;
   for (let i = 0; i < 8; i++) {
     ctx.beginPath();
-    ctx.arc((i + 0.5) / 8 * TW, pitchToTY(HALF_VFOV - 4 - i % 2 * 3), 2.2, 0, Math.PI * 2);
+    ctx.arc((i + 0.5) / 8 * TW, pitchToTY(HALF_VFOV - 4 - i % 2 * 3), 2.2, 0, TAU);
     ctx.fill();
   }
   ctx.fillStyle = "rgba(10,13,20,0.9)";
   ctx.fillRect(0, TH - 26, TW, 26);
   ctx.fillStyle = "rgba(30,37,54,0.9)";
-  for (let i = 0; i < 9; i++) ctx.fillRect(i * (TW / 9) + 6, TH - 22, TW / 9 - 12, 14);
+  for (let i = 0; i < 9; i++) {
+    const bx = i * (TW / 9) + TW / 18;
+    ctx.beginPath();
+    ctx.ellipse(bx, TH - 22, TW / 9 * 0.4, 15, 0, Math.PI, 0, true);
+    ctx.fill();
+  }
   return { url: canvas.toDataURL("image/jpeg", 0.8), distanceM: Math.round(distM) };
 }