From f5c5c6927e136a3bc378dead53cef980fc4204a8 Mon Sep 17 00:00:00 2001
From: caadiq <caadiq@gmail.com>
Date: Wed, 22 Apr 2026 00:22:42 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B3=B4=EC=8A=A4=20=EC=88=98=EC=9D=B5=20?=
 =?UTF-8?q?=EA=B3=84=EC=82=B0=EA=B8=B0=20=EC=B4=88=EA=B8=B0=20=EB=93=B1?=
 =?UTF-8?q?=EC=9E=A5=20=EB=81=8A=EA=B9=80=20=EC=99=84=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- BossCrystal 루트 애니메이션을 y 이동 없는 opacity fade (0.3s)로 단순화.
  외부 transform과 내부 stagger 애니메이션이 동시에 돌면서 합성 단계가
  겹치던 부하 제거
- will-change: opacity 힌트 추가해 GPU 레이어 승격 명시

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/features/boss-crystal/pc/BossCrystal.jsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/boss-crystal/pc/BossCrystal.jsx b/frontend/src/features/boss-crystal/pc/BossCrystal.jsx
index 2e38545..15a0c70 100644
--- a/frontend/src/features/boss-crystal/pc/BossCrystal.jsx
+++ b/frontend/src/features/boss-crystal/pc/BossCrystal.jsx
@@ -73,9 +73,10 @@ export default function BossCrystal() {
   return (
     <motion.div
       className="h-full"
-      initial={{ opacity: 0, y: 30 }}
-      animate={{ opacity: 1, y: 0 }}
-      transition={{ duration: 0.4 }}
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      transition={{ duration: 0.3 }}
+      style={{ willChange: 'opacity' }}
     >
       {isLoading ? (
         <div