Add Pairs game to portal

Author: Arlo

index.html

@@ -78,6 +78,12 @@
 
 .tag-reflex{background:#22c55e20;color:#22c55e}
 
+.card-visual.pairs{background:linear-gradient(135deg,#1a0a20,#2a1030);border-bottom:1px solid #e879f920}
+.card-visual.pairs .card-icon{font-size:4rem;filter:drop-shadow(0 0 20px rgba(232,121,249,0.4))}
+.card-visual.pairs::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 80%,rgba(232,121,249,0.08),transparent 60%)}
+
+.tag-cards{background:#e879f920;color:#e879f9}
+
 /* Coming soon card */
 .card-visual.soon{background:#0d0d0d;border-bottom:1px solid #ffffff08}
 .card-visual.soon .card-icon{font-size:3.5rem;opacity:0.3}
@@ -253,6 +259,21 @@ <h1><span>Froogoo</span> Games</h1>
       </div>
     </a>
 
+    <!-- Pairs -->
+    <a href="https://froogooofficial.github.io/pairs-game/" class="game-card">
+      <div class="card-visual pairs">
+        <div class="card-icon">🃏</div>
+      </div>
+      <div class="card-body">
+        <div class="card-title">Pairs <span class="card-tag tag-cards">Cards</span></div>
+        <div class="card-desc">Flip cards, find matching pairs. Test your visual memory! 3 grid sizes, star ratings, move counter.</div>
+        <div class="card-play">
+          Play now
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+        </div>
+      </div>
+    </a>
+
     <!-- Coming Soon -->
     <div class="game-card coming-soon">
       <div class="card-visual soon">