Reverted to commit a06d538170

src/pages/Breakout.tsx

@@ -62,12 +62,7 @@ const Breakout = () => {
       if (height > maxHeight) { height = maxHeight; width = height * aspectRatio; }
       return { width: Math.floor(width), height: Math.floor(height) };
     }
-    // Desktop: maximize based on available height
-    const availableHeight = window.innerHeight - 100;
-    const aspectRatio = 480 / 580;
-    const height = Math.min(availableHeight, 700);
-    const width = Math.floor(height * aspectRatio);
-    return { width, height };
+    return isFullscreen ? { width: 600, height: 720 } : { width: 480, height: 580 };
   }, [isFullscreen]);
 
   const [canvasSize, setCanvasSize] = useState(getCanvasSize);
@@ -266,7 +261,7 @@ const Breakout = () => {
         </button>
       </div>
 
-      <div className={`flex ${isMobile ? 'flex-col items-center' : 'flex-row gap-4 items-start justify-center'} flex-1`}>
+      <div className={`flex ${isMobile ? 'flex-col items-center' : 'flex-row gap-4'} flex-1 ${isFullscreen ? 'justify-center items-center' : ''}`}>
         <div className="border-2 border-primary box-glow bg-background/80">
           <canvas ref={canvasRef} width={canvasSize.width} height={canvasSize.height} onTouchMove={handleTouchMove} className="block" />
         </div>