jigsawpuzzlegame 1.0.6 → 1.0.7

package/README.md

@@ -225,12 +225,16 @@ Works in all modern browsers (Chrome, Firefox, Safari, Edge).
 
 ## Styling
 
-The puzzle adds these CSS classes you can style:
+The library automatically injects its required CSS styles when loaded, so **no external CSS file is needed**. The styles are injected once per page load, even if multiple puzzle instances are created.
+
+The puzzle uses these CSS classes (automatically styled by the library):
 
 - `.polypiece` - Individual puzzle pieces
 - `.polypiece.moving` - Pieces during animation
 - `.gameCanvas` - Reference image canvas (hidden during play)
 
+You can override these styles in your own CSS if needed. The library injects a `<style>` element with id `jigsaw-puzzle-styles` that you can target or override.
+
 ## Troubleshooting
 
 ### Puzzle doesn't start

package/game.css

@@ -0,0 +1,23 @@
+/* Demo-specific styles for game.html */
+/* Note: Library styles (.polypiece, .gameCanvas) are automatically injected by jigsaw-puzzle-game.js */
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    width: 100vw;
+    height: 100vh;
+    overflow: hidden;
+    background-color: #f0f0f0;
+}
+
+#puzzle-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background-color: #e8e8e8;
+}
+