chore: save progress before layout changes

pwa/src/components/game/CombatEffects.css

@@ -25,6 +25,93 @@
     transition: filter 1s ease;
 }
 
+/* Combat Scene: Location Background with NPC Overlay */
+.combat-scene-container {
+    position: relative;
+    width: 100%;
+    max-width: 800px;
+    margin: 1rem auto;
+    aspect-ratio: 10 / 7;
+    overflow: hidden;
+    clip-path: var(--game-clip-path);
+    border: 2px solid rgba(255, 107, 107, 0.3);
+}
+
+.combat-location-bg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
+.combat-location-placeholder {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 4rem;
+    background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
+}
+
+.combat-npc-overlay-container {
+    position: absolute;
+    bottom: 1rem;
+    left: 1rem;
+    width: 50%;
+    height: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.combat-npc-overlay {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.6));
+    transition: filter 0.3s, transform 0.3s;
+}
+
+.combat-npc-overlay.attacking {
+    animation: lunge 0.3s;
+}
+
+.combat-npc-overlay-container.dead .combat-npc-overlay {
+    filter: grayscale(100%) brightness(0.5) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));
+}
+
+/* Enemy shake effect - opposite direction (enemy faces right, recoils right) */
+.combat-npc-overlay-container.shake-effect {
+    animation: shake-right 0.5s cubic-bezier(.36, .07, .19, .97) both;
+}
+
+@keyframes shake-right {
+
+    10%,
+    90% {
+        transform: translate3d(1px, 0, 0);
+    }
+
+    20%,
+    80% {
+        transform: translate3d(-2px, 0, 0);
+    }
+
+    30%,
+    50%,
+    70% {
+        transform: translate3d(4px, 0, 0);
+    }
+
+    40%,
+    60% {
+        transform: translate3d(-4px, 0, 0);
+    }
+}
+
+.combat-npc-placeholder {
+    font-size: 4rem;
+    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.8));
+}
+
 /* Enemy avatar now uses shared .location-image styles from Game.css */
 
 /* ... existing code ... */