Update intro section styles for improved layout and text alignment

src/app.css

@@ -222,13 +222,14 @@ a {
 }
 
 .intro {
-  width: min(820px, 88vw);
+  width: min(900px, 88vw);
   margin: clamp(4rem, 6vw, 5.75rem) auto 0;
   text-align: center;
 }
 
 .intro p {
-  margin: 0;
+  max-width: 37ch;
+  margin: 0 auto;
   color: var(--color-lavender);
   font-family: var(--font-copy);
   font-size: clamp(1.2rem, 2.2vw, 2rem);
@@ -236,6 +237,7 @@ a {
   line-height: 1.45;
   letter-spacing: 0;
   text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
+  text-wrap: pretty;
 }
 
 .star-divider {

src/lib/components/IntroText.svelte

@@ -3,7 +3,7 @@
   <p>
     <em>Squiggleverse</em> is a modular, multi-platform, game-based “stealth” learning system that
     teaches grammar, usage, and style through innovative gameplay, whimsical characters, and
-    creative narratives co-authored by the player.
+    creative narratives co-authored by the&nbsp;player.
   </p>
   <div class="star-divider" aria-hidden="true">
     <span></span>