Hero: the field bleeds past its box

25% overscan on every side, drawing scaled to the piece so nothing
grows; html overflow-x: clip keeps the bleed from scrolling sideways.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

paths.js

@@ -8,6 +8,11 @@
 // engine likes, and unseeded randomness would reshuffle the picture on
 // every repaint.
 
+// The field bleeds past its box: the painted element is this much
+// larger than the hero piece on each axis (25% each side), and the
+// drawing scales to the piece, not the element, so nothing grows.
+export const OVERSCAN = 1.5;
+
 export function mulberry32(seed) {
     let a = seed >>> 0;
     return () => {
@@ -118,7 +123,7 @@ const smooth = (u) => u * u * (3 - 2 * u);
 
 export function drawPaths(ctx, width, height, paths, t, colors) {
     ctx.clearRect(0, 0, width, height);
-    const s = Math.min(width, height) * 0.9;
+    const s = (Math.min(width, height) / OVERSCAN) * 0.9;
     ctx.save();
     ctx.translate(width / 2, height / 2);
     ctx.lineWidth = 1;