feat: add production campaigns, gameplay labs, and review documentation

src/direction-sheet.js

@@ -0,0 +1,12 @@
+import { artDirection, directionTheme, appearanceTile } from './art-directions.js';
+import { drawScene, drawTile, CanvasPainter } from './renderer.js';
+import { createStudyLevel } from './study-levels.js';
+import { layout } from './geometry.js';
+import { TILE_ATLAS } from './sprites.js';
+const direction=artDirection(document.body.dataset.design),level=createStudyLevel(3),atlas=new Image();
+function paint(){
+  const c=document.querySelector('#sheet-tokens'),p=new CanvasPainter(c.getContext('2d'));p.atlas=atlas;p.ctx.clearRect(0,0,c.width,c.height);
+  for(let i=0;i<4;i++)drawTile(p,105+i*165,135+(i%2?-12:12),83,appearanceTile({color:i,dir:1},directionTheme(direction,'lagoon')));
+  document.querySelectorAll('[data-sheet-theme]').forEach(c=>{const p=new CanvasPainter(c.getContext('2d'));p.atlas=atlas;drawScene(p,level,level.tiles,layout(level.cells,c.width,c.height),{theme:directionTheme(direction,c.dataset.sheetTheme)});});
+}
+atlas.onload=paint;atlas.src=TILE_ATLAS.startsWith('assets/')?'../../'+TILE_ATLAS:TILE_ATLAS;paint();