/* Roleplayverse Character Discovery: shares the Character Rankings list system.
   Scoped additions for Kings, Latest, and Underrated only. */
#character-rankings.rv-discovery-page {
    --cr-primary: #ce2842;
    --cr-primary-dark: #a60a15;
    --cr-ink: #212529;
    --cr-muted: #404550;
    --cr-border: #ead4da;
    --cr-soft: #fff2f4;
}
#character-rankings.rv-discovery-page .cr-main-card {
    border-top: 3px solid #ce2842;
}
#character-rankings.rv-discovery-page .rv-discovery-heading {
    border-bottom: 1px solid #eed5db;
    padding-bottom: 1rem;
}
#character-rankings.rv-discovery-page .rv-discovery-heading h2 {
    color: #212529;
    font-size: 1.08rem;
    font-weight: 600;
    margin: 0 0 .3rem;
}
#character-rankings.rv-discovery-page .rv-discovery-heading p {
    font-size: .85rem;
    line-height: 1.55;
    color: #4a4e57;
    margin: 0;
}
#character-rankings.rv-discovery-page .rv-discovery-count {
    flex: 0 0 auto;
    padding: .35rem .7rem;
    border-radius: 7px;
    background: #fff1f4;
    color: #8c182c;
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
}
#character-rankings.rv-discovery-page .rv-discovery-row {
    align-items: center;
}
#character-rankings.rv-discovery-page .rv-discovery-row .cr-list-main {
    min-width: 0;
}
#character-rankings.rv-discovery-page .rv-discovery-meta {
    gap: .4rem .85rem;
    margin-top: .48rem;
    line-height: 1.5;
}
#character-rankings.rv-discovery-page .rv-discovery-meta > span,
#character-rankings.rv-discovery-page .rv-discovery-meta > a {
    font-size: .8rem;
    font-weight: 500;
    color: #414650;
}
#character-rankings.rv-discovery-page .rv-discovery-meta > a:not(.rv-discovery-universe) {
    color: #a60a15 !important;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}
#character-rankings.rv-discovery-page .rv-discovery-meta > a:hover {
    text-decoration: underline;
}
#character-rankings.rv-discovery-page .rv-discovery-meta i {
    color: #bd2740;
    font-size: 1rem;
    vertical-align: -.1rem;
}
#character-rankings.rv-discovery-page .rv-discovery-inline-rating,
#character-rankings.rv-discovery-page .rv-discovery-date {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    flex-wrap: wrap;
}
#character-rankings.rv-discovery-page .rv-discovery-inline-rating strong,
#character-rankings.rv-discovery-page .rv-discovery-your-rating strong {
    color: #212529;
    font-weight: 600;
}
#character-rankings.rv-discovery-page .rv-discovery-universe {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .23rem .5rem;
    border: 1px solid #efcbd3;
    border-radius: 6px;
    background: #fff5f7;
    color: #9f2034 !important;
    font-weight: 600 !important;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}
