.rpgtraits-wrapper { margin-top: 10px; }
    .rpgtraits-category { margin-bottom: 20px; padding: 10px; border-radius: 6px; background: transparent; width:100%;}
    .rpgtraits-category h3 { margin: 0 0 5px 0; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; }
    .rpgtraits-category-desc { font-size: 12px; color: var(--text-muted); margin-bottom: 8px; }
    .rpgtraits-pair { margin: 8px 0;}
    .rpgtraits-pair-labels { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 3px; }
    .rpgtraits-pair-labels span { max-width: 45%; }
    .rpgtraits-slider-row { display:flex; align-items:center; gap:8px; }
    .rpgtraits-slider-row input[type=range] { flex: 1 1 auto; }
    .rpgtraits-value-indicator { font-size:11px; color:var(--text-muted); min-width:40px; text-align:right; }

/* Basis-Slider */
.rpgtraits-slider {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    border-radius: 999px;
    background: var(--border-color); /* Farbe der Leiste */
    outline: none;
    cursor: pointer;
}

/* Track in Firefox */
.rpgtraits-slider::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: var(--border-color); /* gleiche Farbe wie oben */
}

/* Thumb (WebKit: Chrome, Edge, Safari) */
.rpgtraits-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent);        /* Farbe des „Knubbels“ */
    border: 2px solid var(--border-color);  /* Rand drumherum */
}

/* Thumb in Firefox */
.rpgtraits-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent);
    border: 2px solid var(--accent);
}