Files
novafarma/asset_gallery_full.html

4761 lines
225 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mrtva Dolina - Full Asset Gallery</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Segoe UI', Tahoma, sans-serif;
background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
color: #e0e0e0;
padding: 20px;
}
.header {
text-align: center;
padding: 40px 20px;
background: rgba(0,0,0,0.4);
border-radius: 10px;
margin-bottom: 30px;
border: 2px solid #ff4444;
}
.header h1 {
font-size: 3.5em;
color: #ff4444;
text-shadow: 3px 3px 6px rgba(0,0,0,0.9);
margin-bottom: 10px;
}
.header p {
font-size: 1.3em;
color: #aaa;
}
.stats {
text-align: center;
margin: 20px 0;
font-size: 1.2em;
color: #888;
padding: 15px;
background: rgba(0,0,0,0.3);
border-radius: 8px;
}
.category {
margin: 50px 0;
background: rgba(0,0,0,0.3);
border-radius: 12px;
padding: 25px;
border: 1px solid #333;
}
.category-header {
font-size: 2.2em;
color: #ff6666;
margin-bottom: 25px;
padding-bottom: 15px;
border-bottom: 3px solid #444;
}
.category-header .count {
font-size: 0.6em;
color: #888;
margin-left: 15px;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 20px;
margin-top: 25px;
}
.card {
background: rgba(255,255,255,0.05);
border: 1px solid #444;
border-radius: 10px;
padding: 15px;
text-align: center;
transition: all 0.3s ease;
}
.card:hover {
transform: translateY(-8px) scale(1.02);
box-shadow: 0 10px 25px rgba(255,68,68,0.4);
border-color: #ff4444;
background: rgba(255,68,68,0.1);
}
.card img {
width: 180px;
height: 180px;
object-fit: contain;
background: rgba(0,0,0,0.5);
border-radius: 6px;
margin-bottom: 12px;
image-rendering: pixelated;
border: 1px solid #222;
}
.asset-name {
font-size: 0.85em;
color: #ccc;
margin: 10px 0;
word-break: break-all;
font-family: 'Courier New', monospace;
min-height: 40px;
}
.copy-btn {
background: linear-gradient(135deg, #ff4444, #cc3333);
color: white;
border: none;
padding: 10px 18px;
border-radius: 6px;
cursor: pointer;
font-size: 0.95em;
font-weight: bold;
transition: all 0.2s;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.copy-btn:hover {
background: linear-gradient(135deg, #ff6666, #ff4444);
transform: scale(1.05);
box-shadow: 0 4px 10px rgba(255,68,68,0.4);
}
.copy-btn:active {
background: #cc3333;
transform: scale(0.98);
}
.copied {
background: linear-gradient(135deg, #44ff44, #33cc33) !important;
}
</style>
</head>
<body>
<div class="header">
<h1>💀 MRTVA DOLINA 💀</h1>
<p>Complete Asset Gallery - Static Offline Version</p>
</div>
<div class="stats">
<strong>📊 Total Assets:</strong> 500 |
<strong>📁 Categories:</strong> 8
</div>
<div class="category">
<div class="category-header">
🌱 Ground & Terrain
<span class="count">(88 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/npcs/atlantis/01_baker.png" alt="01_baker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_baker.png</div>
<button class="copy-btn" onclick="copyName('01_baker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/01_farmer_jozef.png" alt="01_farmer_jozef.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_farmer_jozef.png</div>
<button class="copy-btn" onclick="copyName('01_farmer_jozef.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/02_blacksmith.png" alt="02_blacksmith.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_blacksmith.png</div>
<button class="copy-btn" onclick="copyName('02_blacksmith.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/02_farmer_marija.png" alt="02_farmer_marija.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_farmer_marija.png</div>
<button class="copy-btn" onclick="copyName('02_farmer_marija.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/03_king.png" alt="03_king.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_king.png</div>
<button class="copy-btn" onclick="copyName('03_king.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/03_seed_merchant.png" alt="03_seed_merchant.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_seed_merchant.png</div>
<button class="copy-btn" onclick="copyName('03_seed_merchant.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/04_field_worker.png" alt="04_field_worker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_field_worker.png</div>
<button class="copy-btn" onclick="copyName('04_field_worker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/04_researcher.png" alt="04_researcher.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_researcher.png</div>
<button class="copy-btn" onclick="copyName('04_researcher.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/04_water_trough.png" alt="04_water_trough.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_water_trough.png</div>
<button class="copy-btn" onclick="copyName('04_water_trough.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/05_shepherd.png" alt="05_shepherd.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_shepherd.png</div>
<button class="copy-btn" onclick="copyName('05_shepherd.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/05_water_guardian.png" alt="05_water_guardian.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_water_guardian.png</div>
<button class="copy-btn" onclick="copyName('05_water_guardian.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/05_worker.png" alt="05_worker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_worker.png</div>
<button class="copy-btn" onclick="copyName('05_worker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/06_guard.png" alt="06_guard.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_guard.png</div>
<button class="copy-btn" onclick="copyName('06_guard.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/06_livestock_trader.png" alt="06_livestock_trader.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_livestock_trader.png</div>
<button class="copy-btn" onclick="copyName('06_livestock_trader.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/07_explorer.png" alt="07_explorer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_explorer.png</div>
<button class="copy-btn" onclick="copyName('07_explorer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/grassland/07_wandering_townsfolk.png" alt="07_wandering_townsfolk.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_wandering_townsfolk.png</div>
<button class="copy-btn" onclick="copyName('07_wandering_townsfolk.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/08_scholar.png" alt="08_scholar.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_scholar.png</div>
<button class="copy-btn" onclick="copyName('08_scholar.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/09_priestess.png" alt="09_priestess.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_priestess.png</div>
<button class="copy-btn" onclick="copyName('09_priestess.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/10_diplomat.png" alt="10_diplomat.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_diplomat.png</div>
<button class="copy-btn" onclick="copyName('10_diplomat.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/11_priest.png" alt="11_priest.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_priest.png</div>
<button class="copy-btn" onclick="copyName('11_priest.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/12_engineer.png" alt="12_engineer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_engineer.png</div>
<button class="copy-btn" onclick="copyName('12_engineer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/13_botanist.png" alt="13_botanist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">13_botanist.png</div>
<button class="copy-btn" onclick="copyName('13_botanist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/14_curator.png" alt="14_curator.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">14_curator.png</div>
<button class="copy-btn" onclick="copyName('14_curator.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/15_merchant.png" alt="15_merchant.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">15_merchant.png</div>
<button class="copy-btn" onclick="copyName('15_merchant.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/16_warrior.png" alt="16_warrior.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">16_warrior.png</div>
<button class="copy-btn" onclick="copyName('16_warrior.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/atlantis/17_healer.png" alt="17_healer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">17_healer.png</div>
<button class="copy-btn" onclick="copyName('17_healer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/MASTER_REFERENCE.png" alt="MASTER_REFERENCE.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">MASTER_REFERENCE.png</div>
<button class="copy-btn" onclick="copyName('MASTER_REFERENCE.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/flowers/blue_patch.png" alt="blue_patch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">blue_patch.png</div>
<button class="copy-btn" onclick="copyName('blue_patch.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/bush_flowering.png" alt="bush_flowering.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">bush_flowering.png</div>
<button class="copy-btn" onclick="copyName('bush_flowering.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/bush_green.png" alt="bush_green.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">bush_green.png</div>
<button class="copy-btn" onclick="copyName('bush_green.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/bushes_set2.png" alt="bushes_set2.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">bushes_set2.png</div>
<button class="copy-btn" onclick="copyName('bushes_set2.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_watered_1767870359735.png" alt="crop_plot_watered_1767870359735.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_watered_1767870359735.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_watered_1767870359735.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/dirt.png" alt="dirt.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dirt.png</div>
<button class="copy-btn" onclick="copyName('dirt.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/dirt_path.png" alt="dirt_path.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dirt_path.png</div>
<button class="copy-btn" onclick="copyName('dirt_path.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/dirt_path_corner_bottomleft.png" alt="dirt_path_corner_bottomleft.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dirt_path_corner_bottomleft.png</div>
<button class="copy-btn" onclick="copyName('dirt_path_corner_bottomleft.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/dirt_path_corner_bottomright.png" alt="dirt_path_corner_bottomright.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dirt_path_corner_bottomright.png</div>
<button class="copy-btn" onclick="copyName('dirt_path_corner_bottomright.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/dirt_path_corner_topleft.png" alt="dirt_path_corner_topleft.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dirt_path_corner_topleft.png</div>
<button class="copy-btn" onclick="copyName('dirt_path_corner_topleft.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/fallen_log.png" alt="fallen_log.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fallen_log.png</div>
<button class="copy-btn" onclick="copyName('fallen_log.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/farmland.png" alt="farmland.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">farmland.png</div>
<button class="copy-btn" onclick="copyName('farmland.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/fence_corner.png" alt="fence_corner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_corner.png</div>
<button class="copy-btn" onclick="copyName('fence_corner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/fence_horizontal.png" alt="fence_horizontal.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_horizontal.png</div>
<button class="copy-btn" onclick="copyName('fence_horizontal.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/fence_t_junction.png" alt="fence_t_junction.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_t_junction.png</div>
<button class="copy-btn" onclick="copyName('fence_t_junction.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/fence_vertical.png" alt="fence_vertical.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_vertical.png</div>
<button class="copy-btn" onclick="copyName('fence_vertical.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/gate_closed.png" alt="gate_closed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gate_closed.png</div>
<button class="copy-btn" onclick="copyName('gate_closed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/gate_open.png" alt="gate_open.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gate_open.png</div>
<button class="copy-btn" onclick="copyName('gate_open.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/grass.png" alt="grass.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass.png</div>
<button class="copy-btn" onclick="copyName('grass.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_bottom.png" alt="grass_border_bottom.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_bottom.png</div>
<button class="copy-btn" onclick="copyName('grass_border_bottom.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_corner.png" alt="grass_border_corner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_corner.png</div>
<button class="copy-btn" onclick="copyName('grass_border_corner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_corner_bottomleft.png" alt="grass_border_corner_bottomleft.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_corner_bottomleft.png</div>
<button class="copy-btn" onclick="copyName('grass_border_corner_bottomleft.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_corner_bottomright.png" alt="grass_border_corner_bottomright.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_corner_bottomright.png</div>
<button class="copy-btn" onclick="copyName('grass_border_corner_bottomright.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_corner_topleft.png" alt="grass_border_corner_topleft.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_corner_topleft.png</div>
<button class="copy-btn" onclick="copyName('grass_border_corner_topleft.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_left.png" alt="grass_border_left.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_left.png</div>
<button class="copy-btn" onclick="copyName('grass_border_left.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_right.png" alt="grass_border_right.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_right.png</div>
<button class="copy-btn" onclick="copyName('grass_border_right.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_border_top.png" alt="grass_border_top.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_border_top.png</div>
<button class="copy-btn" onclick="copyName('grass_border_top.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_dark.png" alt="grass_dark.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_dark.png</div>
<button class="copy-btn" onclick="copyName('grass_dark.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/grass_light.png" alt="grass_light.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">grass_light.png</div>
<button class="copy-btn" onclick="copyName('grass_light.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_watering_can.png" alt="icon_watering_can.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_watering_can.png</div>
<button class="copy-btn" onclick="copyName('icon_watering_can.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/flowers/mixed_patch.png" alt="mixed_patch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mixed_patch.png</div>
<button class="copy-btn" onclick="copyName('mixed_patch.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/mushroom_small.png" alt="mushroom_small.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mushroom_small.png</div>
<button class="copy-btn" onclick="copyName('mushroom_small.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/mushrooms_large.png" alt="mushrooms_large.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mushrooms_large.png</div>
<button class="copy-btn" onclick="copyName('mushrooms_large.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/trees/oak_summer.png" alt="oak_summer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">oak_summer.png</div>
<button class="copy-btn" onclick="copyName('oak_summer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/trees/pine.png" alt="pine.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">pine.png</div>
<button class="copy-btn" onclick="copyName('pine.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_empty.png" alt="plot_empty.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_empty.png</div>
<button class="copy-btn" onclick="copyName('plot_empty.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_fertilized.png" alt="plot_fertilized.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_fertilized.png</div>
<button class="copy-btn" onclick="copyName('plot_fertilized.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_growing1.png" alt="plot_growing1.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_growing1.png</div>
<button class="copy-btn" onclick="copyName('plot_growing1.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_growing2.png" alt="plot_growing2.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_growing2.png</div>
<button class="copy-btn" onclick="copyName('plot_growing2.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_watered.png" alt="plot_watered.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_watered.png</div>
<button class="copy-btn" onclick="copyName('plot_watered.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/crop_plots/plot_withered.png" alt="plot_withered.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">plot_withered.png</div>
<button class="copy-btn" onclick="copyName('plot_withered.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/flowers/red_patch.png" alt="red_patch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">red_patch.png</div>
<button class="copy-btn" onclick="copyName('red_patch.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/rock_large.png" alt="rock_large.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">rock_large.png</div>
<button class="copy-btn" onclick="copyName('rock_large.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/rock_medium.png" alt="rock_medium.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">rock_medium.png</div>
<button class="copy-btn" onclick="copyName('rock_medium.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/rock_small.png" alt="rock_small.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">rock_small.png</div>
<button class="copy-btn" onclick="copyName('rock_small.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/rocks_set2.png" alt="rocks_set2.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">rocks_set2.png</div>
<button class="copy-btn" onclick="copyName('rocks_set2.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/farm/sign_post.png" alt="sign_post.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">sign_post.png</div>
<button class="copy-btn" onclick="copyName('sign_post.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/maps/tilesets_source/ground/soil_tilled.png" alt="soil_tilled.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">soil_tilled.png</div>
<button class="copy-btn" onclick="copyName('soil_tilled.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/stone.png" alt="stone.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">stone.png</div>
<button class="copy-btn" onclick="copyName('stone.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/stone_path.png" alt="stone_path.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">stone_path.png</div>
<button class="copy-btn" onclick="copyName('stone_path.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/tall_grass.png" alt="tall_grass.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tall_grass.png</div>
<button class="copy-btn" onclick="copyName('tall_grass.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/tall_grass_set1.png" alt="tall_grass_set1.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tall_grass_set1.png</div>
<button class="copy-btn" onclick="copyName('tall_grass_set1.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/tall_grass_set2.png" alt="tall_grass_set2.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tall_grass_set2.png</div>
<button class="copy-btn" onclick="copyName('tall_grass_set2.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/tilled_soil_dry.png" alt="tilled_soil_dry.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tilled_soil_dry.png</div>
<button class="copy-btn" onclick="copyName('tilled_soil_dry.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/tiles/tilled_soil_wet.png" alt="tilled_soil_wet.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tilled_soil_wet.png</div>
<button class="copy-btn" onclick="copyName('tilled_soil_wet.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/props/tree_stump.png" alt="tree_stump.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">tree_stump.png</div>
<button class="copy-btn" onclick="copyName('tree_stump.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/water.png" alt="water.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">water.png</div>
<button class="copy-btn" onclick="copyName('water.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/flowers/white_patch.png" alt="white_patch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">white_patch.png</div>
<button class="copy-btn" onclick="copyName('white_patch.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/trees/willow.png" alt="willow.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">willow.png</div>
<button class="copy-btn" onclick="copyName('willow.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/grounds/wood_floor.png" alt="wood_floor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">wood_floor.png</div>
<button class="copy-btn" onclick="copyName('wood_floor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/biomes/grassland/flowers/yellow_patch.png" alt="yellow_patch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">yellow_patch.png</div>
<button class="copy-btn" onclick="copyName('yellow_patch.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
🌳 Trees & Nature
<span class="count">(25 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/npcs/endless_forest/02_tree_keeper.png" alt="02_tree_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_tree_keeper.png</div>
<button class="copy-btn" onclick="copyName('02_tree_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/apple/apple_tree.png" alt="apple_tree.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">apple_tree.png</div>
<button class="copy-btn" onclick="copyName('apple_tree.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/cactus/cactus.png" alt="cactus.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cactus.png</div>
<button class="copy-btn" onclick="copyName('cactus.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/chaos_streets_apocalypse.png" alt="chaos_streets_apocalypse.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">chaos_streets_apocalypse.png</div>
<button class="copy-btn" onclick="copyName('chaos_streets_apocalypse.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/cherry/cherry_tree.png" alt="cherry_tree.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cherry_tree.png</div>
<button class="copy-btn" onclick="copyName('cherry_tree.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/dead/dead_tree.png" alt="dead_tree.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dead_tree.png</div>
<button class="copy-btn" onclick="copyName('dead_tree.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/lemon/lemon_tree.png" alt="lemon_tree.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">lemon_tree.png</div>
<button class="copy-btn" onclick="copyName('lemon_tree.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/apple/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/cherry_blossom/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/oak/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/lemon/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/maple/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/pine/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/bamboo/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/birch/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/orange/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/palm/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/willow/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/oak/oak_autumn.png" alt="oak_autumn.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">oak_autumn.png</div>
<button class="copy-btn" onclick="copyName('oak_autumn.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/oak/oak_spring.png" alt="oak_spring.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">oak_spring.png</div>
<button class="copy-btn" onclick="copyName('oak_spring.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/oak/oak_summer.png" alt="oak_summer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">oak_summer.png</div>
<button class="copy-btn" onclick="copyName('oak_summer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/oak/oak_winter.png" alt="oak_winter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">oak_winter.png</div>
<button class="copy-btn" onclick="copyName('oak_winter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/palm/palm_default.png" alt="palm_default.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">palm_default.png</div>
<button class="copy-btn" onclick="copyName('palm_default.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/pine/pine_default.png" alt="pine_default.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">pine_default.png</div>
<button class="copy-btn" onclick="copyName('pine_default.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/trees/pine/pine_winter.png" alt="pine_winter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">pine_winter.png</div>
<button class="copy-btn" onclick="copyName('pine_winter.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
🌾 Crops & Farming
<span class="count">(25 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/npcs/mythical_highlands/02_unicorn_breeder.png" alt="02_unicorn_breeder.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_unicorn_breeder.png</div>
<button class="copy-btn" onclick="copyName('02_unicorn_breeder.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/BIOME_CROP_TEST_SHEET.png" alt="BIOME_CROP_TEST_SHEET.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">BIOME_CROP_TEST_SHEET.png</div>
<button class="copy-btn" onclick="copyName('BIOME_CROP_TEST_SHEET.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_empty_1767870343298.png" alt="crop_plot_empty_1767870343298.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_empty_1767870343298.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_empty_1767870343298.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_fertilized_1767870374594.png" alt="crop_plot_fertilized_1767870374594.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_fertilized_1767870374594.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_fertilized_1767870374594.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_growing1_1767870402526.png" alt="crop_plot_growing1_1767870402526.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_growing1_1767870402526.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_growing1_1767870402526.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_growing2_1767870418472.png" alt="crop_plot_growing2_1767870418472.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_growing2_1767870418472.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_growing2_1767870418472.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_plot_withered_1767870388267.png" alt="crop_plot_withered_1767870388267.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_plot_withered_1767870388267.png</div>
<button class="copy-btn" onclick="copyName('crop_plot_withered_1767870388267.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_storage_shed_1767913296137.png" alt="crop_storage_shed_1767913296137.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_storage_shed_1767913296137.png</div>
<button class="copy-btn" onclick="copyName('crop_storage_shed_1767913296137.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_wilting_frame1_1767962070483.png" alt="crop_wilting_frame1_1767962070483.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_wilting_frame1_1767962070483.png</div>
<button class="copy-btn" onclick="copyName('crop_wilting_frame1_1767962070483.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_wilting_frame2_1767962085947.png" alt="crop_wilting_frame2_1767962085947.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_wilting_frame2_1767962085947.png</div>
<button class="copy-btn" onclick="copyName('crop_wilting_frame2_1767962085947.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_wilting_frame3_1767962102019.png" alt="crop_wilting_frame3_1767962102019.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_wilting_frame3_1767962102019.png</div>
<button class="copy-btn" onclick="copyName('crop_wilting_frame3_1767962102019.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/crop_wilting_reference_1767882634725.png" alt="crop_wilting_reference_1767882634725.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">crop_wilting_reference_1767882634725.png</div>
<button class="copy-btn" onclick="copyName('crop_wilting_reference_1767882634725.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/fence/fence_corner.png" alt="fence_corner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_corner.png</div>
<button class="copy-btn" onclick="copyName('fence_corner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_seed_bag.png" alt="icon_seed_bag.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_seed_bag.png</div>
<button class="copy-btn" onclick="copyName('icon_seed_bag.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_wheat.png" alt="icon_wheat.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_wheat.png</div>
<button class="copy-btn" onclick="copyName('icon_wheat.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/apple/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/peanut/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/kale/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/hemp/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/blueberry/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/turnip/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/pear/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/strawberry/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/crops/avocado/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/power_pole_corner.png" alt="power_pole_corner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">power_pole_corner.png</div>
<button class="copy-btn" onclick="copyName('power_pole_corner.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
🎨 UI & Icons
<span class="count">(36 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/shop/08_sell_button.png" alt="08_sell_button.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_sell_button.png</div>
<button class="copy-btn" onclick="copyName('08_sell_button.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/11_buy_button.png" alt="11_buy_button.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_buy_button.png</div>
<button class="copy-btn" onclick="copyName('11_buy_button.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/13_ui_arrow.png" alt="13_ui_arrow.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">13_ui_arrow.png</div>
<button class="copy-btn" onclick="copyName('13_ui_arrow.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/buttons/button_close.png" alt="button_close.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">button_close.png</div>
<button class="copy-btn" onclick="copyName('button_close.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/buttons/button_hover.png" alt="button_hover.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">button_hover.png</div>
<button class="copy-btn" onclick="copyName('button_hover.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/buttons/button_normal.png" alt="button_normal.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">button_normal.png</div>
<button class="copy-btn" onclick="copyName('button_normal.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/buttons/button_pressed.png" alt="button_pressed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">button_pressed.png</div>
<button class="copy-btn" onclick="copyName('button_pressed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro/cellar_ruins.png" alt="cellar_ruins.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cellar_ruins.png</div>
<button class="copy-btn" onclick="copyName('cellar_ruins.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/dialogue/continue_arrow.png" alt="continue_arrow.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">continue_arrow.png</div>
<button class="copy-btn" onclick="copyName('continue_arrow.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/ui/currency_cekin.png" alt="currency_cekin.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">currency_cekin.png</div>
<button class="copy-btn" onclick="copyName('currency_cekin.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/cursors/cursor_crosshair.png" alt="cursor_crosshair.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cursor_crosshair.png</div>
<button class="copy-btn" onclick="copyName('cursor_crosshair.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/cursors/cursor_hand.png" alt="cursor_hand.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cursor_hand.png</div>
<button class="copy-btn" onclick="copyName('cursor_hand.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/panels/cursor_pointer.png" alt="cursor_pointer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">cursor_pointer.png</div>
<button class="copy-btn" onclick="copyName('cursor_pointer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/dialogue/dialogue_box_bg.png" alt="dialogue_box_bg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">dialogue_box_bg.png</div>
<button class="copy-btn" onclick="copyName('dialogue_box_bg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/health_stamina/health_bar_bg.png" alt="health_bar_bg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">health_bar_bg.png</div>
<button class="copy-btn" onclick="copyName('health_bar_bg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/health_stamina/health_bar_fill.png" alt="health_bar_fill.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">health_bar_fill.png</div>
<button class="copy-btn" onclick="copyName('health_bar_fill.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/health_stamina/hp_stamina_frame.png" alt="hp_stamina_frame.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">hp_stamina_frame.png</div>
<button class="copy-btn" onclick="copyName('hp_stamina_frame.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_carrot.png" alt="icon_carrot.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_carrot.png</div>
<button class="copy-btn" onclick="copyName('icon_carrot.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_coin.png" alt="icon_coin.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_coin.png</div>
<button class="copy-btn" onclick="copyName('icon_coin.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_hoe.png" alt="icon_hoe.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_hoe.png</div>
<button class="copy-btn" onclick="copyName('icon_hoe.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/icons/icon_quest_marker.png" alt="icon_quest_marker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">icon_quest_marker.png</div>
<button class="copy-btn" onclick="copyName('icon_quest_marker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/fonts/inventory_numbers.png" alt="inventory_numbers.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">inventory_numbers.png</div>
<button class="copy-btn" onclick="copyName('inventory_numbers.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/trial/lock_icon.png" alt="lock_icon.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">lock_icon.png</div>
<button class="copy-btn" onclick="copyName('lock_icon.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/panels/minimap_frame.png" alt="minimap_frame.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">minimap_frame.png</div>
<button class="copy-btn" onclick="copyName('minimap_frame.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/inventory/panel_bg.png" alt="panel_bg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">panel_bg.png</div>
<button class="copy-btn" onclick="copyName('panel_bg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/dialogue/portrait_frame.png" alt="portrait_frame.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">portrait_frame.png</div>
<button class="copy-btn" onclick="copyName('portrait_frame.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/trial/purchase_button.png" alt="purchase_button.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">purchase_button.png</div>
<button class="copy-btn" onclick="copyName('purchase_button.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/panels/quest_tracker.png" alt="quest_tracker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">quest_tracker.png</div>
<button class="copy-btn" onclick="copyName('quest_tracker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/ui/resource_icon_food.png" alt="resource_icon_food.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_icon_food.png</div>
<button class="copy-btn" onclick="copyName('resource_icon_food.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/ui/resource_icon_stone.png" alt="resource_icon_stone.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_icon_stone.png</div>
<button class="copy-btn" onclick="copyName('resource_icon_stone.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/ui/resource_icon_wood.png" alt="resource_icon_wood.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_icon_wood.png</div>
<button class="copy-btn" onclick="copyName('resource_icon_wood.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/inventory/slot_empty.png" alt="slot_empty.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">slot_empty.png</div>
<button class="copy-btn" onclick="copyName('slot_empty.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/inventory/slot_selected.png" alt="slot_selected.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">slot_selected.png</div>
<button class="copy-btn" onclick="copyName('slot_selected.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/health_stamina/stamina_bar_bg.png" alt="stamina_bar_bg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">stamina_bar_bg.png</div>
<button class="copy-btn" onclick="copyName('stamina_bar_bg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/health_stamina/stamina_bar_fill.png" alt="stamina_bar_fill.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">stamina_bar_fill.png</div>
<button class="copy-btn" onclick="copyName('stamina_bar_fill.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/ui/trial/trial_badge.png" alt="trial_badge.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">trial_badge.png</div>
<button class="copy-btn" onclick="copyName('trial_badge.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
🏗️ Props & Objects
<span class="count">(15 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/farm_props/chicken_coop/01_broken.png" alt="01_broken.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_broken.png</div>
<button class="copy-btn" onclick="copyName('01_broken.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/01_scarecrow.png" alt="01_scarecrow.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_scarecrow.png</div>
<button class="copy-btn" onclick="copyName('01_scarecrow.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/02_compost_bin.png" alt="02_compost_bin.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_compost_bin.png</div>
<button class="copy-btn" onclick="copyName('02_compost_bin.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/chicken_coop/02_repaired.png" alt="02_repaired.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_repaired.png</div>
<button class="copy-btn" onclick="copyName('02_repaired.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/chicken_coop/03_upgraded.png" alt="03_upgraded.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_upgraded.png</div>
<button class="copy-btn" onclick="copyName('03_upgraded.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/03_wheelbarrow.png" alt="03_wheelbarrow.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_wheelbarrow.png</div>
<button class="copy-btn" onclick="copyName('03_wheelbarrow.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/chicken_coop/04_deluxe.png" alt="04_deluxe.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_deluxe.png</div>
<button class="copy-btn" onclick="copyName('04_deluxe.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/05_hay_bales.png" alt="05_hay_bales.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_hay_bales.png</div>
<button class="copy-btn" onclick="copyName('05_hay_bales.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/06_tool_rack.png" alt="06_tool_rack.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_tool_rack.png</div>
<button class="copy-btn" onclick="copyName('06_tool_rack.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/07_flower_bed.png" alt="07_flower_bed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_flower_bed.png</div>
<button class="copy-btn" onclick="copyName('07_flower_bed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/08_beehive.png" alt="08_beehive.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_beehive.png</div>
<button class="copy-btn" onclick="copyName('08_beehive.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/09_animal_pen.png" alt="09_animal_pen.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_animal_pen.png</div>
<button class="copy-btn" onclick="copyName('09_animal_pen.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/fence/fence_horizontal.png" alt="fence_horizontal.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_horizontal.png</div>
<button class="copy-btn" onclick="copyName('fence_horizontal.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/farm_props/fence/fence_vertical.png" alt="fence_vertical.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fence_vertical.png</div>
<button class="copy-btn" onclick="copyName('fence_vertical.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/storage_crate.png" alt="storage_crate.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">storage_crate.png</div>
<button class="copy-btn" onclick="copyName('storage_crate.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
🏠 Buildings
<span class="count">(55 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/buildings/barn/01_ruined.png" alt="01_ruined.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_ruined.png</div>
<button class="copy-btn" onclick="copyName('01_ruined.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/01_sleeping_bag_only.png" alt="01_sleeping_bag_only.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_sleeping_bag_only.png</div>
<button class="copy-btn" onclick="copyName('01_sleeping_bag_only.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/02_partial_repair.png" alt="02_partial_repair.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_partial_repair.png</div>
<button class="copy-btn" onclick="copyName('02_partial_repair.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/02_tent.png" alt="02_tent.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_tent.png</div>
<button class="copy-btn" onclick="copyName('02_tent.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/03_repaired_basic.png" alt="03_repaired_basic.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_repaired_basic.png</div>
<button class="copy-btn" onclick="copyName('03_repaired_basic.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/03_wooden_hut.png" alt="03_wooden_hut.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_wooden_hut.png</div>
<button class="copy-btn" onclick="copyName('03_wooden_hut.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/04_gothic_house.png" alt="04_gothic_house.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_gothic_house.png</div>
<button class="copy-btn" onclick="copyName('04_gothic_house.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/04_upgraded_stable.png" alt="04_upgraded_stable.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_upgraded_stable.png</div>
<button class="copy-btn" onclick="copyName('04_upgraded_stable.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/05_deluxe_estate.png" alt="05_deluxe_estate.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_deluxe_estate.png</div>
<button class="copy-btn" onclick="copyName('05_deluxe_estate.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/05_gothic_manor.png" alt="05_gothic_manor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_gothic_manor.png</div>
<button class="copy-btn" onclick="copyName('05_gothic_manor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/08_lighthouse_keeper.png" alt="08_lighthouse_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_lighthouse_keeper.png</div>
<button class="copy-btn" onclick="copyName('08_lighthouse_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn.png" alt="barn.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">barn.png</div>
<button class="copy-btn" onclick="copyName('barn.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/barn_door.png" alt="barn_door.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">barn_door.png</div>
<button class="copy-btn" onclick="copyName('barn_door.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/barn/barn_interior_hay.png" alt="barn_interior_hay.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">barn_interior_hay.png</div>
<button class="copy-btn" onclick="copyName('barn_interior_hay.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/basement_entrance.png" alt="basement_entrance.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">basement_entrance.png</div>
<button class="copy-btn" onclick="copyName('basement_entrance.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/city_hall.png" alt="city_hall.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">city_hall.png</div>
<button class="copy-btn" onclick="copyName('city_hall.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/farmhouse.png" alt="farmhouse.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">farmhouse.png</div>
<button class="copy-btn" onclick="copyName('farmhouse.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/town_boundary/fog_wall.png" alt="fog_wall.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">fog_wall.png</div>
<button class="copy-btn" onclick="copyName('fog_wall.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/generator.png" alt="generator.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">generator.png</div>
<button class="copy-btn" onclick="copyName('generator.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/generator.png" alt="generator.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">generator.png</div>
<button class="copy-btn" onclick="copyName('generator.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/gothic_house/gothic_house_reference.png" alt="gothic_house_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gothic_house_reference.png</div>
<button class="copy-btn" onclick="copyName('gothic_house_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/land_marker_available.png" alt="land_marker_available.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">land_marker_available.png</div>
<button class="copy-btn" onclick="copyName('land_marker_available.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/land_marker_locked.png" alt="land_marker_locked.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">land_marker_locked.png</div>
<button class="copy-btn" onclick="copyName('land_marker_locked.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/town_boundary/locked_sign.png" alt="locked_sign.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">locked_sign.png</div>
<button class="copy-btn" onclick="copyName('locked_sign.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/mine_entrance.png" alt="mine_entrance.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mine_entrance.png</div>
<button class="copy-btn" onclick="copyName('mine_entrance.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/mine_entrance.png" alt="mine_entrance.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mine_entrance.png</div>
<button class="copy-btn" onclick="copyName('mine_entrance.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/mine_support_beam.png" alt="mine_support_beam.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mine_support_beam.png</div>
<button class="copy-btn" onclick="copyName('mine_support_beam.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/minecart_empty.png" alt="minecart_empty.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">minecart_empty.png</div>
<button class="copy-btn" onclick="copyName('minecart_empty.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/minecart_full.png" alt="minecart_full.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">minecart_full.png</div>
<button class="copy-btn" onclick="copyName('minecart_full.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/mining_lantern.png" alt="mining_lantern.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mining_lantern.png</div>
<button class="copy-btn" onclick="copyName('mining_lantern.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/mining_pickaxe.png" alt="mining_pickaxe.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mining_pickaxe.png</div>
<button class="copy-btn" onclick="copyName('mining_pickaxe.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/ore_pile_coal.png" alt="ore_pile_coal.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ore_pile_coal.png</div>
<button class="copy-btn" onclick="copyName('ore_pile_coal.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/ore_pile_stone.png" alt="ore_pile_stone.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ore_pile_stone.png</div>
<button class="copy-btn" onclick="copyName('ore_pile_stone.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/population_board.png" alt="population_board.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">population_board.png</div>
<button class="copy-btn" onclick="copyName('population_board.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/population_board.png" alt="population_board.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">population_board.png</div>
<button class="copy-btn" onclick="copyName('population_board.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/power_pole_straight.png" alt="power_pole_straight.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">power_pole_straight.png</div>
<button class="copy-btn" onclick="copyName('power_pole_straight.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/kai_house/progression_visual.png" alt="progression_visual.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">progression_visual.png</div>
<button class="copy-btn" onclick="copyName('progression_visual.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/resource_depot.png" alt="resource_depot.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_depot.png</div>
<button class="copy-btn" onclick="copyName('resource_depot.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/resource_pile_food.png" alt="resource_pile_food.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_pile_food.png</div>
<button class="copy-btn" onclick="copyName('resource_pile_food.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/resource_pile_wood.png" alt="resource_pile_wood.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">resource_pile_wood.png</div>
<button class="copy-btn" onclick="copyName('resource_pile_wood.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/shed.png" alt="shed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">shed.png</div>
<button class="copy-btn" onclick="copyName('shed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/silo.png" alt="silo.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">silo.png</div>
<button class="copy-btn" onclick="copyName('silo.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/storage_shed.png" alt="storage_shed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">storage_shed.png</div>
<button class="copy-btn" onclick="copyName('storage_shed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/storage_shed.png" alt="storage_shed.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">storage_shed.png</div>
<button class="copy-btn" onclick="copyName('storage_shed.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/town_boundary/town_gate_locked.png" alt="town_gate_locked.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">town_gate_locked.png</div>
<button class="copy-btn" onclick="copyName('town_gate_locked.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/uv_light_fixture.png" alt="uv_light_fixture.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">uv_light_fixture.png</div>
<button class="copy-btn" onclick="copyName('uv_light_fixture.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well.png" alt="well.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well.png</div>
<button class="copy-btn" onclick="copyName('well.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame1_bucket_bottom.png" alt="well_frame1_bucket_bottom.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame1_bucket_bottom.png</div>
<button class="copy-btn" onclick="copyName('well_frame1_bucket_bottom.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame2_rising_25.png" alt="well_frame2_rising_25.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame2_rising_25.png</div>
<button class="copy-btn" onclick="copyName('well_frame2_rising_25.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame3_rising_50.png" alt="well_frame3_rising_50.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame3_rising_50.png</div>
<button class="copy-btn" onclick="copyName('well_frame3_rising_50.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame4_top_full.png" alt="well_frame4_top_full.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame4_top_full.png</div>
<button class="copy-btn" onclick="copyName('well_frame4_top_full.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame5_descending_50.png" alt="well_frame5_descending_50.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame5_descending_50.png</div>
<button class="copy-btn" onclick="copyName('well_frame5_descending_50.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/well_animated/well_frame6_descending_75.png" alt="well_frame6_descending_75.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">well_frame6_descending_75.png</div>
<button class="copy-btn" onclick="copyName('well_frame6_descending_75.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/buildings/windmill.png" alt="windmill.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">windmill.png</div>
<button class="copy-btn" onclick="copyName('windmill.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/buildings/working_table.png" alt="working_table.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">working_table.png</div>
<button class="copy-btn" onclick="copyName('working_table.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
👤 Characters & NPCs
<span class="count">(220 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/npcs/endless_forest/01_ancient_druid.png" alt="01_ancient_druid.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_ancient_druid.png</div>
<button class="copy-btn" onclick="copyName('01_ancient_druid.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/01_caravan_trader.png" alt="01_caravan_trader.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_caravan_trader.png</div>
<button class="copy-btn" onclick="copyName('01_caravan_trader.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/01_fairy_keeper.png" alt="01_fairy_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_fairy_keeper.png</div>
<button class="copy-btn" onclick="copyName('01_fairy_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/01_guide.png" alt="01_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_guide.png</div>
<button class="copy-btn" onclick="copyName('01_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/01_head_witch.png" alt="01_head_witch.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_head_witch.png</div>
<button class="copy-btn" onclick="copyName('01_head_witch.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/01_high_priest.png" alt="01_high_priest.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_high_priest.png</div>
<button class="copy-btn" onclick="copyName('01_high_priest.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/snow_arctic/01_ice_priest.png" alt="01_ice_priest.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_ice_priest.png</div>
<button class="copy-btn" onclick="copyName('01_ice_priest.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/01_logger.png" alt="01_logger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_logger.png</div>
<button class="copy-btn" onclick="copyName('01_logger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/01_mayan_priest.png" alt="01_mayan_priest.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_mayan_priest.png</div>
<button class="copy-btn" onclick="copyName('01_mayan_priest.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/01_monster_researcher.png" alt="01_monster_researcher.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_monster_researcher.png</div>
<button class="copy-btn" onclick="copyName('01_monster_researcher.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/01_paleontologist.png" alt="01_paleontologist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_paleontologist.png</div>
<button class="copy-btn" onclick="copyName('01_paleontologist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/01_pharaoh_advisor.png" alt="01_pharaoh_advisor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_pharaoh_advisor.png</div>
<button class="copy-btn" onclick="copyName('01_pharaoh_advisor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/swamp/01_potion_brewer.png" alt="01_potion_brewer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_potion_brewer.png</div>
<button class="copy-btn" onclick="copyName('01_potion_brewer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/wasteland/01_scavenger.png" alt="01_scavenger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_scavenger.png</div>
<button class="copy-btn" onclick="copyName('01_scavenger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/radioactive/01_scientist.png" alt="01_scientist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_scientist.png</div>
<button class="copy-btn" onclick="copyName('01_scientist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/01_stalker.png" alt="01_stalker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_stalker.png</div>
<button class="copy-btn" onclick="copyName('01_stalker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/01_tribal_chief.png" alt="01_tribal_chief.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_tribal_chief.png</div>
<button class="copy-btn" onclick="copyName('01_tribal_chief.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/01_tribal_chief.png" alt="01_tribal_chief.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_tribal_chief.png</div>
<button class="copy-btn" onclick="copyName('01_tribal_chief.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/02_bedouin_guide.png" alt="02_bedouin_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_bedouin_guide.png</div>
<button class="copy-btn" onclick="copyName('02_bedouin_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/02_bone_keeper.png" alt="02_bone_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_bone_keeper.png</div>
<button class="copy-btn" onclick="copyName('02_bone_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/02_cave_diver.png" alt="02_cave_diver.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_cave_diver.png</div>
<button class="copy-btn" onclick="copyName('02_cave_diver.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/02_coconut_farmer.png" alt="02_coconut_farmer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_coconut_farmer.png</div>
<button class="copy-btn" onclick="copyName('02_coconut_farmer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/02_egg_hunter.png" alt="02_egg_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_egg_hunter.png</div>
<button class="copy-btn" onclick="copyName('02_egg_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/snow_arctic/02_elder_hunter.png" alt="02_elder_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_elder_hunter.png</div>
<button class="copy-btn" onclick="copyName('02_elder_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/02_fisherman.png" alt="02_fisherman.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_fisherman.png</div>
<button class="copy-btn" onclick="copyName('02_fisherman.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/radioactive/02_hazmat_worker.png" alt="02_hazmat_worker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_hazmat_worker.png</div>
<button class="copy-btn" onclick="copyName('02_hazmat_worker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/02_hermit.png" alt="02_hermit.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_hermit.png</div>
<button class="copy-btn" onclick="copyName('02_hermit.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/wasteland/02_junk_trader.png" alt="02_junk_trader.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_junk_trader.png</div>
<button class="copy-btn" onclick="copyName('02_junk_trader.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/02_miner.png" alt="02_miner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_miner.png</div>
<button class="copy-btn" onclick="copyName('02_miner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/swamp/02_mud_digger.png" alt="02_mud_digger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_mud_digger.png</div>
<button class="copy-btn" onclick="copyName('02_mud_digger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/02_potion_maker.png" alt="02_potion_maker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_potion_maker.png</div>
<button class="copy-btn" onclick="copyName('02_potion_maker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/02_pyramid_guard.png" alt="02_pyramid_guard.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_pyramid_guard.png</div>
<button class="copy-btn" onclick="copyName('02_pyramid_guard.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/02_scientist.png" alt="02_scientist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_scientist.png</div>
<button class="copy-btn" onclick="copyName('02_scientist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/02_shaman.png" alt="02_shaman.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_shaman.png</div>
<button class="copy-btn" onclick="copyName('02_shaman.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/03_archaeologist.png" alt="03_archaeologist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_archaeologist.png</div>
<button class="copy-btn" onclick="copyName('03_archaeologist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/03_beach_fisher.png" alt="03_beach_fisher.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_beach_fisher.png</div>
<button class="copy-btn" onclick="copyName('03_beach_fisher.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/03_boat_captain.png" alt="03_boat_captain.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_boat_captain.png</div>
<button class="copy-btn" onclick="copyName('03_boat_captain.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/03_crystal_miner.png" alt="03_crystal_miner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_crystal_miner.png</div>
<button class="copy-btn" onclick="copyName('03_crystal_miner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/03_familiar_keeper.png" alt="03_familiar_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_familiar_keeper.png</div>
<button class="copy-btn" onclick="copyName('03_familiar_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/swamp/03_herbalist.png" alt="03_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_herbalist.png</div>
<button class="copy-btn" onclick="copyName('03_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/03_hunter.png" alt="03_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_hunter.png</div>
<button class="copy-btn" onclick="copyName('03_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/snow_arctic/03_ice_fisher.png" alt="03_ice_fisher.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_ice_fisher.png</div>
<button class="copy-btn" onclick="copyName('03_ice_fisher.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/03_jungle_guide.png" alt="03_jungle_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_jungle_guide.png</div>
<button class="copy-btn" onclick="copyName('03_jungle_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/endless_forest/03_mushroom_sage.png" alt="03_mushroom_sage.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_mushroom_sage.png</div>
<button class="copy-btn" onclick="copyName('03_mushroom_sage.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/wasteland/03_radiation_guard.png" alt="03_radiation_guard.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_radiation_guard.png</div>
<button class="copy-btn" onclick="copyName('03_radiation_guard.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/03_sand_digger.png" alt="03_sand_digger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_sand_digger.png</div>
<button class="copy-btn" onclick="copyName('03_sand_digger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/03_scavenger.png" alt="03_scavenger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_scavenger.png</div>
<button class="copy-btn" onclick="copyName('03_scavenger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/radioactive/03_scrap_collector.png" alt="03_scrap_collector.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_scrap_collector.png</div>
<button class="copy-btn" onclick="copyName('03_scrap_collector.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/03_scribe.png" alt="03_scribe.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_scribe.png</div>
<button class="copy-btn" onclick="copyName('03_scribe.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/03_shrine_keeper.png" alt="03_shrine_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_shrine_keeper.png</div>
<button class="copy-btn" onclick="copyName('03_shrine_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/03_tamer.png" alt="03_tamer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_tamer.png</div>
<button class="copy-btn" onclick="copyName('03_tamer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/03_tomb_scholar.png" alt="03_tomb_scholar.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_tomb_scholar.png</div>
<button class="copy-btn" onclick="copyName('03_tomb_scholar.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/snow_arctic/04_aurora_mystic.png" alt="04_aurora_mystic.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_aurora_mystic.png</div>
<button class="copy-btn" onclick="copyName('04_aurora_mystic.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/04_celtic_priest.png" alt="04_celtic_priest.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_celtic_priest.png</div>
<button class="copy-btn" onclick="copyName('04_celtic_priest.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/04_curse_specialist.png" alt="04_curse_specialist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_curse_specialist.png</div>
<button class="copy-btn" onclick="copyName('04_curse_specialist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/04_dragon_tamer.png" alt="04_dragon_tamer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_dragon_tamer.png</div>
<button class="copy-btn" onclick="copyName('04_dragon_tamer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/swamp/04_frog_keeper.png" alt="04_frog_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_frog_keeper.png</div>
<button class="copy-btn" onclick="copyName('04_frog_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/04_fruit_vendor.png" alt="04_fruit_vendor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_fruit_vendor.png</div>
<button class="copy-btn" onclick="copyName('04_fruit_vendor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/04_hermit.png" alt="04_hermit.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_hermit.png</div>
<button class="copy-btn" onclick="copyName('04_hermit.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/04_hunter.png" alt="04_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_hunter.png</div>
<button class="copy-btn" onclick="copyName('04_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/04_jade_carver.png" alt="04_jade_carver.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_jade_carver.png</div>
<button class="copy-btn" onclick="copyName('04_jade_carver.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/wasteland/04_mutant_hunter.png" alt="04_mutant_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_mutant_hunter.png</div>
<button class="copy-btn" onclick="copyName('04_mutant_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/04_mutant_hunter.png" alt="04_mutant_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_mutant_hunter.png</div>
<button class="copy-btn" onclick="copyName('04_mutant_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/04_necro_monk.png" alt="04_necro_monk.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_necro_monk.png</div>
<button class="copy-btn" onclick="copyName('04_necro_monk.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/04_nomad.png" alt="04_nomad.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_nomad.png</div>
<button class="copy-btn" onclick="copyName('04_nomad.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/04_priestess.png" alt="04_priestess.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_priestess.png</div>
<button class="copy-btn" onclick="copyName('04_priestess.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/04_ranger.png" alt="04_ranger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_ranger.png</div>
<button class="copy-btn" onclick="copyName('04_ranger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/04_ranger.png" alt="04_ranger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_ranger.png</div>
<button class="copy-btn" onclick="copyName('04_ranger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/endless_forest/04_spirit_talker.png" alt="04_spirit_talker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_spirit_talker.png</div>
<button class="copy-btn" onclick="copyName('04_spirit_talker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/05_botanist.png" alt="05_botanist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_botanist.png</div>
<button class="copy-btn" onclick="copyName('05_botanist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/05_diver.png" alt="05_diver.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_diver.png</div>
<button class="copy-btn" onclick="copyName('05_diver.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/05_enchantress.png" alt="05_enchantress.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_enchantress.png</div>
<button class="copy-btn" onclick="copyName('05_enchantress.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/snow_arctic/05_frozen_monk.png" alt="05_frozen_monk.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_frozen_monk.png</div>
<button class="copy-btn" onclick="copyName('05_frozen_monk.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/05_grave_digger.png" alt="05_grave_digger.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_grave_digger.png</div>
<button class="copy-btn" onclick="copyName('05_grave_digger.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/05_guide.png" alt="05_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_guide.png</div>
<button class="copy-btn" onclick="copyName('05_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/05_herbalist.png" alt="05_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_herbalist.png</div>
<button class="copy-btn" onclick="copyName('05_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/05_herbalist.png" alt="05_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_herbalist.png</div>
<button class="copy-btn" onclick="copyName('05_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/05_mummy_keeper.png" alt="05_mummy_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_mummy_keeper.png</div>
<button class="copy-btn" onclick="copyName('05_mummy_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/05_mushroom_picker.png" alt="05_mushroom_picker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_mushroom_picker.png</div>
<button class="copy-btn" onclick="copyName('05_mushroom_picker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/05_oasis_keeper.png" alt="05_oasis_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_oasis_keeper.png</div>
<button class="copy-btn" onclick="copyName('05_oasis_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/05_shaman.png" alt="05_shaman.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_shaman.png</div>
<button class="copy-btn" onclick="copyName('05_shaman.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/endless_forest/05_vine_weaver.png" alt="05_vine_weaver.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_vine_weaver.png</div>
<button class="copy-btn" onclick="copyName('05_vine_weaver.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/05_yeti_hunter.png" alt="05_yeti_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_yeti_hunter.png</div>
<button class="copy-btn" onclick="copyName('05_yeti_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/06_archaeologist.png" alt="06_archaeologist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_archaeologist.png</div>
<button class="copy-btn" onclick="copyName('06_archaeologist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mountain/06_climbing_instructor.png" alt="06_climbing_instructor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_climbing_instructor.png</div>
<button class="copy-btn" onclick="copyName('06_climbing_instructor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/06_dancer.png" alt="06_dancer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_dancer.png</div>
<button class="copy-btn" onclick="copyName('06_dancer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/06_diviner.png" alt="06_diviner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_diviner.png</div>
<button class="copy-btn" onclick="copyName('06_diviner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/06_fossil_merchant.png" alt="06_fossil_merchant.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_fossil_merchant.png</div>
<button class="copy-btn" onclick="copyName('06_fossil_merchant.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/forest/06_herbalist.png" alt="06_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_herbalist.png</div>
<button class="copy-btn" onclick="copyName('06_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/06_pegasus_rider.png" alt="06_pegasus_rider.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_pegasus_rider.png</div>
<button class="copy-btn" onclick="copyName('06_pegasus_rider.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/catacombs/06_relic_merchant.png" alt="06_relic_merchant.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_relic_merchant.png</div>
<button class="copy-btn" onclick="copyName('06_relic_merchant.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/06_river_fisher.png" alt="06_river_fisher.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_river_fisher.png</div>
<button class="copy-btn" onclick="copyName('06_river_fisher.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/06_souvenir_seller.png" alt="06_souvenir_seller.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_souvenir_seller.png</div>
<button class="copy-btn" onclick="copyName('06_souvenir_seller.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/06_trader.png" alt="06_trader.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_trader.png</div>
<button class="copy-btn" onclick="copyName('06_trader.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/06_treasure_hunter.png" alt="06_treasure_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_treasure_hunter.png</div>
<button class="copy-btn" onclick="copyName('06_treasure_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/06_treasure_hunter.png" alt="06_treasure_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_treasure_hunter.png</div>
<button class="copy-btn" onclick="copyName('06_treasure_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/07_bagpipe_player.png" alt="07_bagpipe_player.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_bagpipe_player.png</div>
<button class="copy-btn" onclick="copyName('07_bagpipe_player.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/07_hunter.png" alt="07_hunter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_hunter.png</div>
<button class="copy-btn" onclick="copyName('07_hunter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/07_market_trader.png" alt="07_market_trader.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_market_trader.png</div>
<button class="copy-btn" onclick="copyName('07_market_trader.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/07_mechanic.png" alt="07_mechanic.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_mechanic.png</div>
<button class="copy-btn" onclick="copyName('07_mechanic.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/07_necromancer.png" alt="07_necromancer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_necromancer.png</div>
<button class="copy-btn" onclick="copyName('07_necromancer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/07_oracle.png" alt="07_oracle.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_oracle.png</div>
<button class="copy-btn" onclick="copyName('07_oracle.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/07_parrot_keeper.png" alt="07_parrot_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_parrot_keeper.png</div>
<button class="copy-btn" onclick="copyName('07_parrot_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/07_ritual_dancer.png" alt="07_ritual_dancer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_ritual_dancer.png</div>
<button class="copy-btn" onclick="copyName('07_ritual_dancer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/07_snake_charmer.png" alt="07_snake_charmer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_snake_charmer.png</div>
<button class="copy-btn" onclick="copyName('07_snake_charmer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/07_tracker.png" alt="07_tracker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_tracker.png</div>
<button class="copy-btn" onclick="copyName('07_tracker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/witch_forest/08_apprentice.png" alt="08_apprentice.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_apprentice.png</div>
<button class="copy-btn" onclick="copyName('08_apprentice.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/08_cenote_guide.png" alt="08_cenote_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_cenote_guide.png</div>
<button class="copy-btn" onclick="copyName('08_cenote_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/desert/08_dune_raider.png" alt="08_dune_raider.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_dune_raider.png</div>
<button class="copy-btn" onclick="copyName('08_dune_raider.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/dino_valley/08_explorer.png" alt="08_explorer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_explorer.png</div>
<button class="copy-btn" onclick="copyName('08_explorer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/08_fruit_gatherer.png" alt="08_fruit_gatherer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_fruit_gatherer.png</div>
<button class="copy-btn" onclick="copyName('08_fruit_gatherer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/08_griffin_handler.png" alt="08_griffin_handler.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_griffin_handler.png</div>
<button class="copy-btn" onclick="copyName('08_griffin_handler.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/08_herbalist.png" alt="08_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_herbalist.png</div>
<button class="copy-btn" onclick="copyName('08_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/08_sphinx_keeper.png" alt="08_sphinx_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_sphinx_keeper.png</div>
<button class="copy-btn" onclick="copyName('08_sphinx_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/chernobyl/08_survivor.png" alt="08_survivor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">08_survivor.png</div>
<button class="copy-btn" onclick="copyName('08_survivor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/09_boat_builder.png" alt="09_boat_builder.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_boat_builder.png</div>
<button class="copy-btn" onclick="copyName('09_boat_builder.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/09_herbalist.png" alt="09_herbalist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_herbalist.png</div>
<button class="copy-btn" onclick="copyName('09_herbalist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/09_historian.png" alt="09_historian.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_historian.png</div>
<button class="copy-btn" onclick="copyName('09_historian.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/09_snake_handler.png" alt="09_snake_handler.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_snake_handler.png</div>
<button class="copy-btn" onclick="copyName('09_snake_handler.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/09_storyteller.png" alt="09_storyteller.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_storyteller.png</div>
<button class="copy-btn" onclick="copyName('09_storyteller.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/09_tomb_raider.png" alt="09_tomb_raider.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_tomb_raider.png</div>
<button class="copy-btn" onclick="copyName('09_tomb_raider.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/10_canopy_climber.png" alt="10_canopy_climber.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_canopy_climber.png</div>
<button class="copy-btn" onclick="copyName('10_canopy_climber.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/10_hieroglyph_expert.png" alt="10_hieroglyph_expert.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_hieroglyph_expert.png</div>
<button class="copy-btn" onclick="copyName('10_hieroglyph_expert.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/10_marine_biologist.png" alt="10_marine_biologist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_marine_biologist.png</div>
<button class="copy-btn" onclick="copyName('10_marine_biologist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tropical/10_pearl_diver.png" alt="10_pearl_diver.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_pearl_diver.png</div>
<button class="copy-btn" onclick="copyName('10_pearl_diver.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/10_rune_master.png" alt="10_rune_master.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_rune_master.png</div>
<button class="copy-btn" onclick="copyName('10_rune_master.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mexican_cenotes/10_sacrifice_keeper.png" alt="10_sacrifice_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_sacrifice_keeper.png</div>
<button class="copy-btn" onclick="copyName('10_sacrifice_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/11_camel_handler.png" alt="11_camel_handler.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_camel_handler.png</div>
<button class="copy-btn" onclick="copyName('11_camel_handler.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/11_phoenix_keeper.png" alt="11_phoenix_keeper.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_phoenix_keeper.png</div>
<button class="copy-btn" onclick="copyName('11_phoenix_keeper.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/11_ritual_dancer.png" alt="11_ritual_dancer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_ritual_dancer.png</div>
<button class="copy-btn" onclick="copyName('11_ritual_dancer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/11_whisky_brewer.png" alt="11_whisky_brewer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">11_whisky_brewer.png</div>
<button class="copy-btn" onclick="copyName('11_whisky_brewer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/12_castle_guard.png" alt="12_castle_guard.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_castle_guard.png</div>
<button class="copy-btn" onclick="copyName('12_castle_guard.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/amazon_rainforest/12_jaguar_tracker.png" alt="12_jaguar_tracker.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_jaguar_tracker.png</div>
<button class="copy-btn" onclick="copyName('12_jaguar_tracker.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mythical_highlands/12_merchant.png" alt="12_merchant.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_merchant.png</div>
<button class="copy-btn" onclick="copyName('12_merchant.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/egyptian_desert/12_oasis_guide.png" alt="12_oasis_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_oasis_guide.png</div>
<button class="copy-btn" onclick="copyName('12_oasis_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/13_seaweed_farmer.png" alt="13_seaweed_farmer.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">13_seaweed_farmer.png</div>
<button class="copy-btn" onclick="copyName('13_seaweed_farmer.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/14_archaeologist.png" alt="14_archaeologist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">14_archaeologist.png</div>
<button class="copy-btn" onclick="copyName('14_archaeologist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/loch_ness/15_tour_guide.png" alt="15_tour_guide.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">15_tour_guide.png</div>
<button class="copy-btn" onclick="copyName('15_tour_guide.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/adult_kai_family_man.png" alt="adult_kai_family_man.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">adult_kai_family_man.png</div>
<button class="copy-btn" onclick="copyName('adult_kai_family_man.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/ana_barbershop_dreads.png" alt="ana_barbershop_dreads.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_barbershop_dreads.png</div>
<button class="copy-btn" onclick="copyName('ana_barbershop_dreads.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/idle/ana_idle_frame1_1767837694121.png" alt="ana_idle_frame1_1767837694121.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_idle_frame1_1767837694121.png</div>
<button class="copy-btn" onclick="copyName('ana_idle_frame1_1767837694121.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/idle/ana_idle_frame2_1767837710231.png" alt="ana_idle_frame2_1767837710231.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_idle_frame2_1767837710231.png</div>
<button class="copy-btn" onclick="copyName('ana_idle_frame2_1767837710231.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/idle/ana_idle_frame3_1767837727345.png" alt="ana_idle_frame3_1767837727345.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_idle_frame3_1767837727345.png</div>
<button class="copy-btn" onclick="copyName('ana_idle_frame3_1767837727345.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/idle/ana_idle_frame4_1767837744074.png" alt="ana_idle_frame4_1767837744074.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_idle_frame4_1767837744074.png</div>
<button class="copy-btn" onclick="copyName('ana_idle_frame4_1767837744074.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/ana_memory_flash_purple.png" alt="ana_memory_flash_purple.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_memory_flash_purple.png</div>
<button class="copy-btn" onclick="copyName('ana_memory_flash_purple.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/ana_taken_military.png" alt="ana_taken_military.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_taken_military.png</div>
<button class="copy-btn" onclick="copyName('ana_taken_military.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame1_1767837773188.png" alt="ana_walk_frame1_1767837773188.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame1_1767837773188.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame1_1767837773188.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame2_1767837791177.png" alt="ana_walk_frame2_1767837791177.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame2_1767837791177.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame2_1767837791177.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame3_1767837807643.png" alt="ana_walk_frame3_1767837807643.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame3_1767837807643.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame3_1767837807643.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame4_1767837822462.png" alt="ana_walk_frame4_1767837822462.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame4_1767837822462.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame4_1767837822462.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame5_1767837838667.png" alt="ana_walk_frame5_1767837838667.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame5_1767837838667.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame5_1767837838667.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/animations/walk/ana_walk_frame6_1767837854611.png" alt="ana_walk_frame6_1767837854611.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ana_walk_frame6_1767837854611.png</div>
<button class="copy-btn" onclick="copyName('ana_walk_frame6_1767837854611.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/elder_kai_punk_grandpa.png" alt="elder_kai_punk_grandpa.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">elder_kai_punk_grandpa.png</div>
<button class="copy-btn" onclick="copyName('elder_kai_punk_grandpa.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/gronk_doorway_silhouette.png" alt="gronk_doorway_silhouette.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_doorway_silhouette.png</div>
<button class="copy-btn" onclick="copyName('gronk_doorway_silhouette.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/idle/gronk_idle_frame1_1767837973433.png" alt="gronk_idle_frame1_1767837973433.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_idle_frame1_1767837973433.png</div>
<button class="copy-btn" onclick="copyName('gronk_idle_frame1_1767837973433.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/idle/gronk_idle_frame2_1767837991610.png" alt="gronk_idle_frame2_1767837991610.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_idle_frame2_1767837991610.png</div>
<button class="copy-btn" onclick="copyName('gronk_idle_frame2_1767837991610.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/idle/gronk_idle_frame3_1767838008899.png" alt="gronk_idle_frame3_1767838008899.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_idle_frame3_1767838008899.png</div>
<button class="copy-btn" onclick="copyName('gronk_idle_frame3_1767838008899.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/idle/gronk_idle_frame4_1767838028500.png" alt="gronk_idle_frame4_1767838028500.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_idle_frame4_1767838028500.png</div>
<button class="copy-btn" onclick="copyName('gronk_idle_frame4_1767838028500.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame1_1767838064390.png" alt="gronk_walk_frame1_1767838064390.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame1_1767838064390.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame1_1767838064390.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame2_1767838081480.png" alt="gronk_walk_frame2_1767838081480.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame2_1767838081480.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame2_1767838081480.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame3_1767838097729.png" alt="gronk_walk_frame3_1767838097729.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame3_1767838097729.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame3_1767838097729.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame4_1767838114931.png" alt="gronk_walk_frame4_1767838114931.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame4_1767838114931.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame4_1767838114931.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame5_1767838132052.png" alt="gronk_walk_frame5_1767838132052.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame5_1767838132052.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame5_1767838132052.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/animations/walk/gronk_walk_frame6_1767838149779.png" alt="gronk_walk_frame6_1767838149779.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">gronk_walk_frame6_1767838149779.png</div>
<button class="copy-btn" onclick="copyName('gronk_walk_frame6_1767838149779.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_adult_35_timelapse.png" alt="kai_adult_35_timelapse.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_adult_35_timelapse.png</div>
<button class="copy-btn" onclick="copyName('kai_adult_35_timelapse.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_alone_basement.png" alt="kai_alone_basement.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_alone_basement.png</div>
<button class="copy-btn" onclick="copyName('kai_alone_basement.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_ana_twins_childhood.png" alt="kai_ana_twins_childhood.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_ana_twins_childhood.png</div>
<button class="copy-btn" onclick="copyName('kai_ana_twins_childhood.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_bedroom_wakeup.png" alt="kai_bedroom_wakeup.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_bedroom_wakeup.png</div>
<button class="copy-btn" onclick="copyName('kai_bedroom_wakeup.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/dig/kai_dig_frame1_1767837394467.png" alt="kai_dig_frame1_1767837394467.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_dig_frame1_1767837394467.png</div>
<button class="copy-btn" onclick="copyName('kai_dig_frame1_1767837394467.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/dig/kai_dig_frame2_1767837409890.png" alt="kai_dig_frame2_1767837409890.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_dig_frame2_1767837409890.png</div>
<button class="copy-btn" onclick="copyName('kai_dig_frame2_1767837409890.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/dig/kai_dig_frame3_1767837426581.png" alt="kai_dig_frame3_1767837426581.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_dig_frame3_1767837426581.png</div>
<button class="copy-btn" onclick="copyName('kai_dig_frame3_1767837426581.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/dig/kai_dig_frame4_1767837448515.png" alt="kai_dig_frame4_1767837448515.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_dig_frame4_1767837448515.png</div>
<button class="copy-btn" onclick="copyName('kai_dig_frame4_1767837448515.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/dig/kai_dig_frame5_1767837465309.png" alt="kai_dig_frame5_1767837465309.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_dig_frame5_1767837465309.png</div>
<button class="copy-btn" onclick="copyName('kai_dig_frame5_1767837465309.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_elder_50_timelapse.png" alt="kai_elder_50_timelapse.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_elder_50_timelapse.png</div>
<button class="copy-btn" onclick="copyName('kai_elder_50_timelapse.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_first_dreads_family.png" alt="kai_first_dreads_family.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_first_dreads_family.png</div>
<button class="copy-btn" onclick="copyName('kai_first_dreads_family.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/idle/kai_idle_frame1_1767836275204.png" alt="kai_idle_frame1_1767836275204.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_idle_frame1_1767836275204.png</div>
<button class="copy-btn" onclick="copyName('kai_idle_frame1_1767836275204.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/idle/kai_idle_frame1_ref_1767837110321.png" alt="kai_idle_frame1_ref_1767837110321.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_idle_frame1_ref_1767837110321.png</div>
<button class="copy-btn" onclick="copyName('kai_idle_frame1_ref_1767837110321.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/idle/kai_idle_frame2_1767837173389.png" alt="kai_idle_frame2_1767837173389.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_idle_frame2_1767837173389.png</div>
<button class="copy-btn" onclick="copyName('kai_idle_frame2_1767837173389.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/idle/kai_idle_frame3_1767837189992.png" alt="kai_idle_frame3_1767837189992.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_idle_frame3_1767837189992.png</div>
<button class="copy-btn" onclick="copyName('kai_idle_frame3_1767837189992.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/idle/kai_idle_frame4_1767837206706.png" alt="kai_idle_frame4_1767837206706.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_idle_frame4_1767837206706.png</div>
<button class="copy-btn" onclick="copyName('kai_idle_frame4_1767837206706.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/swing/kai_swing_frame1_1767837498750.png" alt="kai_swing_frame1_1767837498750.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_swing_frame1_1767837498750.png</div>
<button class="copy-btn" onclick="copyName('kai_swing_frame1_1767837498750.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/swing/kai_swing_frame2_1767837517414.png" alt="kai_swing_frame2_1767837517414.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_swing_frame2_1767837517414.png</div>
<button class="copy-btn" onclick="copyName('kai_swing_frame2_1767837517414.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/swing/kai_swing_frame3_1767837534085.png" alt="kai_swing_frame3_1767837534085.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_swing_frame3_1767837534085.png</div>
<button class="copy-btn" onclick="copyName('kai_swing_frame3_1767837534085.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/swing/kai_swing_frame4_1767837550976.png" alt="kai_swing_frame4_1767837550976.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_swing_frame4_1767837550976.png</div>
<button class="copy-btn" onclick="copyName('kai_swing_frame4_1767837550976.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/swing/kai_swing_frame5_1767837567666.png" alt="kai_swing_frame5_1767837567666.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_swing_frame5_1767837567666.png</div>
<button class="copy-btn" onclick="copyName('kai_swing_frame5_1767837567666.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame1_1767837278918.png" alt="kai_walk_frame1_1767837278918.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame1_1767837278918.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame1_1767837278918.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame2_1767837295159.png" alt="kai_walk_frame2_1767837295159.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame2_1767837295159.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame2_1767837295159.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame3_1767837312301.png" alt="kai_walk_frame3_1767837312301.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame3_1767837312301.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame3_1767837312301.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame4_1767837328181.png" alt="kai_walk_frame4_1767837328181.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame4_1767837328181.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame4_1767837328181.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame5_1767837345717.png" alt="kai_walk_frame5_1767837345717.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame5_1767837345717.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame5_1767837345717.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/animations/walk/kai_walk_frame6_1767837362257.png" alt="kai_walk_frame6_1767837362257.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_walk_frame6_1767837362257.png</div>
<button class="copy-btn" onclick="copyName('kai_walk_frame6_1767837362257.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/kai_young_timelapse.png" alt="kai_young_timelapse.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">kai_young_timelapse.png</div>
<button class="copy-btn" onclick="copyName('kai_young_timelapse.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/pek/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/electrician/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/storeowner_novak/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/sivilja/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/guard_luka/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/elder_marta/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/innkeeper_janez/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/zombie_statistician/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/mayor/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/glavni_smetar/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/miro_pravnik/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/arborist/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/priest/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/kustos/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/teacher/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/tehnik/master_reference.png" alt="master_reference.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference.png</div>
<button class="copy-btn" onclick="copyName('master_reference.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/ana/master_reference_nobg.png" alt="master_reference_nobg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference_nobg.png</div>
<button class="copy-btn" onclick="copyName('master_reference_nobg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/gronk/master_reference_nobg.png" alt="master_reference_nobg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference_nobg.png</div>
<button class="copy-btn" onclick="copyName('master_reference_nobg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/main_characters/kai/master_reference_nobg.png" alt="master_reference_nobg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference_nobg.png</div>
<button class="copy-btn" onclick="copyName('master_reference_nobg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/ivan_kovac/master_reference_nobg.png" alt="master_reference_nobg.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">master_reference_nobg.png</div>
<button class="copy-btn" onclick="copyName('master_reference_nobg.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/mlada_ana_twin_prisoner.png" alt="mlada_ana_twin_prisoner.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mlada_ana_twin_prisoner.png</div>
<button class="copy-btn" onclick="copyName('mlada_ana_twin_prisoner.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/odrasla_ana_scientist.png" alt="odrasla_ana_scientist.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">odrasla_ana_scientist.png</div>
<button class="copy-btn" onclick="copyName('odrasla_ana_scientist.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/npc_style_approved/ref2_blacksmith.png" alt="ref2_blacksmith.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ref2_blacksmith.png</div>
<button class="copy-btn" onclick="copyName('ref2_blacksmith.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/npcs/npc_style_approved/ref4_green_hoodie.png" alt="ref4_green_hoodie.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ref4_green_hoodie.png</div>
<button class="copy-btn" onclick="copyName('ref4_green_hoodie.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/starejsa_ana_mentor.png" alt="starejsa_ana_mentor.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">starejsa_ana_mentor.png</div>
<button class="copy-btn" onclick="copyName('starejsa_ana_mentor.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/zombie_silhouettes_panic.png" alt="zombie_silhouettes_panic.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">zombie_silhouettes_panic.png</div>
<button class="copy-btn" onclick="copyName('zombie_silhouettes_panic.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<div class="category">
<div class="category-header">
📦 Other
<span class="count">(36 assets)</span>
</div>
<div class="grid">
<div class="card">
<img src="assets/references/shop/01_front_wall.png" alt="01_front_wall.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">01_front_wall.png</div>
<button class="copy-btn" onclick="copyName('01_front_wall.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/02_counter_window.png" alt="02_counter_window.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">02_counter_window.png</div>
<button class="copy-btn" onclick="copyName('02_counter_window.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/03_roof_overhang.png" alt="03_roof_overhang.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">03_roof_overhang.png</div>
<button class="copy-btn" onclick="copyName('03_roof_overhang.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/04_sign_hanging.png" alt="04_sign_hanging.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">04_sign_hanging.png</div>
<button class="copy-btn" onclick="copyName('04_sign_hanging.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/05_shelves.png" alt="05_shelves.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">05_shelves.png</div>
<button class="copy-btn" onclick="copyName('05_shelves.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/06_counter_surface.png" alt="06_counter_surface.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">06_counter_surface.png</div>
<button class="copy-btn" onclick="copyName('06_counter_surface.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/07_cash_box.png" alt="07_cash_box.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">07_cash_box.png</div>
<button class="copy-btn" onclick="copyName('07_cash_box.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/09_price_panel.png" alt="09_price_panel.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">09_price_panel.png</div>
<button class="copy-btn" onclick="copyName('09_price_panel.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/10_gold_coin.png" alt="10_gold_coin.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">10_gold_coin.png</div>
<button class="copy-btn" onclick="copyName('10_gold_coin.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/12_display_area.png" alt="12_display_area.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">12_display_area.png</div>
<button class="copy-btn" onclick="copyName('12_display_area.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/14_currency_counter.png" alt="14_currency_counter.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">14_currency_counter.png</div>
<button class="copy-btn" onclick="copyName('14_currency_counter.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/shop/15_confirm_panel.png" alt="15_confirm_panel.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">15_confirm_panel.png</div>
<button class="copy-btn" onclick="copyName('15_confirm_panel.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/apron.png" alt="apron.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">apron.png</div>
<button class="copy-btn" onclick="copyName('apron.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/birthday_cake_rd.png" alt="birthday_cake_rd.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">birthday_cake_rd.png</div>
<button class="copy-btn" onclick="copyName('birthday_cake_rd.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro/black_screen.png" alt="black_screen.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">black_screen.png</div>
<button class="copy-btn" onclick="copyName('black_screen.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro/blur_overlay.png" alt="blur_overlay.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">blur_overlay.png</div>
<button class="copy-btn" onclick="copyName('blur_overlay.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/bugs/bug_test_beetle_1767698865848.png" alt="bug_test_beetle_1767698865848.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">bug_test_beetle_1767698865848.png</div>
<button class="copy-btn" onclick="copyName('bug_test_beetle_1767698865848.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/bugs/bug_test_moth_1767698884512.png" alt="bug_test_moth_1767698884512.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">bug_test_moth_1767698884512.png</div>
<button class="copy-btn" onclick="copyName('bug_test_moth_1767698884512.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/maps/collision_red.png" alt="collision_red.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">collision_red.png</div>
<button class="copy-btn" onclick="copyName('collision_red.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/family_portrait_complete.png" alt="family_portrait_complete.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">family_portrait_complete.png</div>
<button class="copy-btn" onclick="copyName('family_portrait_complete.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/family_portrait_punk_complete.png" alt="family_portrait_punk_complete.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">family_portrait_punk_complete.png</div>
<button class="copy-btn" onclick="copyName('family_portrait_punk_complete.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/farmer_pants.png" alt="farmer_pants.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">farmer_pants.png</div>
<button class="copy-btn" onclick="copyName('farmer_pants.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/farmer_shirt.png" alt="farmer_shirt.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">farmer_shirt.png</div>
<button class="copy-btn" onclick="copyName('farmer_shirt.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/ghost_mati_magenta.png" alt="ghost_mati_magenta.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ghost_mati_magenta.png</div>
<button class="copy-btn" onclick="copyName('ghost_mati_magenta.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/ghost_otac_cyan.png" alt="ghost_otac_cyan.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">ghost_otac_cyan.png</div>
<button class="copy-btn" onclick="copyName('ghost_otac_cyan.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro/id_card.png" alt="id_card.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">id_card.png</div>
<button class="copy-btn" onclick="copyName('id_card.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/leather_gloves.png" alt="leather_gloves.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">leather_gloves.png</div>
<button class="copy-btn" onclick="copyName('leather_gloves.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/mati_punk_mother.png" alt="mati_punk_mother.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">mati_punk_mother.png</div>
<button class="copy-btn" onclick="copyName('mati_punk_mother.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/otac_longboard_pier.png" alt="otac_longboard_pier.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">otac_longboard_pier.png</div>
<button class="copy-btn" onclick="copyName('otac_longboard_pier.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/aging_system/otac_punk_father.png" alt="otac_punk_father.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">otac_punk_father.png</div>
<button class="copy-btn" onclick="copyName('otac_punk_father.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/parents_transparent_ghosts.png" alt="parents_transparent_ghosts.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">parents_transparent_ghosts.png</div>
<button class="copy-btn" onclick="copyName('parents_transparent_ghosts.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/straw_hat.png" alt="straw_hat.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">straw_hat.png</div>
<button class="copy-btn" onclick="copyName('straw_hat.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro/twin_photo.png" alt="twin_photo.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">twin_photo.png</div>
<button class="copy-btn" onclick="copyName('twin_photo.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/virus_city_aerial.png" alt="virus_city_aerial.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">virus_city_aerial.png</div>
<button class="copy-btn" onclick="copyName('virus_city_aerial.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/intro_shots/virus_xnoir_microscope.png" alt="virus_xnoir_microscope.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">virus_xnoir_microscope.png</div>
<button class="copy-btn" onclick="copyName('virus_xnoir_microscope.png', this)">
📋 Copy Name
</button>
</div>
<div class="card">
<img src="assets/references/clothing/work_boots.png" alt="work_boots.png"
onerror="this.style.border='2px solid red'">
<div class="asset-name">work_boots.png</div>
<button class="copy-btn" onclick="copyName('work_boots.png', this)">
📋 Copy Name
</button>
</div>
</div>
</div>
<script>
function copyName(name, btn) {
navigator.clipboard.writeText(name).then(() => {
const orig = btn.innerHTML;
btn.innerHTML = '✅ Copied!';
btn.classList.add('copied');
setTimeout(() => {
btn.innerHTML = orig;
btn.classList.remove('copied');
}, 1800);
}).catch(() => {
// Fallback
const ta = document.createElement('textarea');
ta.value = name;
document.body.appendChild(ta);
ta.select();
document.execCommand('copy');
document.body.removeChild(ta);
btn.innerHTML = '✅ Copied!';
btn.classList.add('copied');
setTimeout(() => btn.innerHTML = '📋 Copy Name', 1800);
});
}
</script>
</body>
</html>