#round-control {
    position:relative;
    width:100%;
}

#difficulty-control {
    position:absolute;
    top:50%;
    left:0;
    width:25%;
    display:flex;
    justify-content:center;
    transform:translateY(-50%);
}

#difficulty-select {
    width:min(190px, 82%);
    padding:10px 34px 10px 14px;
    border:1px solid var(--color-border);
    border-radius:10px;
    background:var(--color-surface-light);
    color:var(--color-text);
    font:inherit;
    font-size:clamp(.8rem,1.5vw,1rem);
    font-weight:700;
    text-align:center;
    cursor:pointer;
}

#difficulty-select:focus-visible {
    outline:2px solid var(--color-primary-hover);
    outline-offset:2px;
}

#difficulty-select:disabled {
    opacity:.55;
    cursor:not-allowed;
}

#status-message.compare-simple,
#status-message.compare-easy,
#status-message.compare-challenging,
#status-message.compare-difficult,
#status-message.compare-hard {
    font-weight:800;
}

#status-message.compare-simple {
    color:var(--color-primary-hover);
}

#status-message.compare-easy {
    color:var(--color-success);
}

#status-message.compare-challenging {
    color:var(--color-warning);
}

#status-message.compare-difficult {
    color:#f97316;
}

#status-message.compare-hard {
    color:var(--color-danger);
}

@media(max-width:700px) {
    #difficulty-select {
        width:88%;
        font-size:clamp(.66rem,2.8vw,.82rem);
        padding:8px 24px 8px 8px;
    }
}
