RPG-RougeLiteBattler/Assets/UI/TownUI.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <Style src="project://database/Assets/UI/TownUI.uss?fileID=7433441132597879392&amp;guid=f1e9910cf9c584544b8fe7ed144173e5&amp;type=3#TownUI" />
    
    <!-- Main Town Container -->
    <ui:VisualElement name="TownContainer" style="width: 100%; height: 100%; background-color: rgb(101, 67, 33);">
        
        <!-- Header Section -->
        <ui:VisualElement name="TownHeader" class="town-header">
            <ui:Label name="TownNameLabel" text="Haven Village" class="town-title" />
            <ui:VisualElement name="HeaderControls" class="header-controls">
                <ui:Button name="MapButton" text="Return to Map" class="header-button" />
                <ui:Button name="InventoryButton" text="Team Inventory" class="header-button" />
            </ui:VisualElement>
        </ui:VisualElement>
        
        <!-- Medieval Town Layout -->
        <ui:VisualElement name="TownGrid" class="town-grid">
            
            <!-- Outer Town Wall (Top) -->
            <ui:VisualElement name="TownWallTop" class="town-wall-horizontal" />
            
            <!-- Upper District -->
            <ui:VisualElement name="UpperDistrict" class="town-district">
                <!-- Castle/Manor Quarter -->
                <ui:VisualElement name="CastleQuarter" class="town-building castle">
                    <ui:Label text="🏰 Lord's Manor" class="building-label" />
                </ui:VisualElement>
                
                <!-- Noble Houses -->
                <ui:VisualElement name="NobleHouse1" class="town-building noble-house">
                    <ui:Label text="🏛️ Noble House" class="building-label" />
                </ui:VisualElement>
                
                <!-- Adventurer's Guild -->
                <ui:VisualElement name="AdventurersGuild" class="town-building town-special guild interactable-building">
                    <ui:Label text="⚔️ Adventurer's Guild" class="building-label" />
                    <ui:VisualElement class="interaction-banner">
                        <ui:Label text="Click to Enter" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Main Street (Horizontal) -->
            <ui:VisualElement name="MainStreet" class="main-street" />
            
            <!-- Market District -->
            <ui:VisualElement name="MarketDistrict" class="town-district">
                <!-- Weapon Shop -->
                <ui:VisualElement name="WeaponShop" class="town-building town-shop weapon-shop interactable-building">
                    <ui:Label text="⚔️ The Forge" name="building-name" class="building-label" />
                    <ui:VisualElement class="shop-banner">
                        <ui:Label text="WEAPONS" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
                
                <!-- Market Square -->
                <ui:VisualElement name="TownSquare" class="town-square">
                    <ui:Label text="🏛️ Market Square" class="building-label" />
                    <ui:VisualElement name="Fountain" class="fountain" />
                </ui:VisualElement>
                
                <!-- Armor Shop -->
                <ui:VisualElement name="ArmorShop" class="town-building town-shop armor-shop interactable-building">
                    <ui:Label text="🛡️ Ironclad Armory" name="building-name" class="building-label" />
                    <ui:VisualElement class="shop-banner">
                        <ui:Label text="ARMOR" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
                
                <!-- Potion Shop -->
                <ui:VisualElement name="PotionShop" class="town-building town-shop potion-shop interactable-building">
                    <ui:Label text="🧪 The Bubbling Cauldron" name="building-name" class="building-label" />
                    <ui:VisualElement class="shop-banner">
                        <ui:Label text="POTIONS" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Side Street -->
            <ui:VisualElement name="SideStreet" class="side-street" />
            
            <!-- Lower District -->
            <ui:VisualElement name="LowerDistrict" class="town-district">
                <!-- General Store -->
                <ui:VisualElement name="GeneralStore" class="town-building town-shop general-shop interactable-building">
                    <ui:Label text="🏪 Pete's General Goods" name="building-name" class="building-label" />
                    <ui:VisualElement class="shop-banner">
                        <ui:Label text="GENERAL STORE" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
                
                <!-- Inn -->
                <ui:VisualElement name="Inn" class="town-building town-special inn interactable-building">
                    <ui:Label text="🍺 The Wanderer's Rest" class="building-label" />
                    <ui:VisualElement class="interaction-banner">
                        <ui:Label text="Click to Enter" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
                
                <!-- Harbor (if enabled) -->
                <ui:VisualElement name="Harbor" class="town-building town-special harbor interactable-building">
                    <ui:Label text="⚓ Harbor" class="building-label" />
                    <ui:VisualElement class="interaction-banner">
                        <ui:Label text="Click to Enter" class="banner-text" />
                    </ui:VisualElement>
                </ui:VisualElement>
                
                <!-- Common Houses -->
                <ui:VisualElement name="House1" class="town-building town-house">
                    <ui:Label text="🏠 House" class="building-label" />
                </ui:VisualElement>
            </ui:VisualElement>
            
            <!-- Outer Town Wall (Bottom) -->
            <ui:VisualElement name="TownWallBottom" class="town-wall-horizontal" />
            
        </ui:VisualElement>
        
        <!-- Bottom UI Panel -->
        <ui:VisualElement name="BottomPanel" class="bottom-panel">
            <ui:Label name="InteractionHint" text="Click on buildings with banners to interact with them" class="interaction-hint" />
            <ui:VisualElement name="MoneyDisplay" class="money-display">
                <ui:Label text="Party Funds:" class="money-label" />
                <ui:Label name="MoneyAmount" text="100g 50s 25c" class="money-amount" />
            </ui:VisualElement>
        </ui:VisualElement>
        
    </ui:VisualElement>
</ui:UXML>