RPG-RougeLiteBattler/Assets/UI/TeamSelectOverview/CaracterOverviewPanel.uxml

<engine:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:engine="UnityEngine.UIElements" xmlns:editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
    <Style src="project://database/Assets/UI/TeamSelectOverview/CharacterSlotUSS.uss?fileID=7433441132597879392&amp;guid=e4e9c50778d335d4297a0712b6b7b4cb&amp;type=3#CharacterSlotUSS" />
    <engine:VisualElement name="VisualElement" class="CharacterSlotMain">
        <!-- Create New Character Button -->
        <engine:Button name="CreateNewCharacterButton" class="create-character-btn">
            <engine:VisualElement class="create-character-content">
                <engine:VisualElement class="create-character-icon">
                    <engine:Label text="+" class="plus-icon" />
                </engine:VisualElement>
                <engine:Label text="Create Character" class="create-character-text" />
            </engine:VisualElement>
        </engine:Button>
        
        <!-- Character Card -->
        <engine:Button name="ViewCharacterButton" enabled="false" class="character-card disabled-card">
            <engine:VisualElement class="character-card-content">
                <!-- Character Portrait Area -->
                <engine:VisualElement class="character-portrait">
                    <engine:VisualElement class="portrait-placeholder">
                        <engine:Label text="👤" class="portrait-icon" />
                    </engine:VisualElement>
                </engine:VisualElement>
                
                <!-- Character Info -->
                <engine:VisualElement class="character-info">
                    <engine:Label text="Character Name" name="CharacterNameLabel" class="character-name" />
                    <engine:VisualElement class="character-stats">
                        <engine:VisualElement class="stat-row">
                            <engine:Label text="STR" class="stat-label" />
                            <engine:Label text="10" name="StrengthLabel" class="stat-value" />
                        </engine:VisualElement>
                        <engine:VisualElement class="stat-row">
                            <engine:Label text="DEX" class="stat-label" />
                            <engine:Label text="10" name="DexterityLabel" class="stat-value" />
                        </engine:VisualElement>
                        <engine:VisualElement class="stat-row">
                            <engine:Label text="CON" class="stat-label" />
                            <engine:Label text="10" name="ConstitutionLabel" class="stat-value" />
                        </engine:VisualElement>
                        <engine:VisualElement class="stat-row">
                            <engine:Label text="WIS" class="stat-label" />
                            <engine:Label text="10" name="WisdomLabel" class="stat-value" />
                        </engine:VisualElement>
                        <engine:VisualElement class="stat-row">
                            <engine:Label text="PER" class="stat-label" />
                            <engine:Label text="10" name="PerceptionLabel" class="stat-value" />
                        </engine:VisualElement>
                    </engine:VisualElement>
                    
                    <!-- Character Level/HP -->
                    <engine:VisualElement class="character-bottom-info">
                        <engine:Label text="HP: 10" name="HPLabel" class="hp-label" />
                        <engine:Label text="AC: 10" name="ACLabel" class="ac-label" />
                    </engine:VisualElement>
                </engine:VisualElement>
            </engine:VisualElement>
        </engine:Button>
    </engine:VisualElement>
</engine:UXML>