<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fantasy Characters</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

<!-- Character Sheet for Lyra -->
<div class="character-sheet">
    <h1>Lyra - Tiefling Bard</h1>

    <!-- Character Picture -->
    <div class="character-picture">
        <img src="../assets/player.png" alt="Lyra">
    </div>

    <!-- Basic Information Section -->
    <div class="section">
        <h2>Basic Information</h2>
        <ul>
            <li><strong>Race:</strong> Tiefling</li>
            <li><strong>Class:</strong> Bard (Level 1)</li>
            <li><strong>Alignment:</strong> Neutral Good</li>
            <li><strong>Background:</strong> Entertainer</li>
        </ul>
    </div>

    <!-- Stats Section -->
    <div class="section">
        <h2>Stats</h2>
        <ul>
            <li><strong>STR:</strong> 8 (-1)</li>
            <li><strong>DEX:</strong> 14 (+2)</li>
            <li><strong>CON:</strong> 12 (+1)</li>
            <li><strong>INT:</strong> 12 (+1)</li>
            <li><strong>WIS:</strong> 10 (+0)</li>
            <li><strong>CHA:</strong> 16 (+3)</li>
        </ul>
    </div>

    <!-- Proficiencies Section -->
    <div class="section">
        <h2>Proficiencies</h2>
        <ul>
            <li><strong>Skills:</strong> Performance, Persuasion, Deception</li>
            <li><strong>Tools:</strong> Musical Instrument (Violin)</li>
            <li><strong>Languages:</strong> Common, Infernal, Elvish</li>
        </ul>
    </div>

    <!-- Movement and Actions Section -->
    <div class="section">
        <h2>Movement and Actions</h2>
        <ul>
            <li><strong>Movement:</strong> 30 ft</li>
            <li><strong>Action:</strong> Cast a spell (see spell list)</li>
            <li><strong>Bonus-action:</strong>
                <ul>
                    <li>Inspiration: Grant a d6 to an ally's skill check, attack roll, or saving throw (3 uses per short rest)</li>
                    <li>Dagger Attack: +DEX modifier to hit, 1d4+2 piercing damage</li>
                    <li>Healing Word: Restore 1d4+CHA HP to an ally within 60 feet (2 uses per long rest)</li>
                </ul>
            </li>
            <li><strong>Reaction:</strong>
                <ul>
                    <li>Cutting Words: Use a Bardic Inspiration die to subtract from an enemy's attack roll, skill check, or damage roll</li>
                </ul>
            </li>
        </ul>
    </div>

    <!-- Race Features Section -->
    <div class="section">
        <h2>Race Feature</h2>
        <ul>
            <li><strong>Hellish Resistance:</strong> Resistance to fire damage</li>
            <li><strong>Infernal Legacy:</strong> Can cast minor illusions at will; at 3rd level, can cast a minor fire spell once per long rest</li>
            <li><strong>Darkvision:</strong> See in darkness up to 60 feet</li>
        </ul>
    </div>

    
    <!-- Spell Slots Section -->
    <div class="section">
        <h2>Spell Slots</h2>
        <p>2x Per Long Rest</p>
    </div>
    
    <!-- Spell List Section -->
    <div class="section">
        <h2>Spell List</h2>
        <table>
            <h3>Cantrips (At Will)</h3>
            <tr>
                <th>Name</th>
                <th>Effect</th>
                <th>Range</th>
            </tr>
            <tr>
                <td>Illusionary Image</td>
                <td>Create a minor illusion of an object or sound</td>
                <td>30 feet</td>
            </tr>
            <tr>
                <td>Disguise Self</td>
                <td>Change appearance</td>
                <td>Self</td>
            </tr>
            <tr>
                <td>Mending</td>
                <td>Repair a broken object</td>
                <td>Touch</td>
            </tr>
        </table>
        <table>
            <h3>Level 1 Spells</h3>
            <tr>
                <th>Name</th>
                <th>Effect</th>
                <th>Range</th>
            </tr>
            <tr>
                <td>Soothing Melody</td>
                <td>Heal an ally for 1d4+CHA HP; grants 1d6 temporary hit points</td>
                <td>60 feet</td>
            </tr>
            <tr>
                <td>Charm Person</td>
                <td>Enchant a person to be friendly towards you</td>
                <td>30 feet</td>
            </tr>
            <tr>
                <td>Heroic Ballad</td>
                <td>Inspire allies within 30 feet, granting them advantage on their next attack roll or saving throw</td>
                <td>30 feet</td>
            </tr>
            <tr>
                <td>Thunderous Applause</td>
                <td>Disorient enemies within a 15-foot radius, causing them to be stunned for 1 round</td>
                <td>Self</td>
            </tr>
        </table>
    </div>
    <!-- Abilities Section -->
    <div class="section">
        <h2>Abilities</h2>
        <ul>
            <li><strong>Soothing Melody:</strong> Lyra can use her musical abilities to calm emotions and heal wounds (3 uses per long rest).</li>
            <li><strong>Bardic Knowledge:</strong> Lyra has extensive knowledge of myths, legends, and lore, granting her advantage on Intelligence checks related to history, arcana, or local customs.</li>
            <li><strong>Entertainer's Expertise:</strong> Lyra can entertain and captivate an audience, gaining advantage on Performance checks and doubling her proficiency bonus when performing.</li>
            <li><strong>Quick Wit:</strong> Once per short rest, Lyra can take an additional reaction on her turn.</li>
        </ul>
    </div>
</div>

</body>
</html>