/* ============================================================
   SLIDER GLOBAL DE DIFICULDADE
   ============================================================ */
.question-difficulty-card{display:grid;}

.difficulty-header{display:flex;align-items:center;justify-content:space-between;gap:10px;}

#difficultySlider{appearance:none;-webkit-appearance:none;width:100%;height:6px;margin:4px 0 8px;border-radius:999px;background:rgba(255,255,255,.14);outline:none;cursor:pointer;}

#difficultySlider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.9);cursor:pointer;}

#difficultySlider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.9);cursor:pointer;}

#difficultySlider::-moz-range-track{height:6px;border-radius:999px;background:rgba(255,255,255,.14);}

.question-difficulty-card[data-level="1"] .difficulty-header span,
.question-difficulty-card[data-level="1"] #difficultyValue{color:var(--green);}

.question-difficulty-card[data-level="1"] #difficultySlider::-webkit-slider-thumb{background:var(--green);}
.question-difficulty-card[data-level="1"] #difficultySlider::-moz-range-thumb{background:var(--green);}

.question-difficulty-card[data-level="2"] .difficulty-header span,
.question-difficulty-card[data-level="2"] #difficultyValue{color:var(--yellow);}

.question-difficulty-card[data-level="2"] #difficultySlider::-webkit-slider-thumb{background:var(--yellow);}
.question-difficulty-card[data-level="2"] #difficultySlider::-moz-range-thumb{background:var(--yellow);}

.question-difficulty-card[data-level="3"] .difficulty-header span,
.question-difficulty-card[data-level="3"] #difficultyValue{color:var(--red);}

.question-difficulty-card[data-level="3"] #difficultySlider::-webkit-slider-thumb{background:var(--red);}
.question-difficulty-card[data-level="3"] #difficultySlider::-moz-range-thumb{background:var(--red);}

.difficulty-card {width: 100%;}

.difficulty-slider {width: 100%;padding-top: 4px;}

.difficulty-labels {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding: 0 2px;
}

.difficulty-labels span {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    opacity: 0.82;
}

#difficultySlider {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;
    height: 6px;

    margin: 4px 0 8px;

    border-radius: 999px;

    background:
        linear-gradient(
            to right,
            var(--accent-blue, #5696c6) 0%,
            var(--accent-blue, #5696c6) 0%,
            rgba(255,255,255,0.14) 0%,
            rgba(255,255,255,0.14) 100%
        );

    outline: none;

    cursor: pointer;
}

#difficultySlider::-webkit-slider-thumb {
    appearance: none;
    -webkit-appearance: none;

    width: 18px;
    height: 18px;

    border-radius: 50%;

    border: 2px solid rgba(255,255,255,0.9);

    background: var(--accent-blue, #5696c6);

    box-shadow:
        0 0 0 4px rgba(86,150,198,0.14),
        0 0 14px rgba(86,150,198,0.45);

    cursor: pointer;
}

#difficultySlider::-moz-range-thumb {
    width: 18px;
    height: 18px;

    border-radius: 50%;

    border: 2px solid rgba(255,255,255,0.9);

    background: var(--accent-blue, #5696c6);

    box-shadow:
        0 0 0 4px rgba(86,150,198,0.14),
        0 0 14px rgba(86,150,198,0.45);

    cursor: pointer;
}

#difficultySlider::-moz-range-track {
    height: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,0.14);
}




.difficulty-value {
    text-align: center;

    margin-top: 4px;

    font-size: 0.78rem;
    font-weight: 900;

    letter-spacing: 0.08em;

    color: var(--accent-blue, #5696c6);
}