.ai-battle-box {
    margin-top: 15px;
    margin-bottom: 5px;
    
    /* ZENTRIERUNG DER BOX */
    margin-left: auto;
    margin-right: auto;
    max-width: 600px; /* Begrenzt die Breite, damit die Zentrierung sichtbar ist (Wert frei anpassbar) */
    width: 100%;       /* Sorgt dafür, dass sie auf Mobilgeräten flexibel bleibt */
    
    /* TEXT ZENTRIEREN */
    text-align: center; /* Zentriert den Text im Header und Content. Wenn der Text linksbündig bleiben soll, einfach diese Zeile löschen! */

    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: 4px solid #5cb85c; /* Von links nach oben verschoben, da es zentriert besser aussieht */
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.02);
    clear: both;
}

.ai-battle-header {
    background-color: rgba(0, 0, 0, 0.04);
    padding: 6px 12px;
    font-size: 0.85rem;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: inherit;
}

.ai-battle-content {
    padding: 12px;
    font-size: 0.95rem;
    color: inherit;
}