fix(card-sorting): add overflow hidden to clip rounded corners

Add overflow: 'hidden' to card container to properly clip the abacus
SVG content within the rounded border radius. This prevents the SVG
from bleeding through at the corners.

Also remove temporary debug logging that was added in previous commit.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

apps/web/src/arcade-games/card-sorting/components/PlayingPhaseDrag.tsx

@@ -345,6 +345,7 @@ function AnimatedCard({
           justifyContent: 'center',
           padding: '12px',
           boxSizing: 'border-box',
+          overflow: 'hidden',
         })}
         dangerouslySetInnerHTML={{ __html: card.svgContent }}
       />
@@ -443,14 +444,6 @@ export function PlayingPhaseDrag() {
     const shouldInitialize =
       allCards.length > 0 && (cardStates.size === 0 || cardStates.size !== allCards.length)
 
-    console.log('[PlayingPhaseDrag] Init check:', {
-      allCardsLength: allCards.length,
-      cardStatesSize: cardStates.size,
-      shouldInitialize,
-      hasCardPositions: !!state.cardPositions,
-      cardPositionsLength: state.cardPositions?.length,
-    })
-
     if (!shouldInitialize) return
 
     const newStates = new Map<string, CardState>()
@@ -458,12 +451,6 @@ export function PlayingPhaseDrag() {
     // Check if we have server positions to restore from
     const hasServerPositions = state.cardPositions && state.cardPositions.length === allCards.length
 
-    console.log('[PlayingPhaseDrag] Initializing positions:', {
-      hasServerPositions,
-      cardPositionsLength: state.cardPositions?.length,
-      allCardsLength: allCards.length,
-    })
-
     allCards.forEach((card, index) => {
       const serverPos = state.cardPositions?.find((p) => p.cardId === card.id)