Implement nose coupling so run-arounds work, and stop coupling wiping the district

test/web.test.ts

@@ -585,6 +585,7 @@ describe('the static build', () => {
     // came back with highlighted squares wired to handlers. Asserting the data has coordinates says
     // nothing about whether the page draws them.
     const els = new Map<string, Record<string, unknown>>();
+    const injected: Record<string, unknown>[] = [];
     const make = (): Record<string, unknown> => {
       let html = '';
       // Cache per selector and clear it when innerHTML changes. Returning fresh objects each call
@@ -663,7 +664,10 @@ describe('the static build', () => {
       createElement: () => make(),
       addEventListener: () => {},
       body: { appendChild: () => {} },
-      head: { appendChild: () => {} },
+      // Capture injected stylesheets. The board is SVG styled entirely by class, so a page that
+      // renders every card correctly and never loads BOARD_CSS draws them black on black — visibly
+      // broken, and invisible to a stub that ignores CSS.
+      head: { appendChild: (node: Record<string, unknown>) => void injected.push(node) },
     };
     g['location'] = { search: '?seed=555' };
     const store = new Map<string, string>();
@@ -702,6 +706,12 @@ describe('the static build', () => {
     assert.ok(clickFirst(actions, 'button.act'), 'no action button rendered');
     assert.ok(clickFirst(actions, 'button.subj'), 'no card/track subject to pick');
 
+    // Without the board stylesheet every shape is drawn black on a near-black background: the page
+    // looks empty even though the markup is perfect.
+    const styles = injected.map((n) => String(n['textContent'] ?? '')).join('\n');
+    assert.match(styles, /\.bs-card\s*\{/, 'the page never loaded the board styles — cards would be invisible');
+    assert.match(styles, /\.bs-rail\s*\{/, 'the page never loaded the rail styles');
+
     const html = String(grid['innerHTML']);
     // The board draws cards as addressable groups; legality is an added class or a drawn ghost.
     assert.match(html, /data-cell="/, 'the board drew no addressable cards');