Changes

src/pages/Breakout.tsx

@@ -1,6 +1,7 @@
 import { useState, useEffect, useCallback, useRef } from 'react';
 import { motion } from 'framer-motion';
 import { useSettings } from '@/contexts/SettingsContext';
+import { useAchievements } from '@/contexts/AchievementsContext';
 import { Link } from 'react-router-dom';
 import GlitchCrash from '@/components/GlitchCrash';
 import { Maximize2, Minimize2 } from 'lucide-react';
@@ -26,6 +27,7 @@ interface Brick {
 
 const Breakout = () => {
   const { playSound } = useSettings();
+  const { checkGameScoreAchievements, unlockMaxScore } = useAchievements();
   const [isFullscreen, setIsFullscreen] = useState(false);
   const [score, setScore] = useState(0);
   const [highScore, setHighScore] = useState(0);
@@ -96,6 +98,14 @@ const Breakout = () => {
     if (saved) setHighScore(Math.min(parseInt(saved, 10), MAX_SCORE));
   }, []);
 
+  // Check score achievements
+  useEffect(() => {
+    if (score > 0) {
+      checkGameScoreAchievements('breakout', score);
+      if (score >= MAX_SCORE) unlockMaxScore();
+    }
+  }, [score, checkGameScoreAchievements, unlockMaxScore]);
+
   const initBricks = useCallback(() => {
     const bricks: Brick[] = [];
     const brickWidth = (canvasSize.width - (BRICK_COLS + 1) * BRICK_GAP) / BRICK_COLS;