feat: expand campaign and refine puzzle visuals and controls

src/geometry.js

@@ -5,7 +5,8 @@ export function layout(cells,width,height) {
   const minX=Math.min(...raw.map(p=>p.x))-1,maxX=Math.max(...raw.map(p=>p.x))+1;
   const minY=Math.min(...raw.map(p=>p.y))-.866,maxY=Math.max(...raw.map(p=>p.y))+.866;
   const size=Math.min((width-48)/(maxX-minX),(height-50)/(maxY-minY),47);
-  return {size,ox:width/2-(minX+maxX)/2*size,oy:height/2-(minY+maxY)/2*size};
+  const ox=width/2-(minX+maxX)/2*size,oy=height/2-(minY+maxY)/2*size;
+  return {size,ox,oy,bounds:{top:minY*size+oy,bottom:maxY*size+oy}};
 }
 export function center(cell, view) { const p=position(cell.q,cell.r,view.size); return {x:p.x+view.ox,y:p.y+view.oy}; }
 export function routePoints(route,view,extend=false) {