<div class="sv-character-status sv-status-deceased">
<span>◆</span>
FALLEN MEMBER
<span>◆</span>
</div>
<div class="sv-player">
<div class="sv-player-title"><span>Character Portrait</span></div>
<div class="sv-player-layout">
<div class="sv-player-portrait">
<img src="Zara.png" alt="Zara portrait">
</div>
<div class="sv-player-profile">
<div class="sv-player-tags">
<span>Half-Elf</span>
<span>Sordia Vignti</span>
<span>Deceased</span>
</div>
<div class="sv-player-identity">
<h2>Zara Blackwood</h2>
<div class="sv-player-class">Collage of Eloquence Bard</div>
<div class="sv-player-level">Level 10</div>
</div>
<div class="sv-player-rule"></div>
<div class="sv-player-stats">
<div class="sv-player-abilities">
<div><span>STR</span><strong>10</strong></div>
<div><span>DEX</span><strong>16</strong></div>
<div><span>CON</span><strong>14</strong></div>
<div><span>INT</span><strong>12</strong></div>
<div><span>WIS</span><strong>12</strong></div>
<div><span>CHA</span><strong>20</strong></div>
</div>
<div class="sv-player-vitals">
<div><strong>108</strong><span>HP</span></div>
<div><strong>16</strong><span>AC</span></div>
<div><strong>45</strong><span>SPEED</span></div>
</div>
</div>
<div class="sv-player-traits">Darkvision 60 ft. <span>◆</span> Fey Ancestry</div>
</div>
</div>
</div>
<div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div>
<div class="sv-player-assets">
<div class="sv-player-assets-title"><span>Mini & Badge</span></div>
<div class="sv-player-assets-grid">
<div class="sv-player-mini-card">
<div class="sv-player-mini-frame">
<img src="Zara-turnaround.gif" alt="Zara mini">
</div>
<div class="sv-player-assets-plaque">Character Miniature</div>
</div>
<div class="sv-player-badge-card">
<div class="sv-player-badge-frame">
<img src="BardBadge.png" alt="Bard badge">
</div>
<div class="sv-player-assets-plaque">Bard</div>
</div>
</div>
</div>
<div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div>
<div class="sv-record">
<div class="sv-record-title"><span>Character Information</span></div>
<div class="sv-record-heading">Guild Record</div>
<div class="sv-record-list">
<div class="sv-record-row"><span class="sv-record-label">Species</span><span class="sv-record-value">Half-<a class="internal-link" href="Elf">Elf</a> (<em>formerly</em>) <a class="internal-link" href="Shifter">Shifter</a></span></div>
<div class="sv-record-row"><span class="sv-record-label">Identity</span><span class="sv-record-value">Female (She/Her)</span></div>
<div class="sv-record-row"><span class="sv-record-label">Class</span><span class="sv-record-value"><a class="internal-link" href="Bard">Bard</a> - Collage of Eloquence</span></div>
<div class="sv-record-row"><span class="sv-record-label">Titles</span><span class="sv-record-value">-</span></div>
<div class="sv-record-row"><span class="sv-record-label">Also Known As</span><span class="sv-record-value">-</span></div>
<div class="sv-record-row"><span class="sv-record-label">Languages</span><span class="sv-record-value"><a class="internal-link" href="Common">Common</a></span></div>
<div class="sv-record-row"><span class="sv-record-label">Connections</span><span class="sv-record-value">Sordia Vignti</span></div>
<div class="sv-record-row"><span class="sv-record-label">Family</span><span class="sv-record-value"></span></div>
<div class="sv-record-row"><span class="sv-record-label">Place of Birth</span><span class="sv-record-value"></span></div>
<div class="sv-record-row"><span class="sv-record-label">Significant Other</span><span class="sv-record-value"></span></div>
<div class="sv-record-row"><span class="sv-record-label">Place of Death</span><span class="sv-record-value"><a class="internal-link" href="Luskan">Luskan</a> Wizards' Tower</span></div>
<div class="sv-record-row"><span class="sv-record-label">Cause of Death</span><span class="sv-record-value">Killed by The Horn of Blasting</span></div>
</div>
</div>
<div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div>
<div class="sv-backstory">
<div class="sv-backstory-title"><span>Backstory</span></div>
<div class="sv-backstory-heading">Guild Archive <span>◆</span> Personal History</div>
<div class="sv-backstory-text">
<p>In a world where magic and darkness intertwine, there exists a bard named Zara whose life is anything but ordinary. Born to a mother who had once been a powerful sorceress, she had delved too deeply into the forbidden arts of necromancy and ultimately became a lich, forever tethered to her insatiable thirst for power and immortality.</p>
<p>Zara, however, took a different path. She was raised in the shadow of her mother's dark deeds but chose to embrace the arts of music and storytelling instead of the arcane. Her passion for the arts led her to become a skilled bard, traveling the land, and sharing tales of heroes, love, and adventure through song.</p>
<p>Yet, the darkness of her heritage was never far behind. Zara knew that her mother, the lich, sought to capture her and use her as the ultimate vessel to consume her life force and maintain her power. She couldn't ignore this dark fate that her mother had in store for her.</p>
<p>Fuelled by fear and determination, Zara was constantly on the run, moving from town to town, never staying in one place for too long. She lived a nomadic life, performing her songs and stories under different names and disguises to avoid detection by her mother's agents and minions.</p>
<p>As she journeyed, Zara's songs and stories began to weave together a narrative of survival and defiance, a story of a lich's daughter who refused to be a pawn in her mother's dark game. Along the way, she encountered others who had been touched by her mother's malevolence and joined her in her quest for freedom.</p>
<p>Together, they evaded capture, faced relentless pursuit, and encountered both allies and adversaries in their quest to stay one step ahead of the lich. Zara's bardic talents became her greatest weapon, as she used her music and stories to inspire her companions and rally them against the relentless darkness that sought to consume her as the lich's vessel.</p>
<p>Zara's journey was one of survival, as she learned to harness her own inner strength and the bonds of friendship to evade her mother's grasp. She was determined to break free from her mother's curse and live a life free from the shadow of the lich's power, even as the threat of being consumed as a vessel loomed overhead.</p>
</div>
</div>
<div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div>
<div class="sv-wardrobe">
<div class="sv-wardrobe-head">
<span class="sv-dot"></span>
CHARACTER WARDROBE
</div>
<div class="sv-wardrobe-shell">
<div class="sv-wardrobe-strip scrollbar-orange">
<figure class="sv-fit">
<img src="Images/Outfits/Zara Frying Pan-turnaround.gif" alt="Zara Outfit 1">
<figcaption>OUTFIT 1</figcaption>
</figure>
<figure class="sv-fit">
<img src="Images/Outfits/Zara Blackwood Cat-turnaround.gif" alt="Zara Outfit 2">
<figcaption>OUTFIT 2</figcaption>
</figure>
<figure class="sv-fit">
<img src="Images/Outfits/Snow Zara Blackwood-turnaround.gif" alt="Zara Outfit 3">
<figcaption>OUTFIT 3</figcaption>
</figure>
</div>
</div>
</div>
<div style="margin:18px 0 10px;"> <div style="height:1px;background:linear-gradient(90deg, transparent, rgba(124,58,237,.6), rgba(96,165,250,.35), transparent);"></div> </div>
<div class="sv-playlist">
<div class="sv-playlist-title"><span>Zara's Playlist</span></div>
<div class="sv-playlist-intro">Songs chosen to accompany Zara's story.</div>
<div class="sv-playlist-frame">
<iframe src="https://open.spotify.com/embed/playlist/5vEkgCR4vjzh0kXQM0xppC?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>
<div class="sv-playlist-footer"><span>◆</span> Character Soundtrack <span>◆</span></div>
</div>