Perf-6: Remove CSS transitions from game entities

.claude/settings.local.json

@@ -0,0 +1,36 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm install:*)",
+      "Bash(npm run dev:*)",
+      "Bash(timeout 3:*)",
+      "Bash(npm run typecheck:*)",
+      "Bash(npm run build:*)",
+      "Bash(find:*)",
+      "Bash(xargs -I {} bash -c 'echo \"\"=== {} ===\"\" && grep -c \"\"React.memo\\\\|useMemo\\\\|useCallback\"\" {} || echo \"\"0\"\"')",
+      "Bash(gh repo create:*)",
+      "Bash(where.exe:*)",
+      "Bash(dir \"C:\\\\Program Files\\\\GitHub CLI\"\" 2>&1 || dir \"%LOCALAPPDATA%ProgramsGitHub CLI\"\")",
+      "Bash(cmd.exe /c \"where gh\")",
+      "Bash(powershell.exe -Command \"& {$env:Path = [System.Environment]::GetEnvironmentVariable\\(''Path'',''Machine''\\) + '';'' + [System.Environment]::GetEnvironmentVariable\\(''Path'',''User''\\); gh repo create PizzaDAO/pizza-chef --public --description ''Pizza Chef game''}\")",
+      "Bash(git remote add:*)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)",
+      "Bash(git push:*)",
+      "Bash(tasklist:*)",
+      "Bash(findstr:*)",
+      "Bash(wc:*)",
+      "Bash(npx tsc:*)",
+      "Bash(npm test:*)",
+      "Bash(python:*)",
+      "Bash(magick:*)",
+      "Bash(pip install:*)",
+      "Bash(grep:*)",
+      "Bash(npx vitest run src/logic/customerSystem.test.ts)",
+      "Bash(npx vitest:*)",
+      "Bash(timeout 5 npm run dev:*)",
+      "Bash(cd /c/Users/samgo/OneDrive/Documents/PizzaDAO/Code/pizza-chef-all/pizza-chef && vercel env ls --scope=pizza-dao 2>&1)",
+      "Bash(cd /c/Users/samgo/OneDrive/Documents/PizzaDAO/Code/pizza-chef-all/pizza-chef && printf \"https://eskyfpmlvlvxavrrfcpv.supabase.co\" | vercel env add VITE_SUPABASE_URL production preview development --scope=pizza-dao 2>&1)"
+    ]
+  }
+}

src/components/Boss.tsx

@@ -56,7 +56,7 @@ const Boss: React.FC<BossProps> = ({ bossBattle }) => {
   return (
     <div
       key={minion.id}
-      className="absolute transition-all duration-100 flex items-center justify-center w-[8%] aspect-square"
+      className="absolute flex items-center justify-center w-[8%] aspect-square"
       style={{
         left: `${minion.position}%`,
         top: `${minion.lane * 25 + 6}%`,

src/components/Customer.tsx

@@ -71,7 +71,6 @@ const Customer: React.FC<CustomerProps> = ({ customer, boardWidth, boardHeight }
           top: 0,
           transform: ready ? `translate3d(${xPx}px, ${yPx}px, 0)` : undefined,
           willChange: 'transform',
-          transition: 'transform 100ms linear',
         }}
       >
         {display.type === 'image' ? (
@@ -108,7 +107,6 @@ const Customer: React.FC<CustomerProps> = ({ customer, boardWidth, boardHeight }
                 }`
               : 'translateX(-50%)',
             willChange: 'transform',
-            transition: 'transform 100ms linear',
           }}
         >
           {customer.textMessage}

src/components/DroppedPlate.tsx

@@ -34,7 +34,7 @@ const DroppedPlate: React.FC<DroppedPlateProps> = ({ droppedPlate }) => {
 
   return (
     <div
-      className="absolute w-[6%] aspect-square transition-all duration-100"
+      className="absolute w-[6%] aspect-square"
       style={{
         left: `${droppedPlate.position}%`,
         top: `${droppedPlate.lane * 25 + 10}%`,

src/components/EmptyPlate.tsx

@@ -42,7 +42,7 @@ const EmptyPlate: React.FC<EmptyPlateProps> = ({ plate }) => {
 
   return (
     <div
-      className="absolute w-[10%] aspect-square transition-all duration-100 flex items-center justify-center"
+      className="absolute w-[10%] aspect-square flex items-center justify-center"
       style={{
         left: `${plate.position}%`,
         top: `${topPercent}%`,

src/components/PizzaSlice.tsx

@@ -40,7 +40,7 @@ const PizzaSlice: React.FC<PizzaSliceProps> = ({ slice }) => {
 
   return (
     <div
-      className="absolute w-[10%] aspect-square transition-all duration-100 flex items-center justify-center"
+      className="absolute w-[10%] aspect-square flex items-center justify-center"
       style={{
         left: `${slice.position}%`,
         top: `${topPercent}%`,

src/components/PowerUp.tsx

@@ -58,7 +58,6 @@ const PowerUp: React.FC<PowerUpProps> = ({ powerUp, boardWidth, boardHeight }) =
         zIndex: 50,
         transform: ready ? `translate3d(${xPx}px, ${yPx}px, 0)` : undefined,
         willChange: 'transform',
-        transition: 'transform 100ms linear',
       }}
     >
       {image && (