<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="Astryx.png" alt="Astryx"> </div> <div class="sv-player-profile"> <div class="sv-player-tags"> <span>Tiefling</span> <span>Sordia Vignti</span> <span>Druid Grove</span> </div> <div class="sv-player-identity"> <h2>Astryx</h2> <div class="sv-player-class">Circle of Stars Druid</div> <div class="sv-player-level">Level 16</div> </div> <div class="sv-player-rule"></div> <div class="sv-player-stats"> <div class="sv-player-abilities"> <div><span>STR</span><strong>8</strong></div> <div><span>DEX</span><strong>16</strong></div> <div><span>CON</span><strong>15</strong></div> <div><span>INT</span><strong>11</strong></div> <div><span>WIS</span><strong>20</strong></div> <div><span>CHA</span><strong>12</strong></div> </div> <div class="sv-player-vitals"> <div><strong>147</strong><span>HP</span></div> <div><strong>17</strong><span>AC</span></div> <div><strong>30</strong><span>SPEED</span></div> </div> </div> <div class="sv-player-traits">Darkvision 60 ft.</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 &amp; Badge</span></div> <div class="sv-player-assets-grid"> <div class="sv-player-mini-card"> <div class="sv-player-mini-frame"> <img src="Hero-turnaround.gif" alt="Astryx 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="DruidDice.png" alt="Druid badge"> </div> <div class="sv-player-assets-plaque">Druid</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"><a class="internal-link" href="Tiefling">Tiefling</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="Druid">Druid</a> - Circle of Stars</span></div> <div class="sv-record-row"><span class="sv-record-label">Titles</span><span class="sv-record-value sv-record-titles"></span></div> <div class="sv-record-row"><span class="sv-record-label">Also Known As</span><span class="sv-record-value">The Observer</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>, <a class="internal-link" href="Draconic">Draconic</a>, <a class="internal-link" href="Druidic">Druidic</a>, <a class="internal-link" href="Giant">Giant</a></span></div> <div class="sv-record-row"><span class="sv-record-label">Connections</span><span class="sv-record-value">Sordia Vignti <a class="internal-link" href="Team">Team</a></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> </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>Astryx Nightbloom was raised within a secluded Circle of Stars grove that kept an ancient stone observatory hidden beneath a canopy of old trees. Her circle believed the sky was not just something to admire, but something to <em>listen to</em>, a living map of warnings, cycles, and fate. Astryx learned to chart constellations, read omen-shifts, and follow the strange thread that binds the heavens to the health of the land. In recent months, that thread began to fray.</p> <p>Reports came in from other circles and sacred sites: groves found silent, standing stones cracked, wards gone cold, and druids either missing or discovered with their rites interrupted as if they’d fled mid-prayer. Astryx was sent to investigate, expecting poachers, raiders, or fiendish corruption.</p> <p>Instead, she found something more unsettling, devastation that felt <strong>deliberate</strong>, patterned. At multiple ruined sites she discovered the same marks: careful cuts through old warding-runes, signs of research rather than slaughter, and traces that suggested someone had arrived before her, asked the same questions, and moved on.</p> <p>A name kept surfacing in whispers and scraps of evidence, written in coded notes and spoken by frightened survivors who didn’t understand what they’d seen:<br><strong><a class="internal-link" href="Kyo">The Velvet Reaper</a>.</strong></p> <p>Astryx came to believe the Velvet Reaper was another investigator, someone moving in parallel, chasing the same mystery through the ruins of druidic circles. She followed the trail they left behind: half-burned pages, star-chart fragments, subtle symbols placed where only a trained watcher would notice. Whoever this Velvet Reaper was, they were close to the heart of it.</p> <p>And that trail led, again and again, to the same place, a name<br><strong>Sordia Vignti.</strong><br>Rumours placed them near incidents involving necromancy, cursed relics, and the kind of wrongness Astryx was now finding at every shattered grove. If the Velvet Reaper truly was hunting the source of the attacks, then Sordia Vignti were either connected to the answer… or standing directly in the path of it.</p> <p>Astryx set out to find them, determined to uncover the truth, to stop whatever was unmaking the circles, and to finally meet the Velvet Reaper face-to-face.</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/HeroStarForm.gif" alt="Starry Form"> <figcaption>Starry Form</figcaption> </figure> <figure class="sv-fit"> <img src="Images/Outfits/HeroOutfit.gif" alt="Hero Outfit 1"> <figcaption>OUTFIT 1</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>Astryx's Playlist</span></div> <div class="sv-playlist-intro">Songs chosen to accompany Astryx's story.</div> <div class="sv-playlist-frame"> <iframe data-testid="embed-iframe" src="https://open.spotify.com/embed/playlist/57NiN3wLC36eNIpLhbH1a6?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> <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>