feat(ui): give the app one visual identity as Movie Loop

Gold is the primary in both themes, Bricolage Grotesque carries the
wordmark, titles and the score, and Movie A / Movie B wear the blue and
magenta of three-strip Technicolor on their posters instead of colouring
whole rows. The loop closes on screen - connectors light, a gold line
draws back to Movie A, the row glows, then the result arrives - in place
of confetti, on every play mode, scaled to the chain's length. Every
page shares one header and hairline lists; copy is sentence case with
one verb per flow, and the Home hero shows a real finished loop.

Also clamps link counts at zero: an opponent who had not moved yet
showed "-1 links".

src/components/game/ValidationFeedback.tsx

@@ -9,7 +9,7 @@ export default function ValidationFeedback() {
   const [showCheck, setShowCheck] = useState(false);
   const [flashedLength, setFlashedLength] = useState(0);
 
-  // Flash a green check when the chain grows (successful validation). Adjusting
+  // Flash a gold check when the chain grows (successful validation). Adjusting
   // state during render is React's documented pattern for reacting to a changed
   // value; doing it in an effect costs an extra committed render each link.
   if (chain.length > 1 && chain.length !== flashedLength) {
@@ -30,7 +30,7 @@ export default function ValidationFeedback() {
         className="flex items-center gap-2 text-sm text-muted-foreground"
       >
         <Loader2 className="h-4 w-4 animate-spin" aria-hidden="true" />
-        Validating connection...
+        Checking the link…
       </div>
     );
   }
@@ -52,10 +52,10 @@ export default function ValidationFeedback() {
     return (
       <div
         role="status"
-        className="flex animate-check-flash items-center gap-2 text-sm text-green-600 motion-reduce:animate-none"
+        className="flex animate-check-flash items-center gap-2 text-sm font-medium text-primary-text motion-reduce:animate-none"
       >
         <CheckCircle2 className="h-4 w-4" aria-hidden="true" />
-        Connected!
+        Linked
       </div>
     );
   }