1

src/index.css

@@ -76,6 +76,66 @@ body {
   }
 }
 
+@keyframes puzzle-clear-flash-sweep {
+  0% {
+    transform: translate3d(-135%, -135%, 0) rotate(18deg);
+    opacity: 0;
+  }
+
+  18% {
+    opacity: 0.18;
+  }
+
+  45% {
+    opacity: 0.92;
+  }
+
+  78% {
+    opacity: 0.22;
+  }
+
+  100% {
+    transform: translate3d(135%, 135%, 0) rotate(18deg);
+    opacity: 0;
+  }
+}
+
+.puzzle-clear-flash-overlay {
+  background: radial-gradient(
+      circle at 22% 24%,
+      rgba(255, 250, 214, 0.22),
+      transparent 28%
+    ),
+    radial-gradient(
+      circle at 76% 74%,
+      rgba(255, 214, 150, 0.16),
+      transparent 30%
+    ),
+    linear-gradient(
+      180deg,
+      rgba(255, 251, 235, 0.08),
+      rgba(255, 251, 235, 0.02)
+    );
+}
+
+.puzzle-clear-flash-beam {
+  position: absolute;
+  inset: -48%;
+  background: linear-gradient(
+    90deg,
+    rgba(255, 255, 255, 0) 0%,
+    rgba(255, 248, 214, 0.18) 38%,
+    rgba(255, 255, 255, 0.96) 50%,
+    rgba(255, 235, 166, 0.28) 62%,
+    rgba(255, 255, 255, 0) 100%
+  );
+  box-shadow:
+    0 0 36px rgba(255, 250, 214, 0.28),
+    0 0 110px rgba(255, 233, 163, 0.12);
+  mix-blend-mode: screen;
+  animation: puzzle-clear-flash-sweep 0.9s ease-out forwards;
+}
+
 .fusion-pixel-app,
 .fusion-pixel-app * {
   font-family: 'Fusion Pixel', 'Inter', ui-sans-serif, system-ui, sans-serif !important;
@@ -1493,8 +1553,10 @@ body {
 
 .platform-npc-portrait__grid {
   opacity: 0.14;
-  background-image:
-    linear-gradient(var(--platform-line-soft) 1px, transparent 1px),
+  background-image: linear-gradient(
+      var(--platform-line-soft) 1px,
+      transparent 1px
+    ),
     linear-gradient(90deg, var(--platform-line-soft) 1px, transparent 1px);
   background-size: 16px 16px;
 }