/* =========================================================================
   SYSTEM BADGES — shared across creator cards, actor cards, and sheet pages
   ========================================================================= */

.system-badges {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.system-badge {
    font-size: 0.65rem;
    padding: 0.1rem 0.3rem;
    background: var(--parchment-dark);
    color: var(--ink);
    border: 1px solid var(--ink-light);
    letter-spacing: 0.02em;
}

/* Per-system colours */
.system-badge--dnd {
    background: #fbe8e8;
    border-color: #c0392b;
    color: #922b21;
}

.system-badge--reverie {
    background: #f0e6f6;
    border-color: #8e44ad;
    color: #6c3483;
}

.system-badge--rmmz {
    background: #e8f5e9;
    border-color: #27ae60;
    color: #1e8449;
}

.system-badge--dcc {
    background: #fef9e7;
    border-color: #d4ac0d;
    color: #7d6608;
}

.system-badge--playtopia {
    background: #fef3e2;
    border-color: #e67e22;
    color: #a85d12;
}

.system-badge--custom {
    background: #e8eef6;
    border-color: #5b7fa6;
    color: #3a5d82;
}

.system-badge--nostats {
    background: #ececec;
    border-color: #bbb;
    color: #999;
    font-style: italic;
}

.no-systems {
    font-size: 0.68rem;
    color: var(--ink-light);
    font-style: italic;
    opacity: 0.6;
}

/* Responsive: smaller badges on phones */
@media (max-width: 480px) {
    .system-badge {
        font-size: 0.6rem;
        padding: 0.05rem 0.2rem;
    }
}