add concont

docs/02-setup-main-game/05-main-scene/17-win-limit.md

@@ -8,38 +8,67 @@ description: Display win and gamble limit notifications in-game.
 
 ## Overview
 
-This component handles the display of **win limit** or **gamble limit** notifications during gameplay.  
-It ensures players are informed when a maximum win condition is reached in a slot game.
+- Shows a win limit popup during gameplay.
+- Win limit notifications can appear in the **main game** or **Free Spin mode**.
+
+![Overview](../img/05-main-scene/win-limit/overview.png)
+
+---
 
 ## Implementation
 
-### Location
+### Prefab Location
 
-#### Core
+| Path                                                     | Prefab Name                  |
+|----------------------------------------------------------|------------------------------|
+| `assets/core-assets/hyper-core/packages/present/prefabs` | `present-win-limit-reached`  |
 
-| Path                                                     | Name                        |
-|----------------------------------------------------------|-----------------------------|
-| `assets\core-assets\hyper-core\packages\present\prefabs` | `present-win-limit-reached` |
+---
 
-#### Game
+### Scene Hierarchy
 
-##### In Scene
+Place the prefab in the following scene structure:
 
-- structure in scene.
-
-``` 
+```
 Canvas
 └── [main-view]
     └── [game-view]
         └── [present-win-limit-reached]
-```            
-![Component](../img/05-main-scene/win-limit/win-limit-component.png)
-- component Animation:
+```
 
-|Status| Path                                                              | Show                                 |
-|------|-------------------------------------------------------------------|--------------------------------------|
-|Show  | `assets\core-assets\slotty-core\packages\feature-game\animations` | `anim-show-feature-win-presentation` |
-|Hide  | `assets\core-assets\slotty-core\packages\feature-game\animations` | `anim-hide-feature-win-presentation` |
+![Scene Structure](../img/05-main-scene/win-limit/win-limit-component.png)
+
+#### `hyper-present-win-limit-reached`
+
+- Displays win/gamble limit notifications.
+- Supports animations and user interactions.
+- Ensure all node references are assigned in the Inspector.
+
+#### `Animation`
+
+| Status | Animation Path                                                    | Animation Name                       |
+|--------|-------------------------------------------------------------------|--------------------------------------|
+| Show   | `assets/core-assets/slotty-core/packages/feature-game/animations` | `anim-show-feature-win-presentation` |
+| Hide   | `assets/core-assets/slotty-core/packages/feature-game/animations` | `anim-hide-feature-win-presentation` |
+
+---
+
+## Asset Setup
+
+- Drag and drop the required image onto the node in the editor:
+
+![Asset Setup](../img/05-main-scene/win-limit/assets-win-limit.png)
+
+### Font
+
+- Use a **custom font** to match the win label style for your game theme.
+
+![Font](../img/05-main-scene/win-limit/add-font.png)
 
 
+---
 
+:::tip
+- Follow the game design layout for assets and fonts.
+- Configure win limits per game.
+:::