@johnmorrisdotca/kyogijo-stadiums 0.6.2 → 0.8.0

package/CHANGELOG.md

@@ -7,6 +7,31 @@ All notable changes to this project are written here. The format follows
 
 ## [Unreleased]
 
+## [0.8.0] - 2026-10-14
+
+### Added
+
+- **The venue in the 3D view** ([docs/turn.md](./docs/turn.md#the-venue)): the stands, roofs and rooms round a surface are raised from the data the package already has, so that a whole stadium, ballpark, arena or dojo turns by mouse drag, finger, keys and buttons. Every tier of `crowdStands()` is a strip of raked planes (a quad to each straight side, three to each corner, a ballpark's points, 28 round an oval) from the height of its first row to its last, with the crowd's own pattern as texture (people, empty seats, row lines, aisles, the visitors' block, the tifo), the walks between the tiers, a low wall under the first row, and the places the stands are left open left open. A ballpark gets its grandstands and bleachers and, where the park has them, the seats on top of the wall (Fenway Park's Green Monster at 37 ft 2 in). A dojo gets its cream walls over a wood wainscot, painted in the floor's own look, with the doors and windows of `dojoRoom()`, the dais, the banner, the shrine, the balconies as steps of seats behind a rail with the crowd in them, overlooking the floor, and the thickness of the mats at their edge. `venue: true | false | { roof, detail }` is the switch: on when the drawing has a `crowd` or is a dojo, off with `uprights: false`; `roof: true` adds a canopy over the top tier or a lid over a hall. The stands and walls fade on the side nearest the eye as the boards do, so the surface is never hidden. A full soccer bowl is about 110 planes and 500 elements and the biggest venues under 1,000, whatever the seats taken; `detail` cuts the curves coarser or finer. The element reads `turn-venue="false"` and `turn-roof`; the demo has a Roof toggle in 3D.
+- **An auto-turn for the 3D view**, a trophy case's slow turn: an Auto-turn toggle button (`aria-pressed`, 44 pixels or more, in English and Japanese) and Space start and stop it; `autoPlay` (`true`, or `"force"`) is the opt-in start, `speed` its degrees a second, `onPlayChange` its callback, and the handle has `playing`, `play()`, `pause()` and `togglePlay()`. It holds while the pointer holds the view, does nothing on a hidden page or off the screen, is stopped by the arrow keys, a viewpoint, the reset or `set`, starts paused for a reader who prefers reduced motion, and moves nothing until Play is pressed unless `autoPlay` asks. The element reads `turn-autoplay` and `turn-speed`.
+
+### Changed
+
+- **The Kodokan's gallery is as its owner counts it, in 2D and 3D.** `dojo.balcony` takes `rows` and `sections` (the seats in each block of a row, with an aisle between blocks, the same on every side): the main dojo has `{ rows: 3, sections: [5, 8, 8, 8, 5] }`, 34 seats to a row and 102 to a side, per the owner and his photographs. `dojoRoom()`'s balconies carry `sections`, `seatWidth`, `aisle`, `aisles` (the shares of a side the aisles lie at) and `sectionsBasis`, and `dojoGallery()` returns `sections` and `aisles`; a side with no `sections` is cut into blocks of about 9 m (ours). The gallery is 3 rows deep by default and its seats are empty: a dojo's crowd density defaults to 0 and people are drawn only when `density` or `attendance` asks. In 2D the aisles lie across the band and each row is dashed cushions with a darker line of backs; in 3D the seats are dark brown cushions and backs in blocks on dark treads, the aisles lighter wood with their stairs, a white rail, honey wood panelling on the walls under the gallery, plain off-white above it with a clock, two doors and three windows, the kamiza's alcove with a framed shrine, a scroll and a plain purple banner, and, with `roof: true`, a pale ceiling band with box lights. The surround of a dojo (when it has one) is polished hardwood: the basketball floor's boards and seams, at half strength, under a warm satin sheen.
+
+- **A dojo's gallery is a proper balcony in 3D and neat seat rows in 2D.** In 3D each balcony has a floor slab that projects over the room (with its thickness showing), a white rail with two bars and posts on its edge, and four tiers of seats drawn as cushions and backs, a seat every 0.6 m, on light treads. In 2D, from above, the gallery is rows of seats along its band (a dashed line to a row, in the gallery's brown) and not a ring of round heads; `crowd` still gives the people in the 3D balcony. The Kodokan's four areas are the IJF's block (8 m areas, 4 m shared safety between them, 3.2 m round in the 26.4 m square of 420 jō): the pale areas are 256 m² of 697.
+
+- **The mats look like mats, in 2D and 3D.** The seams between tatami are drawn a few per cent darker than the mat (ink at 12%, they were 26%), the weave is dark ridges 3% deep at most (it had white ridges 14% deep), the faint light line on the mat edges is a 4% dark one, and the heri, which drew heavy dark bands between the mats, is as faint as a seam unless `colours.heri` names a colour (`--ky-bud-hop` then restores its 0.82). A contest area is just another colour of mat. The walls of every look are a light cream, not a dark grey. This is the drawing of the dojo, judo, karate and kendo themselves, so every drawing of them changes (their fingerprints in the identity test are made again).
+- **The dojo's room is a storey high and its gallery is on the upper level.** A dojo with a gallery has walls 4.5 m high, the gallery's floor level with their tops (it was 3 m walls under a gallery at 4 m), the gallery as steps of seats behind a white rail, three large windows high in the wall behind it on the east side, and, with `roof: true`, a pale ceiling over it; `dojoRoom()` gives `upperWindows` and `ceiling` (all ours). The Kodokan's main dojo has a polished wood floor 4 m wide all round the mats (it was 1 m), so its walls stand far out.
+
+- A 3D view with a crowd no longer lays the flat crowd on its floor: the stands are planes, and the floor is the surface with the ground they stand on. `venue: false` gives the flat crowd back. The crowd's `patterns()` take an optional row-lines argument (the 2D drawing is byte for byte as it was).
+
+## [0.7.0] - 2026-10-14
+
+### Removed
+
+- **`roadToFinal` and the road-to-the-final chart moved to [`@johnmorrisdotca/taisen-brackets`](https://www.npmjs.com/package/@johnmorrisdotca/taisen-brackets)** (0.4.0 and later; its `/road` entry), where it is built on the bracket package and shares its look. There is no shim here: import it from taisen. Gone from `@johnmorrisdotca/kyogijo-stadiums/charts`: `roadToFinal`, `ROAD_SIZES`, `KYOGIJO_ROAD_STYLE` (and from `KYOGIJO_STYLE`) and the types `RoadChart`, `RoadDecided`, `RoadFinal`, `RoadFinalist`, `RoadGroupMatch`, `RoadMatch`, `RoadOptions`, `RoadRecord`, `RoadScore`, `RoadSize`, `RoadSizeInfo` and `RoadTotals`. The `road` words are gone from `KYOGIJO_STRINGS` (a custom set of words no longer has to give them), and the docs' section, the demo's "Road to the final" section, its gallery items and its tests went with it.
+- **The round mark stays.** `Team.mark`, `markShape` and `KYOGIJO_MARK_STYLE` are for surfaces and are unchanged. The demo's section for them is now "Round marks" (a pitch wide and tall, and a badge), with its own sixteen made-up nations in `demo/nations.js`, the same flags as before.
+
 ## [0.6.2] - 2026-10-14
 
 ### Fixed

package/README.md

@@ -98,10 +98,10 @@ console.log(svg.startsWith("<svg"), svg.includes("Northern Owls 3, Lakeshore Anc
 - **Wide, tall or fit the box.** Every surface lies wide or tall: tall turns it a quarter, keeps every word upright and puts the teams top and bottom. With `orientation: "auto"` the browser helpers follow the box.
 - **Where a point lies, by the rules, and a click as a place.** `zoneAt("nhl", [69, 22], { frame: "nhl-api" })` names the zone and the area in it from the rink's, court's, pitch's, park's or field's own figures (the offensive zone and its face-off circle, the frontcourt and the corner three, the attacking third and the six-yard box, the infield and the warning track, the red zone and between the hashes), with `isThreePointer`, `inSlot`, `inPenaltyArea`, `isFair`, `overWall` and the like, and `isHomeRun(park, point, { height })` from the park's fence and wall; `clientPointToField(svg, x, y, { provider })` is a pointer's place in any of the frames, with the zone, and `fieldPointToClient` the way back. `marks: true` writes `data-mark-id`, `data-index` and `data-zone` on every mark of a layer, for one listener to link it to a table. [Zones](./docs/zones.md), [pointing](./docs/pointer.md).
 - **Goals, the strike zone and the stumps, end-on.** A goal mouth for hockey (6 by 4 feet), soccer, handball, water polo, lacrosse (6 by 6) and field hockey with the shots laid on it and its zones (the top shelf, the five-hole, the corners), the catcher's view of the strike zone with its nine and thirteen zones and the pitches numbered, and the wicket from the bowler's end with its line and length zones. [Targets](./docs/targets.md).
-- **Data on the surface.** Points, lines, arrows, text, heat maps, hexagons, zone charts and density contours over any surface, in its feet or a data provider's frame, cut to its outline, with a table for each layer; ready-made shot and pass charts, and the road to a tournament's final (`roadToFinal`: the two finalists' matches as round flags with the scores, in four sizes). [Data layers](./docs/layers.md), [charts](./docs/charts.md).
+- **Data on the surface.** Points, lines, arrows, text, heat maps, hexagons, zone charts and density contours over any surface, in its feet or a data provider's frame, cut to its outline, with a table for each layer; ready-made shot and pass charts (the road to a tournament's final moved to [`@johnmorrisdotca/taisen-brackets`](https://www.npmjs.com/package/@johnmorrisdotca/taisen-brackets), its `/road` entry). [Data layers](./docs/layers.md), [charts](./docs/charts.md).
 - **Small multiples and backgrounds.** `drawGrid` puts many drawings in one SVG, under a title and a subtitle, over a credit line, with a key they share, in a size for a social card, a square post or a phone; `background` lays a quiet pattern (felt, grass, wood, ice, paper, a grid, dots) or a photograph behind a drawing or a grid. [Layouts and backgrounds](./docs/layouts.md).
 - **Replay.** Tracking data played on any surface: the players with their numbers, the ball and its trail, and the passes, shots and goals as they happen, with controls, the keyboard and a live region, steps for a reader who prefers reduced motion, and a pause when the page is hidden. [Replay](./docs/replay.md).
-- **A 3D view.** Any surface as a floor that turns by mouse, touch, wheel or keys, with four viewpoints (overhead, broadcast, end-on, low corner) and a reset, and what the rulebook stands on it at its height: the net and antennae of volleyball, the nets of tennis, badminton, pickleball and table tennis, baskets and stanchions, rink boards and glass, goals, the posts of football, rugby, Gaelic and Australian football, stumps, a ballpark's fence, the walls of padel, squash and racquetball (cut away on the side nearest the eye), a swimming pool's blocks and flags, a diving well's boards and platforms, a water polo goal, a jump's uprights and bar, a throwing cage, the hurdles, and the padding of a skating track. Plain DOM and CSS over the same SVG, flat where 3D is not drawn. [The 3D view](./docs/turn.md).
+- **A 3D view.** Any surface as a floor that turns by mouse, touch, wheel or keys, with four viewpoints (overhead, broadcast, end-on, low corner) and a reset, and what the rulebook stands on it at its height: the net and antennae of volleyball, the nets of tennis, badminton, pickleball and table tennis, baskets and stanchions, rink boards and glass, goals, the posts of football, rugby, Gaelic and Australian football, stumps, a ballpark's fence, the walls of padel, squash and racquetball (cut away on the side nearest the eye), a swimming pool's blocks and flags, a diving well's boards and platforms, a water polo goal, a jump's uprights and bar, a throwing cage, the hurdles, and the padding of a skating track; and the venue round it, raised from the same data (the raked stands of a `crowd` with the people on them, a ballpark's grandstands and the seats on its wall, roofs on request, a dojo's walls, dais, banner and gallery), faded on the side nearest the eye, with an auto-turn toggle. Plain DOM and CSS over the same SVG, flat where 3D is not drawn. [The 3D view](./docs/turn.md).
 - **Renderers.** The same drawing as plain data (a scene), on a canvas (a browser's or a Node canvas), in a d3 selection, as a mark of an Observable Plot, as GeoJSON and as a PNG in Node, each an entry of its own that imports nothing from outside the package. [Renderers](./docs/renderers.md).
 - **Units and frames.** Each surface in its rulebook's unit and any other, and 48 coordinate frames (ten soccer providers, the NHL API, HockeyTech, NBA stats, NFL tracking, MLBAM, Retrosheet, a curling stone's place from the button, a place from the net in each net sport (from the centre of the court in squash, racquetball, roundnet and netball), the centre of each field sport's surface, the middle of the water of each pool, the middle of the athletics stadium and of each skating rink) to move a provider's points onto a surface. [Units](./docs/units.md), [coordinate frames](./docs/frames.md).
 - **A compact badge and a compact card.** One strip for a list, or the surface with that strip under it.

package/dist/budo/looks.js

@@ -15,7 +15,7 @@ function pair(light, k = 0.34) {
     return { light, dark };
 }
 const FLOOR = "#c9a26a";
-const WALLS = "#7d756a";
+const WALLS = "#d8d0bd";
 const COMMON = { apron: "#d6d3cb", free: "#e8e4d8", floor: FLOOR, boards: WALLS };
 const MATS = {
     "yellow-red": pair({ ...COMMON, surface: "#f4c430", alt: "#c9343b", red: "#b32a2f" }),

package/dist/budo/room.d.ts

@@ -33,6 +33,16 @@ export interface RoomBalcony {
     rowRise: number;
     /** The height of the rail along the front edge. */
     rail: number;
+    /** The seats in each block of a row, from one end of the side to the other: an aisle lies between one block and the next. The same in every row. */
+    sections: number[];
+    /** How wide a seat is, in metres: the side's length less its aisles, over its seats (a seat is 0.6 m or a little more). */
+    seatWidth: number;
+    /** The width of an aisle, in metres (ours). */
+    aisle: number;
+    /** Where the aisles' middles lie along the side, as shares of its length from 0 to 1. */
+    aisles: number[];
+    /** Whether the blocks of seats are the options' (`given`) or cut by us from the side's length. */
+    sectionsBasis: "given" | "ours";
 }
 /** The room round a budō surface. */
 export interface DojoRoom {
@@ -74,6 +84,19 @@ export interface DojoRoom {
     balconies: RoomBalcony[];
     doors: RoomOpening[];
     windows: RoomOpening[];
+    /** The windows high in the wall behind a gallery (a clerestory): the side, the stretch along the wall from its start (metres), the sill and the head, ours. */
+    upperWindows: {
+        side: Compass;
+        from: number;
+        to: number;
+        sill: number;
+        head: number;
+    }[];
+    /** How high the room goes above a gallery's floor, for a ceiling over the gallery, and the height of that floor: undefined for a room with no gallery (ours). */
+    ceiling: {
+        gallery: number;
+        height: number;
+    } | undefined;
     /** The shrine of a dojo (the shinzen), with its height. */
     shrine: {
         box: MBox;
@@ -94,6 +117,9 @@ export interface DojoGallery {
     offset: number;
     depth: number;
     rows: number;
+    /** The seats in each block of a row, and where the aisles lie along a side (shares of its length). */
+    sections: number[];
+    aisles: number[];
     height: [number, number];
 }
 /** Our heights, in metres, where no source gives one. */
@@ -107,13 +133,19 @@ export declare const ROOM_HEIGHTS: Readonly<{
     windowHead: 2.4;
     shrine: 1.2;
     rail: 1;
-    balcony: 4;
+    balcony: 4.5;
+    ceiling: 4.5;
     mat: 0.05;
     rowRise: 0.4;
     rowDepth: 0.8;
     balconyDepth: 2.4;
-    balconyRows: 4;
+    balconyRows: 3;
+    aisle: 1.2;
+    seat: 0.6;
+    blockLength: 9.14;
 }>;
+/** The blocks of a row along a side `length` metres long: the options' `given`, else as many as a block of about 9 m allows (two at least), each as many seats as fit at 0.6 m with the aisles between. */
+export declare function sectionsFor(length: number, given?: readonly number[]): number[];
 /**
  * The room of a budō surface as data: what a 3D view raises. A dojo has its walls (3 m, ours), wood surround, dais, banner, balconies, doors, windows and shrine as its spec asks for them; the other
  * surfaces have what they have (the mats' thickness, the dohyō's platform at its height, the Budokan's octagon). Heights that no source gives are ours and are listed in `notes`.

package/dist/budo/room.js

@@ -1,7 +1,15 @@
 import { dojoSpecOf } from "./dojo.js";
 import { BUDOKAN_ARENA, budoPlan } from "./plan.js";
 /** Our heights, in metres, where no source gives one. */
-export const ROOM_HEIGHTS = Object.freeze({ wall: 3, dais: 0.3, bannerBottom: 1, bannerTop: 3, door: 2, windowSill: 1, windowHead: 2.4, shrine: 1.2, rail: 1, balcony: 4, mat: 0.05, rowRise: 0.4, rowDepth: 0.8, balconyDepth: 2.4, balconyRows: 4 });
+export const ROOM_HEIGHTS = Object.freeze({ wall: 3, dais: 0.3, bannerBottom: 1, bannerTop: 3, door: 2, windowSill: 1, windowHead: 2.4, shrine: 1.2, rail: 1, balcony: 4.5, ceiling: 4.5, mat: 0.05, rowRise: 0.4, rowDepth: 0.8, balconyDepth: 2.4, balconyRows: 3, aisle: 1.2, seat: 0.6, blockLength: 9.14 });
+/** The blocks of a row along a side `length` metres long: the options' `given`, else as many as a block of about 9 m allows (two at least), each as many seats as fit at 0.6 m with the aisles between. */
+export function sectionsFor(length, given) {
+    if (given !== undefined && given.length > 0 && given.every((k) => Number.isInteger(k) && k > 0))
+        return [...given];
+    const blocks = Math.max(2, Math.round(length / ROOM_HEIGHTS.blockLength));
+    const seats = Math.max(1, Math.floor((length - (blocks - 1) * ROOM_HEIGHTS.aisle) / blocks / ROOM_HEIGHTS.seat));
+    return Array.from({ length: blocks }, () => seats);
+}
 const SIDES = ["north", "east", "south", "west"];
 const COMPASS = { north: "north", south: "south", east: "east", west: "west", top: "north", bottom: "south", left: "west", right: "east" };
 /**
@@ -24,7 +32,7 @@ export function dojoRoom(o) {
     const mv = (b) => ({ x0: b.x0 - ox, y0: b.y0 - oy, x1: b.x1 - ox, y1: b.y1 - oy });
     const floor = mv(plan.box);
     const notes = [];
-    const room = { sport: o.sport, unit: "m", floor, mats: undefined, surround: undefined, walls: [], platforms: [], banners: [], balconies: [], doors: [], windows: [], shrine: undefined, hall: undefined, notes };
+    const room = { sport: o.sport, unit: "m", floor, mats: undefined, surround: undefined, walls: [], platforms: [], banners: [], balconies: [], doors: [], windows: [], upperWindows: [], ceiling: undefined, shrine: undefined, hall: undefined, notes };
     if (plan.judo !== undefined) {
         const fig = plan.figures;
         room.mats = { thickness: fig.tatami.thickness, edge: "rounded", basis: "source" };
@@ -35,6 +43,10 @@ export function dojoRoom(o) {
         room.mats = { thickness: ROOM_HEIGHTS.mat, edge: "square", basis: "ours" };
         if (L.surround > 0)
             room.surround = { outer: mv(L.room), inner: mv(L.floor), width: L.surround, material: "wood" };
+        // A dojo with a gallery is a storey high: the gallery's floor is level with the top of the walls, and the walls are as high as the gallery's floor (4.5 m, ours).
+        const gallery = spec.balcony !== undefined && spec.balcony !== false;
+        const galleryOwn = typeof spec.balcony === "object" && spec.balcony !== null ? spec.balcony : {};
+        const wallHeight = gallery ? galleryOwn.height ?? ROOM_HEIGHTS.balcony : ROOM_HEIGHTS.wall;
         if (L.wall > 0) {
             const r = mv(L.room);
             const w = L.wall;
@@ -45,8 +57,8 @@ export function dojoRoom(o) {
                 ["west", [r.x0 - w / 2, r.y1 + w / 2], [r.x0 - w / 2, r.y0 - w / 2]],
             ];
             for (const [side, from, to] of ring)
-                room.walls.push({ id: `wall-${side}`, side, from, to, thickness: w, height: ROOM_HEIGHTS.wall, basis: "ours" });
-            notes.push(`The walls are ${ROOM_HEIGHTS.wall} m high (ours).`);
+                room.walls.push({ id: `wall-${side}`, side, from, to, thickness: w, height: wallHeight, basis: "ours" });
+            notes.push(`The walls are ${wallHeight} m high (ours)${gallery ? ", a storey: the gallery's floor is level with their tops" : ""}.`);
         }
         if (L.dais !== undefined) {
             room.platforms.push({ id: "dais", box: mv(L.dais), height: ROOM_HEIGHTS.dais, basis: "ours" });
@@ -70,9 +82,29 @@ export function dojoRoom(o) {
             for (const side of sides) {
                 const box = side === "north" ? { x0: outer.x0 - depth, y0: outer.y0 - depth, x1: outer.x1 + depth, y1: outer.y0 } : side === "south" ? { x0: outer.x0 - depth, y0: outer.y1, x1: outer.x1 + depth, y1: outer.y1 + depth } : side === "west" ? { x0: outer.x0 - depth, y0: outer.y0, x1: outer.x0, y1: outer.y1 } : { x0: outer.x1, y0: outer.y0, x1: outer.x1 + depth, y1: outer.y1 };
                 const rows = own.rows ?? ROOM_HEIGHTS.balconyRows;
-                room.balconies.push({ side, box, height: own.height ?? ROOM_HEIGHTS.balcony, depth, rows, rowDepth: depth / rows, rowRise: ROOM_HEIGHTS.rowRise, rail: ROOM_HEIGHTS.rail });
+                // The blocks of seats along the side, the seats spread over its length with an aisle between the blocks.
+                const length = side === "north" || side === "south" ? box.x1 - box.x0 : box.y1 - box.y0;
+                const sections = sectionsFor(length, own.sections);
+                const seats = sections.reduce((a, k) => a + k, 0);
+                const aisle = ROOM_HEIGHTS.aisle;
+                const seatWidth = (length - (sections.length - 1) * aisle) / seats;
+                let run = 0;
+                const aisles = sections.slice(0, -1).map((k, i) => {
+                    run += k * seatWidth;
+                    return (run + i * aisle + aisle / 2) / length;
+                });
+                room.balconies.push({ side, box, height: own.height ?? ROOM_HEIGHTS.balcony, depth, rows, rowDepth: depth / rows, rowRise: ROOM_HEIGHTS.rowRise, rail: ROOM_HEIGHTS.rail, sections, seatWidth, aisle, aisles, sectionsBasis: own.sections === undefined ? "ours" : "given" });
+            }
+            // The windows above the gallery, on the east side (ours): three tall panes high in the wall behind its last row.
+            const east = room.balconies.find((x) => x.side === "east");
+            if (east !== undefined) {
+                const along = east.box.y1 - east.box.y0;
+                const top = east.height + east.rows * east.rowRise + east.rail;
+                for (let i = 0; i < 3; i += 1)
+                    room.upperWindows.push({ side: "east", from: along * (0.12 + i * 0.29), to: along * (0.12 + i * 0.29 + 0.25), sill: top + 0.4, head: top + ROOM_HEIGHTS.ceiling - 0.6 });
             }
-            notes.push("The balcony's height, depth and rows are ours; where a source gives its seats (the Kodokan's gallery, about 900) the atlas hall says so.");
+            room.ceiling = { gallery: own.height ?? ROOM_HEIGHTS.balcony, height: (own.height ?? ROOM_HEIGHTS.balcony) + (own.rows ?? ROOM_HEIGHTS.balconyRows) * ROOM_HEIGHTS.rowRise + ROOM_HEIGHTS.rail + ROOM_HEIGHTS.ceiling };
+            notes.push("The balcony's height (4.5 m, a storey), depth and its 3 rows are ours, as are the windows above it and the ceiling, 4.5 m over its last row; where a source gives its seats (the Kodokan's gallery, about 900) the atlas hall says so.");
         }
     }
     if (plan.sumo !== undefined)
@@ -107,5 +139,5 @@ export function dojoGallery(o) {
         return undefined;
     const f = room.floor;
     const offset = Math.min(...room.balconies.map((x) => (x.side === "north" ? f.y0 - x.box.y1 : x.side === "south" ? x.box.y0 - f.y1 : x.side === "west" ? f.x0 - x.box.x1 : x.box.x0 - f.x1)));
-    return { offset, depth: b.depth, rows: b.rows, height: [b.height, b.height + b.rows * b.rowRise] };
+    return { offset, depth: b.depth, rows: b.rows, sections: b.sections, aisles: b.aisles, height: [b.height, b.height + b.rows * b.rowRise] };
 }

package/dist/budo/types.d.ts

@@ -168,12 +168,17 @@ export interface DojoSpec {
     texture?: "weave" | "none";
     /** The wood round the mats, between them and the walls, in metres (none by default; the Kodokan's main dojo has a polished wood surround). */
     surround?: number;
-    /** A spectators' balcony above the floor, as `dojoRoom()` gives it (it is not part of the plan's drawing; `crowd` draws the stands): `true` for all four sides, or the sides, depth in metres (3 by default), seat rows (5) and height above the mats (4 m). */
+    /**
+     * A spectators' balcony above the floor, a storey up, as `dojoRoom()` gives it (it is not part of the plan's drawing; `crowd` draws the stands): `true` for all four sides, or the sides, depth in metres (2.4 by
+     * default), seat rows (3) and height above the mats (4.5 m). `sections` is the number of seats in each block of a row, from one end of a side to the other, with an aisle between blocks (the same on every side): `[5, 8, 8, 8, 5]`
+     * is the Kodokan's, 34 to a row; without it a side is cut into blocks of about 9 m. The seats are spread over the side's length, so a seat is as wide as that makes it.
+     */
     balcony?: boolean | {
         sides?: readonly Side4[];
         depth?: number;
         rows?: number;
         height?: number;
+        sections?: readonly number[];
     };
     /** The seat of honour's platform: a raised wooden dais at the middle of the kamiza wall (a chair stands on it in the Kodokan's main dojo). Off by default. */
     dais?: boolean;

package/dist/budo.style.d.ts

@@ -1,5 +1,5 @@
 /** The rules of a dojo's gallery, the stands of a crowd in a dojo: brown seats and a rail, a few neutral people. */
-export declare const KYOGIJO_BUDO_GALLERY_STYLE = "\n.kyogijo .ky-bud-gbed.ky-bud-gbed{fill:var(--ky-bud-gal,#7a5a3c)}\n.kyogijo .ky-bud-gblk.ky-bud-gblk{fill:var(--ky-bud-gpeople,#a89a86)}\n.kyogijo .ky-bud-gseat.ky-bud-gseat{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.3}\n.kyogijo .ky-bud-rail{stroke:var(--ky-bud-grail,#3a2c1f);stroke-width:1.6;stroke-opacity:.85}\n";
+export declare const KYOGIJO_BUDO_GALLERY_STYLE = "\n.kyogijo .ky-bud-gbed.ky-bud-gbed{fill:var(--ky-bud-gal,#7a5a3c)}\n.kyogijo .ky-bud-gblk.ky-bud-gblk{fill:var(--ky-bud-gpeople,#a89a86)}\n.kyogijo .ky-bud-gseat.ky-bud-gseat{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.3}\n.kyogijo .ky-bud-grow{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.42}\n.kyogijo .ky-bud-gback{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.75}\n.kyogijo .ky-bud-gaisle{stroke:var(--ky-bud-gaisle,#a98863)}\n.kyogijo .ky-bud-rail{stroke:var(--ky-bud-grail,#3a2c1f);stroke-width:1.6;stroke-opacity:.85}\n";
 /** The rules of a drawing of a budō sport in a look: the shared rules and the look's colours. Nothing for another sport. */
 export declare function budoStyle(sport: string, look?: string): string;
 /** Every budō sport's rules and every look, for a page that draws with `style: "none"` and supplies the stylesheet itself. */

package/dist/budo.style.js

@@ -5,8 +5,8 @@ const CLASSES = `
 .kyogijo .ky-bud-t1{fill:var(--ky-surface)}
 .kyogijo .ky-bud-t2{fill:var(--ky-surface-alt,var(--ky-surface))}
 .kyogijo .ky-bud-t3{fill:var(--ky-red)}
-.kyogijo .ky-bud-heri{fill:var(--ky-bud-heri,var(--ky-ink));fill-opacity:.82}
-.kyogijo .ky-bud-seam{stroke:var(--ky-ink);stroke-opacity:.26;fill:none;stroke-linejoin:round}
+.kyogijo .ky-bud-heri{fill:var(--ky-bud-heri,var(--ky-ink));fill-opacity:var(--ky-bud-hop,.07)}
+.kyogijo .ky-bud-seam{stroke:var(--ky-ink);stroke-opacity:.12;fill:none;stroke-linejoin:round}
 .kyogijo .ky-bud-line{stroke:var(--ky-line);fill:none}
 .kyogijo .ky-bud-ink{stroke:var(--ky-ink);fill:none}
 .kyogijo .ky-bud-floor{fill:var(--ky-bud-floor,var(--ky-boards))}
@@ -18,7 +18,7 @@ const CLASSES = `
 .kyogijo .ky-bud-desk{fill:var(--ky-ink);fill-opacity:.55}
 .kyogijo .ky-bud-seat{fill:var(--ky-ink);fill-opacity:.42}
 .kyogijo .ky-bud-shrine{fill:var(--ky-red)}
-.kyogijo .ky-bud-edge{stroke:#fff;stroke-opacity:.2;stroke-width:.03;fill:none}
+.kyogijo .ky-bud-edge{stroke:var(--ky-ink);stroke-opacity:.04;stroke-width:.03;fill:none}
 .kyogijo .ky-bud-dais{fill:var(--ky-bud-floor,var(--ky-boards));stroke:var(--ky-ink);stroke-opacity:.5;stroke-width:.04}
 .kyogijo .ky-bud-banner{fill:var(--ky-ink);fill-opacity:.85}
 .kyogijo .ky-bud-clay{fill:var(--ky-dirt)}
@@ -54,6 +54,9 @@ export const KYOGIJO_BUDO_GALLERY_STYLE = `
 .kyogijo .ky-bud-gbed.ky-bud-gbed{fill:var(--ky-bud-gal,#7a5a3c)}
 .kyogijo .ky-bud-gblk.ky-bud-gblk{fill:var(--ky-bud-gpeople,#a89a86)}
 .kyogijo .ky-bud-gseat.ky-bud-gseat{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.3}
+.kyogijo .ky-bud-grow{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.42}
+.kyogijo .ky-bud-gback{stroke:var(--ky-bud-grail,#3a2c1f);stroke-opacity:.75}
+.kyogijo .ky-bud-gaisle{stroke:var(--ky-bud-gaisle,#a98863)}
 .kyogijo .ky-bud-rail{stroke:var(--ky-bud-grail,#3a2c1f);stroke-width:1.6;stroke-opacity:.85}
 `;
 /** The rules of a drawing of a budō sport in a look: the shared rules and the look's colours. Nothing for another sport. */

package/dist/charts-entry.d.ts

@@ -10,6 +10,3 @@ export type { SplitRow, SplitsOptions, SplitsTotals, SwimmerSplits } from "./cha
 export { passNetwork } from "./charts.network.ts";
 export type { PassNetworkOptions, PassNetworkPass, PassNetworkTotals } from "./charts.network.ts";
 export type { Ball, Chart, ChartOptions, CurlingHeatOptions, CurlingHeatTotals, CurlingOptions, CurlingStone, CurlingStoneResult, CurlingTotals, GoalMouth, GoalMouthOptions, KeyItem, MlbSprayOptions, MlbTotals, NbaShot, NbaShotOptions, NbaTotals, NflPass, NflPassOptions, NflTotals, NhlShot, NhlShotOptions, NhlTotals, SoccerChart, SoccerShot, SoccerShotOptions, SoccerTotals, ZoneTotal } from "./charts.types.ts";
-export { ROAD_SIZES, roadToFinal } from "./road.ts";
-export { KYOGIJO_ROAD_STYLE } from "./road.style.ts";
-export type { RoadChart, RoadDecided, RoadFinal, RoadFinalist, RoadGroupMatch, RoadMatch, RoadOptions, RoadRecord, RoadScore, RoadSize, RoadSizeInfo, RoadTotals } from "./road.types.ts";

package/dist/charts-entry.js

@@ -1,4 +1,4 @@
-// The ready-made charts: shot charts, shot maps, spray charts and pass charts built on the data layers, and the road to a final.
+// The ready-made charts: shot charts, shot maps, spray charts and pass charts built on the data layers.
 export { nbaShotChart, nflPassChart, nhlShotMap } from "./charts.js";
 export { mlbSprayChart } from "./charts.baseball.js";
 export { soccerGoalMouth, soccerShotMap } from "./charts.soccer.js";
@@ -7,5 +7,3 @@ export { curlingHeat } from "./charts.curling.heat.js";
 export { CURLING_HIT_TYPES, curlingEndStats, curlingFreeGuards, curlingGuardScores, curlingHammers, curlingInPlay, curlingIsHit, curlingShotStats } from "./curling.stats.js";
 export { splitsChart } from "./charts.pool.js";
 export { passNetwork } from "./charts.network.js";
-export { ROAD_SIZES, roadToFinal } from "./road.js";
-export { KYOGIJO_ROAD_STYLE } from "./road.style.js";

package/dist/crowd.d.ts

@@ -42,6 +42,8 @@ export interface StandRing {
     rake: number;
     /** The share of its seats that are taken, relative to the stands' (the upper tier is emptier). */
     fill: number;
+    /** A hall's gallery: the rows of seats the band holds. */
+    rows?: number;
     /** The seats the band holds, at a seat's 2 by 2.3 feet. */
     seats: number;
     /** The aisles and vomitories across the band, each from a point on its inner edge to its outer: across the sides, fanning round the corners. */
@@ -154,6 +156,8 @@ export interface LayoutInput {
         offset: number;
         depth: number;
         height: [number, number];
+        rows?: number;
+        aisles?: readonly number[];
     };
     /** The ballpark's fence as points on the field, for a ballpark (see `parkLayout`). */
     fence?: readonly Pt[];

package/dist/crowd.draw.d.ts

@@ -1,4 +1,9 @@
 import { type Crowd, type CrowdStands } from "./crowd.ts";
+/** The tiles a crowd needs: the home tile, the home tile of the upper tiers (emptier) and the visitors', and the display tiles. */
+export declare function patterns(id: string, crowd: Crowd, density: number, tifo: {
+    home: boolean;
+    away: boolean;
+} | undefined, neutral?: boolean, rows?: boolean): string;
 /** How the crowd is drawn: the prefix of ids, the options read, the share of seats taken, the detail, and the class of the ground the stands stand on. */
 export interface DrawInput {
     id: string;

package/dist/crowd.draw.js

@@ -49,8 +49,10 @@ function tile(seed, density, share, team, neutral = false) {
     return el("g", { fill: "none", "stroke-linecap": "round", "stroke-width": 2.3 }, out + headPaths);
 }
 /** The tiles a crowd needs: the home tile, the home tile of the upper tiers (emptier) and the visitors', and the display tiles. */
-function patterns(id, crowd, density, tifo, neutral = false) {
-    const make = (suffix, body, size = TILE) => el("pattern", { id: `${id}-cr-${suffix}`, width: size, height: size, patternUnits: "userSpaceOnUse" }, body);
+export function patterns(id, crowd, density, tifo, neutral = false, rows = false) {
+    // A 3D view's tiles carry the lines of the rows too (a row every third of a tile, along the tile's x), so that a raked plane is textured and not drawn seat by seat.
+    const rowLines = rows ? el("path", { class: "ky-cr-row", d: `M0 .3H${TILE}M0 ${TILE / 3 + 0.3}H${TILE}M0 ${(2 * TILE) / 3 + 0.3}H${TILE}`, fill: "none" }) : "";
+    const make = (suffix, body, size = TILE) => el("pattern", { id: `${id}-cr-${suffix}`, width: size, height: size, patternUnits: "userSpaceOnUse" }, size === TILE ? body + rowLines : body);
     let out = make("h", tile(crowd.seed * 7 + 1, density, neutral ? 0 : 0.88, "ky-cr-h", neutral)) + make("a", tile(crowd.seed * 7 + 3, Math.min(1, density * 1.04), 0.94, "ky-cr-a"));
     if (tifo !== undefined) {
         const stripes = (cls) => el("rect", { class: cls, width: 3, height: 6 }) + el("rect", { class: "ky-cr-tw", x: 3, width: 3, height: 6 });
@@ -105,6 +107,30 @@ function rows(ring) {
     }
     return d.length === 0 ? "" : el("path", { class: "ky-cr-row", d: d.join("") });
 }
+/**
+ * The seats of a hall's gallery seen from above: its band stepped into rows (a gallery's rows are about 0.8 m, 2.6 feet, deep), each row a dashed line for the cushions with a thinner, darker one behind
+ * it for the backs, and the aisles across the band as lighter stripes between the blocks of seats. Plain seats and empty: the people, when asked for, are laid over.
+ */
+function galleryRows(ring) {
+    const h = ring.hole;
+    const depth = ring.to - ring.from;
+    const rows = ring.rows ?? Math.max(1, Math.round(depth / 2.62));
+    if (h === null || h.kind !== "rrect")
+        return "";
+    const step = depth / rows;
+    const line = (k) => outlinePath({ kind: "rrect", x0: h.x0 - k, y0: h.y0 - k, x1: h.x1 + k, y1: h.y1 + k, r: h.r + k });
+    const cushions = [];
+    const backs = [];
+    for (let i = 0; i < rows; i += 1) {
+        const k = (i + 0.5) * step;
+        cushions.push(line(k - step * 0.12));
+        backs.push(line(k + step * 0.32));
+    }
+    const gaps = ring.aisles.map(([[x0, y0], [x1, y1]]) => `M${n1(x0)} ${n1(y0)}L${n1(x1)} ${n1(y1)}`).join("");
+    return (el("path", { class: "ky-bud-grow", d: cushions.join(""), fill: "none", "stroke-width": num(step * 0.5), "stroke-dasharray": "1.5 .5" }) +
+        el("path", { class: "ky-bud-gback", d: backs.join(""), fill: "none", "stroke-width": num(step * 0.16), "stroke-dasharray": "1.5 .5" }) +
+        (gaps === "" ? "" : el("path", { class: "ky-bud-gaisle", d: gaps, fill: "none", "stroke-width": 3.4 })));
+}
 const poly = (points) => `M${points.map(([x, y]) => `${Math.round(x)} ${Math.round(y)}`).join("L")}Z`;
 /** The stands and the crowd as markup and the defs it uses. The markup is laid over the ground and under the surface. */
 export function drawCrowd(stands, o) {
@@ -134,7 +160,10 @@ export function drawCrowd(stands, o) {
         // The upper tiers are a little emptier: their paint is the same tile with the empty seats' bed showing through a veil.
         // The bed of seats under the tile, so that no seam of the pattern shows light.
         const bed = stands.gallery === true ? "ky-cr-bed ky-bud-gbed" : "ky-cr-bed";
-        if (fine)
+        // A hall's gallery, seen from above, is neat rows of seats along its band (a few people are not drawn: it is subtle).
+        if (stands.gallery === true && fine)
+            body += el("path", { class: bed, d: path(ring) }) + galleryRows(ring) + (density > 0 ? el("path", { class: "ky-cr-people", d: path(ring), fill: `url(#${id}-cr-h)` }) : "");
+        else if (fine)
             body += el("path", { class: bed, d: path(ring) }) + el("path", { class: "ky-cr-people", d: path(ring), fill: `url(#${id}-cr-h)` });
         else
             body += el("path", { class: bed, d: path(ring) }) + el("path", { class: stands.gallery === true ? "ky-cr-blk ky-bud-gblk" : "ky-cr-blk", d: path(ring), "fill-opacity": num(0.28 + 0.6 * density * ring.fill) });
@@ -145,7 +174,7 @@ export function drawCrowd(stands, o) {
         body += sector(s, id, fine, density);
     if (fine)
         for (const ring of stands.rings)
-            body += rows(ring) + (stands.gallery === true ? "" : aisles(ring));
+            body += stands.gallery === true ? "" : rows(ring) + aisles(ring);
     // Depth: the front wall of a tier throws a shade on its first rows (and the ground in front of it), the roof's edge on the last rows of the upper tier.
     // A gallery's railing: a line along its front edge, over the seats.
     if (stands.gallery === true)
@@ -166,7 +195,7 @@ export function drawCrowd(stands, o) {
         const [x0, y0, x1, y1] = g.box;
         body += el("rect", { class: `ky-cr-${g.kind}`, x: n1(x0), y: n1(y0), width: n1(x1 - x0), height: n1(y1 - y0), rx: g.kind === "bench" ? 1 : undefined });
     }
-    return { defs: (fine ? patterns(id, crowd, density, tifo.home || tifo.away ? tifo : undefined, stands.gallery === true) : ""), markup: el("g", { class: "ky-crowd" }, body), over };
+    return { defs: (fine && (stands.gallery !== true || density > 0) ? patterns(id, crowd, density, tifo.home || tifo.away ? tifo : undefined, stands.gallery === true) : ""), markup: el("g", { class: "ky-crowd" }, body), over };
 }
 /** A block of visitors or a card display, a polygon over the band it is in. */
 function sector(s, id, fine, density) {

package/dist/crowd.js

@@ -284,6 +284,10 @@ function aislesOf(region, hole) {
     }
     return [];
 }
+/** The aisles of a hall's gallery: on each straight side, one across the band at each of the `shares` (0 to 1) of the side's length, from the first side's left end. */
+function galleryAisles(region, hole, shares) {
+    return [0, 2, 4, 6].flatMap((side) => shares.map((f) => [rrectAt(hole, side + f).p, rrectAt(region, side + f).p]));
+}
 /** The polygon of a band between two aisle parameters: along the outer edge, then back along the inner. */
 function sectionBetween(region, hole, u0, u1) {
     const us = [u0];
@@ -341,7 +345,8 @@ export function layoutOf(input) {
             rake: Math.round((Math.atan2(rise, Math.max(1, t.to - t.from)) * 180) / Math.PI * 10) / 10,
             fill: t.fill,
             seats: seatsIn(region, hole),
-            aisles: aislesOf(region, hole),
+            aisles: gal?.aisles !== undefined && region.kind === "rrect" && hole.kind === "rrect" ? galleryAisles(region, hole, gal.aisles) : aislesOf(region, hole),
+            ...(gal?.rows === undefined ? {} : { rows: gal.rows }),
         });
         reachOf.left = Math.max(reachOf.left, off.left + t.to);
         reachOf.right = Math.max(reachOf.right, off.right + t.to);

package/dist/draw.js

@@ -424,7 +424,7 @@ function standsFor(o, surface, crowd) {
     }
     // A dojo's crowd sits in its gallery, from the room's balcony data (in feet here); the arenas (the Budokan, the Kokugikan) keep their bowls.
     const hall = sport === "dojo" ? dojoGallery(o) : undefined;
-    const gallery = hall === undefined ? undefined : { offset: hall.offset / 0.3048, depth: hall.depth / 0.3048, height: [hall.height[0] / 0.3048, hall.height[1] / 0.3048] };
+    const gallery = hall === undefined ? undefined : { offset: hall.offset / 0.3048, depth: hall.depth / 0.3048, height: [hall.height[0] / 0.3048, hall.height[1] / 0.3048], rows: hall.rows, aisles: hall.aisles };
     return crowdLayout({ sport, box: surface.whole ?? surface.box ?? { x: 0, y: 0, w: 100, h: 100 }, crowd, awaySide, ground: o.ground, arena: o.budo?.hall === "budokan", ...(gallery === undefined ? {} : { gallery }) });
 }
 /** True when the drawing is asked to be small: `detail: "simple"` or a `width` under 480 pixels. */
@@ -451,8 +451,8 @@ function buildCrowded(o, portrait, id, score, scored, extra, crowd) {
     const fine = crowd.detail === "fine" || (crowd.detail === "auto" && !smallDrawing(o));
     const first = /^<[^>]*\/>/.exec(surface.base)?.[0] ?? "";
     const bg = /class="([^"]*)"/.exec(first)?.[1] ?? "ky-apron";
-    // A gallery is sparsely taken unless the options say how full.
-    const taken = stands.gallery === true && crowd.density === undefined && crowd.attendance === undefined ? 0.4 : densityOf(crowd, seats, ground);
+    // A gallery is empty unless the options say how full: its seats are the detail.
+    const taken = stands.gallery === true && crowd.density === undefined && crowd.attendance === undefined ? 0 : densityOf(crowd, seats, ground);
     const drawn = drawCrowd(stands, { id, crowd, density: taken, fine, ground: bg });
     surface.base = first + drawn.markup + surface.base.slice(first.length);
     surface.defs += drawn.defs;
@@ -476,6 +476,9 @@ function colourStyle(o, teams, features) {
         if (c !== undefined)
             for (const [key, property] of [["mat", "--ky-surface"], ["alt", "--ky-surface-alt"], ["border", "--ky-red"], ["heri", "--ky-bud-heri"], ["floor", "--ky-bud-floor"], ["wall", "--ky-boards"]])
                 set(property, c[key]);
+        // A heri the dojo's colours name is drawn as a cloth edge; the stylesheet's own is a faint seam.
+        if (safeColour(c?.heri) !== undefined)
+            props.push("--ky-bud-hop:.82");
     }
     if (o.court !== undefined)
         for (const [key, property] of Object.entries(COURT_PROPERTIES))

package/dist/element.d.ts

@@ -6,8 +6,8 @@ import type { ScoreOptions, SurfaceOptions } from "./types.ts";
 /** The tag of the element. */
 export declare const KYOGIJO_TAG = "kyogijo-field";
 /** The attributes the element reads. */
-export declare const KYOGIJO_ATTRIBUTES: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "arena", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch"];
-/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view. */
+export declare const KYOGIJO_ATTRIBUTES: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "arena", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch", "turn-venue", "turn-roof", "turn-autoplay", "turn-speed"];
+/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view, `turn-venue="false"` leaves out the stands and the room (they are raised for a drawing with a crowd and for a dojo), `turn-roof` puts a roof or canopy over the stands, `turn-autoplay` starts the auto-turn (`force` even for a reader who prefers reduced motion) and `turn-speed` is its degrees a second. */
 export declare function turnSettingsFromAttributes(read: (name: string) => string | null, base?: TurnSettings): TurnSettings;
 /** Whether an element's `turn` attribute asks for the 3D view: present, and not `false`. */
 export declare const turnWanted: (read: (name: string) => string | null) => boolean;
@@ -24,7 +24,7 @@ export declare function optionsFromAttributes(read: (name: string) => string | n
 declare const Base: typeof HTMLElement;
 export declare class KyogijoField extends Base {
     #private;
-    static observedAttributes: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "arena", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch"];
+    static observedAttributes: readonly ["sport", "league", "size", "theme", "language", "orientation", "park", "ground", "arena", "year", "detail", "margin", "stripes", "exact-lines", "uppercase", "pitch", "pitch-type", "half", "range", "range-end", "goals", "stripe-pattern", "corner-flags", "look", "line-width", "line-dash", "line-opacity", "landmarks", "walls", "quirks", "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color", "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options", "loop", "speed", "autoplay", "controls", "trail", "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch", "turn-venue", "turn-roof", "turn-autoplay", "turn-speed"];
     /** The options given as a property: an object, laid under the attributes. */
     get options(): Partial<ScoreOptions> | undefined;
     set options(value: Partial<ScoreOptions> | undefined);

package/dist/element.js

@@ -25,11 +25,11 @@ export const KYOGIJO_ATTRIBUTES = [
     "home", "away", "home-abbr", "away-abbr", "home-score", "away-score", "home-penalties", "away-penalties", "score", "home-logo", "away-logo", "home-color", "away-color",
     "status", "competition", "date", "label", "winner", "home-side", "pageant", "description", "options",
     "loop", "speed", "autoplay", "controls", "trail",
-    "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch",
+    "turn", "turn-view", "turn-controls", "turn-uprights", "turn-score", "turn-touch", "turn-venue", "turn-roof", "turn-autoplay", "turn-speed",
 ];
 /** The attributes that are about a replay and not about the drawing. */
 const REPLAY_ATTRIBUTES = ["loop", "speed", "autoplay", "controls", "trail"];
-/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view. */
+/** The settings of a 3D view an element's attributes make: `turn-view` names the viewpoint it opens on, `turn-controls="false"` and `turn-uprights="false"` leave the buttons and what stands on the surface out, `turn-score="floor"` leaves the score panel on the floor, `turn-touch="turn"` keeps every touch for the view, `turn-venue="false"` leaves out the stands and the room (they are raised for a drawing with a crowd and for a dojo), `turn-roof` puts a roof or canopy over the stands, `turn-autoplay` starts the auto-turn (`force` even for a reader who prefers reduced motion) and `turn-speed` is its degrees a second. */
 export function turnSettingsFromAttributes(read, base = {}) {
     const out = { ...base };
     const view = read("turn-view");
@@ -43,6 +43,20 @@ export function turnSettingsFromAttributes(read, base = {}) {
         out.score = "floor";
     if (read("turn-touch") === "turn")
         out.touch = "turn";
+    // The venue: off with `false`; `turn-roof` (present, and not `false`) asks for the roof.
+    const roof = read("turn-roof") !== null && read("turn-roof") !== "false";
+    if (read("turn-venue") === "false")
+        out.venue = false;
+    else if (roof)
+        out.venue = { ...(typeof out.venue === "object" ? out.venue : {}), roof: true };
+    const auto = read("turn-autoplay");
+    if (auto === "force")
+        out.autoPlay = "force";
+    else if (auto !== null && auto !== "false")
+        out.autoPlay = true;
+    const speed = Number(read("turn-speed"));
+    if (read("turn-speed") !== null && Number.isFinite(speed))
+        out.speed = speed;
     return out;
 }
 /** Whether an element's `turn` attribute asks for the 3D view: present, and not `false`. */

package/dist/halls.js

@@ -1,11 +1,12 @@
 /** The Kodokan's main dojo as drawn: a square floor of 420 jō's area, four contest areas, the seat of honour, the banner, the wood and the gallery, in the two looks the owner's photographs show. The years of both are unknown. */
 const KODOKAN_MAIN = {
     mats: { width: 26.4, length: 26.4 },
-    surround: 1,
+    surround: 4,
     areas: { across: 2, down: 2 },
     dais: true,
     banner: true,
-    balcony: true,
+    // Per the owner, with his photographs: a gallery of 3 rows of seats on each side, the blocks of a row 5, 8, 8, 8 and 5 seats (34 to a row, 102 to a side) with an aisle between them.
+    balcony: { rows: 3, sections: [5, 8, 8, 8, 5] },
     kamiza: "north",
     eras: [
         { name: "earlier", nameJa: "以前", from: null, to: null, look: "green-orange", outline: true },
@@ -31,7 +32,7 @@ export const HALLS = Object.freeze([
         fromWhat: { en: "founded by Kanō Jigorō (the International Judo Center, the building the dojos are in, was completed in 1984)", ja: "嘉納治五郎が創設（道場のある講道館国際柔道センターは1984年に完成）" },
         leagues: [],
         surfaces: [
-            { id: "main-dojo", name: { en: "Main dojo, 7th floor", ja: "大道場（7階）" }, sport: "dojo", options: { dojo: KODOKAN_MAIN }, basis: "count", mats: 420, note: { en: "420 jō on the 7th floor, four contest areas at once, with a gallery on the 8th that seats about 900. Per the owner's photographs: four contest areas in two rows, pale yellow mats on green safety bands and a green border, on a wood surround, a raised seat of honour with a dark banner at the front wall, a gallery on all four sides. The shape of the floor is not documented: a square of 26.4 m, the area of 420 jō, is drawn so that four areas of 8 m fit.", ja: "7階に420畳、同時に4面の試合ができ、8階に約900人が座れる見学席があります。提供された写真では、試合場が2列に4面並び、淡い黄色の畳の外側を緑の安全地帯と緑の縁取りが囲んでいます。周囲は板張りで、正面の上座には一段高い台と濃い色の垂れ幕があり、四方に見学席があります。床の形は資料にないので、420畳の広さにあたる26.4m四方の床に、8m四方の試合場4面が収まるように描いています。" } },
+            { id: "main-dojo", name: { en: "Main dojo, 7th floor", ja: "大道場（7階）" }, sport: "dojo", options: { dojo: KODOKAN_MAIN }, basis: "count", mats: 420, note: { en: "420 jō on the 7th floor, four contest areas at once, with a gallery on the 8th that seats about 900. Per the owner's photographs: four contest areas in two rows, pale yellow mats on green safety bands and a green border, on a wide wood floor all round (about 4 m, ours), a raised seat of honour with a dark banner at the front wall, a gallery on all four sides. The shape of the floor is not documented: a square of 26.4 m, the area of 420 jō, is drawn so that four areas of 8 m fit. Per the owner and his photographs: the gallery has 3 rows of seats on each side, in blocks of 5, 8, 8, 8 and 5 seats (34 a row, 102 a side) divided by aisles, behind a white rail; the lower wall is honey wood panelling and the upper wall plain off-white.", ja: "7階に420畳、同時に4面の試合ができ、8階に約900人が座れる見学席があります。提供された写真では、試合場が2列に4面並び、淡い黄色の畳の外側を緑の安全地帯と緑の縁取りが囲んでいます。周囲は板張りで、正面の上座には一段高い台と濃い色の垂れ幕があり、四方に見学席があります。床の形は資料にないので、420畳の広さにあたる26.4m四方の床に、8m四方の試合場4面が収まるように描いています。提供者の数え方と写真によると、見学席は各辺3列で、1列は5席・8席・8席・8席・5席のブロック（1列34席、1辺102席）に通路で区切られ、白い手すりの奥に並びます。下の壁は蜂蜜色の板張り、上の壁は無地のオフホワイトです。" } },
             { id: "main-dojo-earlier", name: { en: "Main dojo, 7th floor (earlier colours)", ja: "大道場（7階・以前の色）" }, sport: "dojo", options: { dojo: { ...KODOKAN_MAIN, era: "earlier" } }, basis: "count", mats: 420, note: { en: "The same room in the colours of the owner's older photograph: all green mats, the four contest areas outlined by red-orange border mats. No source gives the years of either look, so the eras carry none.", ja: "提供された古い写真の色で描いた同じ部屋です。畳はすべて緑で、4面の試合場それぞれを赤橙色の縁の畳が囲んでいます。どちらの色だった時期も資料にないので、年は記していません。" } },
             { id: "school-dojo", name: { en: "Judo School dojo, 6th floor", ja: "学校道場（6階）" }, sport: "dojo", options: { dojo: { jo: 240, look: "green-beige" } }, basis: "count", mats: 240, note: { en: "240 jō on the 6th floor; the shape is plausible.", ja: "6階に240畳。形は推定です。" } },
             { id: "international-dojo", name: { en: "International dojo, 6th floor", ja: "国際部道場（6階）" }, sport: "dojo", options: { dojo: { jo: 192, look: "green-beige" } }, basis: "count", mats: 192, note: { en: "192 jō on the 6th floor; the shape is plausible.", ja: "6階に192畳。形は推定です。" } },

package/dist/layout.js

@@ -8,7 +8,6 @@ import { drawKyogijo } from "./draw.js";
 import { el, esc, hash, num } from "./format.js";
 import { KYOGIJO_GRID_STYLE } from "./layout.style.js";
 import { KYOGIJO_MARK_STYLE } from "./mark.js";
-import { KYOGIJO_ROAD_STYLE } from "./road.style.js";
 import { isPolygon, shapePath } from "./layers.marks.js";
 import { elements, parseSvg, textOf, writeSvg } from "./scene.xml.js";
 import { KYOGIJO_STRINGS, fill } from "./strings.js";
@@ -134,7 +133,7 @@ function renamed(root, prefix) {
     return { styles };
 }
 /** The rules the package writes into a drawing, in the order it writes them: peeled off the front of a style so that each is said once however many drawings carry it. */
-const KNOWN = [KYOGIJO_BASE_STYLE, KYOGIJO_CURLING_STYLE, KYOGIJO_HEAT_STYLE, KYOGIJO_TEAM_STYLE, KYOGIJO_NOTE_STYLE, KYOGIJO_BACKGROUND_STYLE, KYOGIJO_MARK_STYLE, KYOGIJO_ROAD_STYLE];
+const KNOWN = [KYOGIJO_BASE_STYLE, KYOGIJO_CURLING_STYLE, KYOGIJO_HEAT_STYLE, KYOGIJO_TEAM_STYLE, KYOGIJO_NOTE_STYLE, KYOGIJO_BACKGROUND_STYLE, KYOGIJO_MARK_STYLE];
 /** A drawing's stylesheet as the pieces it is made of. */
 function pieces(css) {
     const out = [];

package/dist/mark.d.ts

@@ -28,7 +28,7 @@ export interface RoundMark {
     ring?: number;
     /** The mark's group is turned back by this many degrees: pass the turn of the group the mark is in to hold it upright there. The score does not use it: its mark turns with the zone's words. */
     upright?: number;
-    /** A class added to the mark's group (the road chart's `ky-r-dim` for a team that did not advance). */
+    /** A class added to the mark's group. */
     className?: string;
 }
 /** The markup of one round mark. */