fix: tighten Play page vertical spacing

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/pages/PlayPage.tsx

@@ -42,7 +42,7 @@ export function PlayPage() {
         variants={stagger}
         initial="hidden"
         animate="show"
-        className="flex flex-col gap-6"
+        className="flex flex-col gap-4"
       >
         {/* === 1. PAGE HEADER — Ribbon Banner === */}
         <motion.div variants={fadeUp} className="flex justify-center">
@@ -166,7 +166,7 @@ export function PlayPage() {
         </motion.div>
 
         {/* === 4. TIME CONTROL SECTION === */}
-        <motion.div variants={fadeUp} className="space-y-4">
+        <motion.div variants={fadeUp} className="space-y-3">
           {/* Section ribbon header */}
           <div className="flex justify-center">
             <div
@@ -264,7 +264,7 @@ export function PlayPage() {
         </motion.div>
 
         {/* === 5. ACTION BUTTONS === */}
-        <motion.div variants={fadeUp} className="flex flex-col items-center gap-4 pt-3 pb-4">
+        <motion.div variants={fadeUp} className="flex flex-col items-center gap-3">
           {/* Primary: Find opponent — massive 3D gold */}
           <motion.button
             className="relative w-[80%] cursor-pointer"