/* Caesar vs Khan — matchup-specific styles */


/* Terrain specs blurb */
.terrain-specs {
    margin-top: 8px;
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--dim);
    line-height: 1.5;
}

/* Army size block — commander names + context */
.army-strip {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.army-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
}

.army-name-link {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: var(--yellow);
    text-decoration: none;
}

.army-name-link:hover { text-decoration: underline; }

.army-detail {
    font-size: 11px;
    letter-spacing: 0.06em;
    color: var(--dim);
}

.army-divider {
    height: 1px;
    background: var(--border);
}

.army-note {
    font-size: 10px;
    letter-spacing: 0.05em;
    color: var(--dim);
    margin-top: 6px;
    line-height: 1.5;
}

/* Battle condition flag */
.result-legality.is-battle {
    color: var(--yellow);
    white-space: pre-line;
    line-height: 1.6;
    font-size: 11px;
    letter-spacing: 0.05em;
    transition: color 150ms ease;
}

/* Emphasised beat — feint, the close, the melee turning, the rout */
.result-legality.is-battle.is-clash {
    color: var(--orange);
    animation: battle-clash-flash 520ms ease;
}
@keyframes battle-clash-flash {
    0%   { background: rgba(212, 98, 26, 0.20); }
    100% { background: rgba(212, 98, 26, 0.00); }
}