Pen-and-ink art direction with stipple shading

- Cream paper, hand-drawn ink borders, engraving-era type
  (IM Fell English SC, EB Garamond)
- Stipple shadows from a seamless, randomly dotted tile (fixed seed)
- Trust badges are ink stars; Sentry and Elder marked by nameplate
- Smokey's crow art unchanged

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01UQnSw4RRWp8uqpj3nsnnXF

ui/index.html

@@ -6,7 +6,7 @@
     <title>So Many Crows</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@600;800;900&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,500;0,700;1,500&family=IM+Fell+English+SC&display=swap" rel="stylesheet" />
   </head>
   <body>
     <header class="top">
@@ -16,19 +16,19 @@
 
     <main>
       <section class="perch" id="perch" aria-label="The flock"></section>
-      <p class="banner" id="banner" role="status" hidden></p>
+      <p class="banner inked" id="banner" role="status" hidden></p>
 
       <form class="composer" id="composer">
         <label for="list">Your todo list, one item per line</label>
-        <textarea id="list" rows="5" placeholder="- [ ] What is the difference between a crow and a raven&#10;- [ ] Draft a tagline for So Many Crows"></textarea>
-        <button class="btn btn-go" id="send" type="submit">Send the flock</button>
+        <div class="field inked"><textarea id="list" rows="5" placeholder="- [ ] What is the difference between a crow and a raven&#10;- [ ] Draft a tagline for So Many Crows"></textarea></div>
+        <button class="btn btn-go inked" id="send" type="submit">Send the flock</button>
       </form>
 
       <ol class="cards" id="cards" aria-live="polite"></ol>
       <p class="meter" id="meter" hidden></p>
     </main>
 
-    <div class="toast" id="toast" role="alert" hidden></div>
+    <div class="toast inked" id="toast" role="alert" hidden></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>