Added & fixed some documentation

webapp/static/app.css

@@ -1,3 +1,4 @@
+/* Theme tokens shared by the full single-page demo. */
 :root {
   --base00: #263238;
   --base01: #2e3c43;
@@ -30,6 +31,7 @@
 
 * { box-sizing: border-box; }
 
+/* Page shell and header status. */
 body {
   margin: 0;
   font-family: var(--mono);
@@ -90,6 +92,7 @@ body {
   margin: 0 auto;
 }
 
+/* Control cards, form fields, and action buttons. */
 .controls {
   display: flex;
   flex-direction: column;
@@ -202,6 +205,7 @@ button.secondary:hover {
   border-bottom: 1px dashed rgba(176, 190, 197, 0.16);
 }
 
+/* Result panel and board overlay stage. */
 .result-header {
   text-align: center;
   margin-bottom: 0.85rem;
@@ -248,6 +252,7 @@ button.secondary:hover {
   pointer-events: auto;
 }
 
+/* SVG overlay interaction layers. */
 .click-target {
   cursor: crosshair;
 }
@@ -279,12 +284,14 @@ button.secondary:hover {
   font-size: 0.76rem;
 }
 
+/* Stack controls above the board on narrower screens. */
 @media (max-width: 900px) {
   .layout { grid-template-columns: 1fr; }
   .site-header { flex-direction: column; }
 }
 
 
+/* Supporting notes, explanations, links, and footer content. */
 .checkbox-label {
   display: flex;
   align-items: center;