{#
Combat Abandoned Success Message
Shows after successfully abandoning a combat session
#}
<div class="combat-abandoned-success">
    <div class="success-icon">&#10004;</div>
    <p class="success-message">{{ message }}</p>
    <p class="success-hint">
        <small>Click "Search for Monsters" to find a new encounter.</small>
    </p>
    <button class="btn btn-secondary" onclick="closeModal()">
        Close
    </button>
</div>

<style>
.combat-abandoned-success {
    text-align: center;
    padding: 2rem;
}

.success-icon {
    font-size: 3rem;
    color: var(--color-success, #28a745);
    margin-bottom: 1rem;
}

.success-message {
    font-size: 1.1rem;
    color: var(--color-text, #e5e7eb);
    margin-bottom: 0.5rem;
}

.success-hint {
    color: var(--color-text-secondary, #aaa);
    margin-bottom: 1.5rem;
}
</style>