#character-rankings.rv-discovery-page .rv-discovery-universe i {color: #a60a15;}
#character-rankings.rv-discovery-page .rv-discovery-latest-icon i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    color: #ba2940;
    background: #fff0f3;
    font-size: 1.2rem;
}
#character-rankings.rv-discovery-page .rv-discovery-your-rating {
    margin-top: .65rem;
    font-size: .8rem;
    color: #3e424a;
}
#character-rankings.rv-discovery-page .rv-discovery-your-rating i {color: #ce2842; margin-right: .25rem;}
#character-rankings.rv-discovery-page .rv-discovery-metric {
    flex: 0 0 140px;
    align-self: center;
    text-align: right;
}
#character-rankings.rv-discovery-page .rv-discovery-metric .cr-score {
    color: #b41f38;
    font-size: 1.18rem;
}
#character-rankings.rv-discovery-page .rv-discovery-metric .cr-metric-caption {
    display: block;
    color: #4a4e57 !important;
    font-size: .78rem;
    margin-top: .15rem;
}
#character-rankings.rv-discovery-page .rv-discovery-score-label {
    display: inline-block;
    margin-top: .45rem;
    padding: .2rem .52rem;
    border-radius: 6px;
    font-size: .73rem;
    font-weight: 600;
    line-height: 1.5;
    background: #fff1f4;
    border: 1px solid #f0c5ce;
    color: #8c182c;
}
#character-rankings.rv-discovery-page .rv-discovery-exposure {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .65rem;
}
#character-rankings.rv-discovery-page .rv-discovery-exposure span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid #f0e1e4;
    border-radius: 6px;
    background: #faf8f9;
    color: #383e46;
    padding: .24rem .5rem;
    font-weight: 500;
    font-size: .76rem;
}
#character-rankings.rv-discovery-page .rv-discovery-exposure i {
    color: #b2233b;
    font-size: .9rem;
}
#character-rankings.rv-discovery-page .rv-discovery-rate-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .3rem;
    width: min(100%, 300px);
    margin-top: .7rem;
}
#character-rankings.rv-discovery-page .rv-discovery-rate-form label {
    font-size: .8rem;
    font-weight: 600;
    color: #383d45;
}
#character-rankings.rv-discovery-page .rv-discovery-rate-select {
    width: 100%;
    min-height: 38px;
    padding-right: 2.4rem;
    background-position: right 14px center;
    color: #212529;
    border-color: #dec4cc;
    cursor: pointer;
}
#character-rankings.rv-discovery-page .rv-discovery-rate-select:focus-visible {
    border-color: #ce2842;
    box-shadow: 0 0 0 3px rgba(206,40,66,.12);
}
#character-rankings.rv-discovery-page .rv-discovery-rate-feedback {
    display: block;
    min-height: 1.1rem;
    font-size: .73rem;
    color: #4a4e57;
}
#character-rankings.rv-discovery-page .rv-discovery-rate-feedback.is-error {
    color: #a60a15;
    font-weight: 600;
}
#character-rankings.rv-discovery-page .cr-filters {
    background: #fffafa;
    border-color: #efcbd3;
    border-left: 3px solid #ce2842;
}
#character-rankings.rv-discovery-page .cr-filters label {font-weight: 600 !important; color: #30343b;}
#character-rankings.rv-discovery-page .cr-filters .form-select {padding-right: 2rem; background-position: right 12px center;}
#character-rankings.rv-discovery-page .cr-filter-footer .cr-result-count {color: #363c45 !important; font-size: .79rem;}
#character-rankings.rv-discovery-page a:focus-visible,
#character-rankings.rv-discovery-page button:focus-visible,
#character-rankings.rv-discovery-page select:focus-visible {
    outline: 2px solid #ce2842;
    outline-offset: 3px;
}
@media (max-width: 991.98px) {
    #character-rankings.rv-discovery-page .rv-discovery-metric {flex-basis: 125px;}
}
@media (max-width: 767.98px) {
    #character-rankings.rv-discovery-page .cr-main-card > .card-body {padding: 1rem;}
    #character-rankings.rv-discovery-page .rv-discovery-row {align-items: start;}
    #character-rankings.rv-discovery-page .rv-discovery-metric {
        grid-column: 3;
        grid-row: 2;
        flex: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }
    #character-rankings.rv-discovery-page .rv-discovery-metric .cr-metric-caption {
        display: inline;
        margin-left: .45rem;
    }
    #character-rankings.rv-discovery-page .rv-discovery-score-label {display: block; width: fit-content;}
    #character-rankings.rv-discovery-page .rv-discovery-rate-form {max-width: none;}
    #character-rankings.rv-discovery-page .rv-discovery-count {font-size: .75rem;}
    #character-rankings.rv-discovery-page .rv-discovery-heading {align-items: start !important;}
    #character-rankings.rv-discovery-page .rv-discovery-meta {gap: .3rem .65rem;}
    #character-rankings.rv-discovery-page .rv-discovery-latest-icon i {width: 36px; height: 36px;}
}
@media (prefers-reduced-motion: reduce) {
    #character-rankings.rv-discovery-page .cr-list-item {transition: none;}
}