/* RPG Wanted Manager 1.0.0-beta1
   Smoke on the Water
   ========================================================= */

.rpgw-page,
.rpgw-threadbox,
.rpgw-edit-wrap{
    --rpgw-bg:#1a100c;
    --rpgw-deep:#100906;
    --rpgw-panel:#24140d;
    --rpgw-panel2:#2b1a10;
    --rpgw-panel3:#302016;
    --rpgw-line:#5a341d;
    --rpgw-line2:#76502f;
    --rpgw-accent:#c58b45;
    --rpgw-accent-dark:#9f6730;
    --rpgw-light:#ead0a1;
    --rpgw-text:#ead9c1;
    --rpgw-muted:#bda889;
    --rpgw-success:#859b65;
    --rpgw-warning:#c09252;
    --rpgw-danger:#a85c50;

    box-sizing:border-box;
    color:var(--rpgw-text);
    font-family:"Spectral",Georgia,serif;
}

.rpgw-page *,
.rpgw-page *::before,
.rpgw-page *::after,
.rpgw-threadbox *,
.rpgw-threadbox *::before,
.rpgw-threadbox *::after,
.rpgw-edit-wrap *,
.rpgw-edit-wrap *::before,
.rpgw-edit-wrap *::after{
    box-sizing:border-box;
}

/* =========================================================
   ÖFFENTLICHE SEITE
   ========================================================= */

.rpgw-page{
    width:100%;
    max-width:1100px;
    margin:25px auto;
}

/* =========================================================
   GRUNDBOXEN
   ========================================================= */

.rpgw-page-intro,
.rpgw-browser,
.rpgw-threadbox{
    position:relative;
    overflow:hidden;
    border:1px solid var(--rpgw-line);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent 90px
        ),
        linear-gradient(
            135deg,
            rgba(197,139,69,.025),
            transparent 45%
        ),
        var(--rpgw-bg);
    box-shadow:
        0 12px 30px rgba(0,0,0,.34),
        inset 0 0 45px rgba(0,0,0,.24);
}

.rpgw-page-intro::after,
.rpgw-browser::after,
.rpgw-threadbox::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:2px;
    pointer-events:none;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgw-accent),
            transparent
        );
    opacity:.55;
}

.rpgw-page-intro{
    margin-bottom:22px;
}

.rpgw-browser{
    margin-bottom:22px;
}

/* =========================================================
   ÜBERSCHRIFTEN
   ========================================================= */

.rpgw-page-title,
.rpgw-threadbox-head{
    position:relative;
    padding:15px 20px;
    color:var(--rpgw-light);
    border-bottom:1px solid var(--rpgw-line);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.09),
            transparent
        ),
        linear-gradient(
            90deg,
            var(--rpgw-deep),
            var(--rpgw-panel),
            var(--rpgw-deep)
        );
}

.rpgw-page-title::before,
.rpgw-threadbox-head::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:4px;
    background:
        linear-gradient(
            180deg,
            var(--rpgw-light),
            var(--rpgw-accent),
            var(--rpgw-line)
        );
}

.rpgw-page-title h1,
.rpgw-threadbox-head h2,
.rpgw-edit-head h3,
.rpgw-card h3,
.rpgw-list-card h2{
    margin:0;
    color:var(--rpgw-light);
    font-family:"Cinzel",Georgia,serif;
    font-weight:500;
    line-height:1.35;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.rpgw-page-title h1{
    font-size:20px;
}

.rpgw-threadbox-head h2{
    font-size:17px;
}

/* =========================================================
   EINLEITUNGSTEXT
   ========================================================= */

.rpgw-page-introtext{
    position:relative;
    padding:21px 23px;
    color:var(--rpgw-text);
    font-size:13px;
    line-height:1.75;
    text-align:justify;
    background:
        linear-gradient(
            90deg,
            rgba(197,139,69,.03),
            transparent 25%,
            transparent 75%,
            rgba(197,139,69,.03)
        );
}

.rpgw-page-introtext::before{
    content:"";
    display:block;
    width:80px;
    height:1px;
    margin:0 auto 15px;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgw-accent),
            transparent
        );
}

.rpgw-page-introtext > :first-child{
    margin-top:0;
}

.rpgw-page-introtext > :last-child{
    margin-bottom:0;
}

.rpgw-page-introtext a{
    color:var(--rpgw-light);
    text-decoration:none;
    border-bottom:1px dotted var(--rpgw-accent);
}

.rpgw-page-introtext a:hover{
    color:#fff0d2;
    border-bottom-style:solid;
}

/* =========================================================
   FILTERTABS
   ========================================================= */

.rpgw-browser-head{
    padding:0;
    border-bottom:1px solid var(--rpgw-line);
    background:var(--rpgw-deep);
}

.rpgw-filters{
    display:flex;
    align-items:stretch;
    overflow-x:auto;
    overflow-y:hidden;
    background:var(--rpgw-deep);
    scrollbar-width:thin;
    scrollbar-color:var(--rpgw-line2) var(--rpgw-deep);
}

.rpgw-filters::-webkit-scrollbar{
    height:5px;
}

.rpgw-filters::-webkit-scrollbar-track{
    background:var(--rpgw-deep);
}

.rpgw-filters::-webkit-scrollbar-thumb{
    background:var(--rpgw-line2);
}

.rpgw-filter{
    appearance:none;
    position:relative;
    flex:0 0 auto;
    min-height:49px;
    margin:0;
    padding:14px 20px 13px;
    color:var(--rpgw-muted);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
    white-space:nowrap;
    cursor:pointer;
    border:0;
    border-right:1px solid var(--rpgw-line);
    outline:0;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--rpgw-deep);
    transition:
        color .2s ease,
        background .2s ease;
}

.rpgw-filter::after{
    content:"";
    position:absolute;
    right:50%;
    bottom:0;
    left:50%;
    height:3px;
    background:var(--rpgw-accent);
    transition:
        right .25s ease,
        left .25s ease;
}

.rpgw-filter:hover,
.rpgw-filter:focus{
    color:var(--rpgw-light);
    background:var(--rpgw-panel);
}

.rpgw-filter.is-active{
    color:var(--rpgw-light);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.11),
            transparent
        ),
        var(--rpgw-panel);
    box-shadow:inset 0 1px 0 rgba(234,208,161,.08);
}

.rpgw-filter.is-active::after{
    right:0;
    left:0;
}

/* =========================================================
   SUCHE
   ========================================================= */

.rpgw-search{
    position:relative;
    padding:14px 17px;
    border-bottom:1px solid var(--rpgw-line);
    background:
        linear-gradient(
            90deg,
            var(--rpgw-panel),
            var(--rpgw-bg),
            var(--rpgw-panel)
        );
}

.rpgw-search::before{
    content:"⌕";
    position:absolute;
    top:50%;
    left:29px;
    z-index:2;
    color:var(--rpgw-accent);
    font-family:Georgia,serif;
    font-size:20px;
    line-height:1;
    transform:translateY(-52%);
    pointer-events:none;
}

.rpgw-search input{
    width:100%;
    max-width:none;
    min-height:39px;
    margin:0;
    padding:9px 12px 9px 39px;
    color:var(--rpgw-text);
    font-family:"Spectral",Georgia,serif;
    font-size:12px;
    border:1px solid var(--rpgw-line);
    outline:none;
    background:var(--rpgw-deep);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.42),
        0 1px 0 rgba(255,255,255,.025);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.rpgw-search input::placeholder{
    color:var(--rpgw-muted);
    opacity:.55;
}

.rpgw-search input:hover{
    border-color:var(--rpgw-line2);
}

.rpgw-search input:focus{
    border-color:var(--rpgw-accent);
    background:var(--rpgw-panel);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.4),
        0 0 0 2px rgba(197,139,69,.09);
}

/* =========================================================
   KARTEN-GRIDS
   ========================================================= */

.rpgw-list-grid,
.rpgw-thread-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:17px;
    padding:17px;
    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 12px,
            rgba(197,139,69,.012) 12px,
            rgba(197,139,69,.012) 13px
        ),
        var(--rpgw-bg);
}

/* =========================================================
   GESUCHSKARTEN
   ========================================================= */

.rpgw-list-card,
.rpgw-card{
    position:relative;
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    min-width:0;
    overflow:hidden;
    color:var(--rpgw-text);
    border:1px solid var(--rpgw-line);
    border-left:3px solid var(--rpgw-accent-dark);
    background:
        linear-gradient(
            110deg,
            rgba(197,139,69,.075),
            transparent 52%
        ),
        var(--rpgw-panel);
    box-shadow:
        0 6px 16px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.02);
    transition:
        border-color .2s ease,
        border-left-color .2s ease,
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.rpgw-list-card::after,
.rpgw-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:34px;
    height:34px;
    pointer-events:none;
    background:
        linear-gradient(
            135deg,
            transparent 50%,
            rgba(197,139,69,.08) 51%
        );
}

.rpgw-list-card:hover,
.rpgw-card:hover{
    border-color:var(--rpgw-line2);
    border-left-color:var(--rpgw-accent);
    background:
        linear-gradient(
            110deg,
            rgba(197,139,69,.11),
            transparent 55%
        ),
        var(--rpgw-panel3);
    box-shadow:
        0 8px 20px rgba(0,0,0,.29),
        inset 0 1px 0 rgba(255,255,255,.025);
    transform:translateY(-2px);
}

.rpgw-list-card[hidden]{
    display:none!important;
}

/* =========================================================
   KARTENBILDER
   ========================================================= */

.rpgw-card-image{
    display:block;
    width:120px;
    height:160px;
    object-fit:cover;
    object-position:center top;
    border-right:1px solid var(--rpgw-line);
    background:var(--rpgw-deep);
    filter:saturate(.88) contrast(1.03);
}

.rpgw-card-placeholder{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:120px;
    height:160px;
    overflow:hidden;
    color:var(--rpgw-accent);
    font-family:Georgia,serif;
    font-size:38px;
    border-right:1px solid var(--rpgw-line);
    background:
        radial-gradient(
            circle at center,
            rgba(197,139,69,.08),
            transparent 60%
        ),
        var(--rpgw-deep);
}

.rpgw-card-placeholder::before{
    content:"";
    position:absolute;
    width:65px;
    height:65px;
    border:1px solid rgba(197,139,69,.22);
    transform:rotate(45deg);
}

.rpgw-card-placeholder::after{
    content:"?";
    position:relative;
    z-index:1;
}

/* =========================================================
   KARTENINHALT
   ========================================================= */

.rpgw-card-content,
.rpgw-list-content{
    position:relative;
    z-index:1;
    min-width:0;
    padding:14px 15px;
}

.rpgw-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding-bottom:10px;
    border-bottom:1px solid var(--rpgw-line);
}

.rpgw-card h3,
.rpgw-list-card h2{
    color:var(--rpgw-light);
    font-size:14px;
    line-height:1.4;
}

.rpgw-card h3 a,
.rpgw-list-card h2 a{
    color:var(--rpgw-light);
    text-decoration:none;
}

.rpgw-card h3 a:hover,
.rpgw-list-card h2 a:hover{
    color:#fff0d2;
}

/* =========================================================
   STATUS
   ========================================================= */

.rpgw-badge{
    flex:0 0 auto;
    padding:4px 7px;
    color:var(--rpgw-accent);
    font-family:"Cinzel",Georgia,serif;
    font-size:9px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.07em;
    white-space:nowrap;
    border:1px solid var(--rpgw-line2);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.07),
            transparent
        ),
        var(--rpgw-deep);
}

.rpgw-status-reserved{
    border-left-color:var(--rpgw-warning);
}

.rpgw-status-reserved .rpgw-badge{
    color:#d8aa65;
    border-color:#79562d;
    background:
        linear-gradient(
            180deg,
            rgba(192,146,82,.13),
            transparent
        ),
        var(--rpgw-deep);
}

.rpgw-status-taken{
    border-left-color:var(--rpgw-success);
    opacity:.72;
}

.rpgw-status-taken .rpgw-badge{
    color:#a5b77e;
    border-color:#596a45;
    background:
        linear-gradient(
            180deg,
            rgba(133,155,101,.13),
            transparent
        ),
        var(--rpgw-deep);
}

/* =========================================================
   FAKTEN UND BESCHREIBUNG
   ========================================================= */

.rpgw-facts{
    margin-top:10px;
    color:var(--rpgw-muted);
    font-size:11px;
    line-height:1.7;
}

.rpgw-facts strong{
    color:var(--rpgw-light);
    font-weight:600;
}

.rpgw-facts a{
    color:var(--rpgw-accent);
    text-decoration:none;
    border-bottom:1px dotted rgba(197,139,69,.65);
}

.rpgw-facts a:hover{
    color:var(--rpgw-light);
    border-bottom-style:solid;
}

.rpgw-description{
    margin-top:10px;
    color:var(--rpgw-text);
    font-size:12px;
    line-height:1.65;
    text-align:justify;
height: 200px;
overflow: auto;
}

.rpgw-description > :first-child{
    margin-top:0;
}

.rpgw-description > :last-child{
    margin-bottom:0;
}

/* =========================================================
   KARTEN-FUSSZEILE
   ========================================================= */

.rpgw-list-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:12px;
    padding-top:10px;
    color:var(--rpgw-muted);
    font-size:10px;
    line-height:1.55;
    border-top:1px solid var(--rpgw-line);
}

.rpgw-list-footer a:not(.button){
    color:var(--rpgw-accent);
    text-decoration:none;
}

.rpgw-list-footer a:not(.button):hover{
    color:var(--rpgw-light);
}

/* =========================================================
   BUTTONS
   ========================================================= */

.rpgw-page .button,
.rpgw-threadbox .button,
.rpgw-edit-wrap .button,
.rpgw-list-footer .button,
.rpgw-threadbox-head .button,
.rpgw-edit-head .button,
.rpgw-row-head .button{
    display:inline-block;
    width:auto;
    min-height:auto;
    margin:0;
    padding:7px 11px;
    color:var(--rpgw-deep);
    font-family:"Cinzel",Georgia,serif;
    font-size:9px;
    font-weight:700;
    line-height:1.4;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:.08em;
    cursor:pointer;
    border:1px solid var(--rpgw-line2);
    outline:none;
    background:
        linear-gradient(
            180deg,
            var(--rpgw-light),
            var(--rpgw-accent)
        );
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        0 3px 8px rgba(0,0,0,.28);
    transition:
        color .2s ease,
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rpgw-page .button:hover,
.rpgw-threadbox .button:hover,
.rpgw-edit-wrap .button:hover,
.rpgw-list-footer .button:hover,
.rpgw-threadbox-head .button:hover,
.rpgw-edit-head .button:hover,
.rpgw-row-head .button:hover{
    color:#160d08;
    border-color:var(--rpgw-light);
    background:
        linear-gradient(
            180deg,
            #f1ddb9,
            #d39a54
        );
    transform:translateY(-1px);
}

.rpgw-page .button:active,
.rpgw-threadbox .button:active,
.rpgw-edit-wrap .button:active{
    transform:translateY(0);
}

/* =========================================================
   LEERE LISTE
   ========================================================= */

.rpgw-empty{
    position:relative;
    padding:30px 20px;
    color:var(--rpgw-muted);
    font-size:11px;
    font-style:italic;
    line-height:1.65;
    text-align:center;
}

.rpgw-empty::before,
.rpgw-empty::after{
    content:"";
    display:inline-block;
    width:32px;
    height:1px;
    margin:0 9px 3px;
    vertical-align:middle;
    background:var(--rpgw-line);
}

/* =========================================================
   ANZEIGE IM GESUCHSTHREAD
   ========================================================= */

.rpgw-threadbox{
    margin:0 0 22px;
}

.rpgw-threadbox-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
}

.rpgw-threadbox-head .button{
    flex:0 0 auto;
}

.rpgw-thread-grid{
    border:0;
}

/* =========================================================
   EINGABEFORMULAR
   ========================================================= */

.rpgw-edit-wrap{
    padding:7px 0;
}

.rpgw-edit-head{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:15px;
    padding:15px 17px;
    overflow:hidden;
    color:var(--rpgw-text);
    border:1px solid var(--rpgw-line);
    border-left:4px solid var(--rpgw-accent);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.09),
            transparent
        ),
        linear-gradient(
            90deg,
            var(--rpgw-deep),
            var(--rpgw-panel),
            var(--rpgw-deep)
        );
    box-shadow:
        0 7px 18px rgba(0,0,0,.24),
        inset 0 0 30px rgba(0,0,0,.15);
}

.rpgw-edit-head::after{
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgw-accent),
            transparent
        );
}

.rpgw-edit-head h3{
    font-size:15px;
}

.rpgw-edit-head p{
    margin:6px 0 0;
    color:var(--rpgw-muted);
    font-size:11px;
    line-height:1.55;
}

/* =========================================================
   EINZELNE ROLLEN IM FORMULAR
   ========================================================= */

.rpgw-edit-row{
    position:relative;
    margin-bottom:15px;
    overflow:hidden;
    border:1px solid var(--rpgw-line);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.012),
            transparent
        ),
        var(--rpgw-bg);
    box-shadow:
        0 7px 18px rgba(0,0,0,.2),
        inset 0 0 25px rgba(0,0,0,.18);
}

.rpgw-row-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 14px;
    color:var(--rpgw-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:10px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
    border-bottom:1px solid var(--rpgw-line);
    background:
        linear-gradient(
            180deg,
            rgba(197,139,69,.07),
            transparent
        ),
        var(--rpgw-deep);
}

.rpgw-row-head > span:first-child{
    position:relative;
    padding-left:19px;
}

.rpgw-row-head > span:first-child::before{
    content:"◆";
    position:absolute;
    top:0;
    left:0;
    color:var(--rpgw-accent);
    font-size:10px;
}

.rpgw-remove-row{
    padding:5px 8px!important;
    color:#ecd8d1!important;
    font-size:8px!important;
    border-color:#754039!important;
    background:
        linear-gradient(
            180deg,
            #8c4b43,
            #66332e
        )!important;
}

.rpgw-remove-row:hover{
    color:#fff1eb!important;
    border-color:var(--rpgw-danger)!important;
    background:
        linear-gradient(
            180deg,
            #a85c50,
            #773b34
        )!important;
}

/* =========================================================
   FORMULARFELDER
   ========================================================= */

.rpgw-edit-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px 18px;
    padding:17px;
}

.rpgw-edit-grid label{
    display:block;
    min-width:0;
}

.rpgw-edit-grid label > span{
    display:block;
    margin-bottom:7px;
    color:var(--rpgw-light);
    font-family:"Cinzel",Georgia,serif;
    font-size:9px;
    font-weight:600;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:.09em;
}

.rpgw-edit-grid input,
.rpgw-edit-grid select,
.rpgw-edit-grid textarea{
    width:100%;
    max-width:none;
    margin:0;
    padding:9px 11px;
    color:var(--rpgw-text);
    font-family:"Spectral",Georgia,serif;
    font-size:12px;
    border:1px solid var(--rpgw-line);
    border-bottom-color:var(--rpgw-line2);
    outline:none;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.018),
            transparent
        ),
        var(--rpgw-deep);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.45),
        0 1px 0 rgba(255,255,255,.025);
    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.rpgw-edit-grid input,
.rpgw-edit-grid select{
    min-height:39px;
}

.rpgw-edit-grid textarea{
    min-height:100px;
    resize:vertical;
    line-height:1.6;
}

.rpgw-edit-grid select{
    cursor:pointer;
}

.rpgw-edit-grid input::placeholder,
.rpgw-edit-grid textarea::placeholder{
    color:var(--rpgw-muted);
    opacity:.55;
}

.rpgw-edit-grid input:hover,
.rpgw-edit-grid select:hover,
.rpgw-edit-grid textarea:hover{
    border-color:var(--rpgw-line2);
}

.rpgw-edit-grid input:focus,
.rpgw-edit-grid select:focus,
.rpgw-edit-grid textarea:focus{
    color:#f3e5d0;
    border-color:var(--rpgw-accent);
    background:var(--rpgw-panel);
    box-shadow:
        inset 0 1px 5px rgba(0,0,0,.4),
        0 0 0 2px rgba(197,139,69,.09);
}

.rpgw-field-full{
    grid-column:1/-1;
}

/* =========================================================
   LINKS
   ========================================================= */

.rpgw-page a:not(.button),
.rpgw-threadbox a:not(.button),
.rpgw-edit-wrap a:not(.button){
    transition:color .2s ease;
}

/* =========================================================
   MYBB-KLASSEN INNERHALB DES PLUGINS
   ========================================================= */

.rpgw-page .tborder,
.rpgw-threadbox .tborder,
.rpgw-edit-wrap .tborder{
    border-color:var(--rpgw-line);
    background:var(--rpgw-bg);
}

.rpgw-page .thead,
.rpgw-threadbox .thead,
.rpgw-edit-wrap .thead{
    color:var(--rpgw-light);
    border-color:var(--rpgw-line);
    background:var(--rpgw-panel);
}

.rpgw-page .tcat,
.rpgw-threadbox .tcat,
.rpgw-edit-wrap .tcat{
    color:var(--rpgw-light);
    border-color:var(--rpgw-line);
    background:var(--rpgw-deep);
}

.rpgw-page .trow1,
.rpgw-page .trow2,
.rpgw-threadbox .trow1,
.rpgw-threadbox .trow2,
.rpgw-edit-wrap .trow1,
.rpgw-edit-wrap .trow2{
    color:var(--rpgw-text);
    border-color:var(--rpgw-line);
    background:var(--rpgw-bg);
}

/* =========================================================
   SCROLLBALKEN
   ========================================================= */

.rpgw-page *,
.rpgw-threadbox *,
.rpgw-edit-wrap *{
    scrollbar-width:thin;
    scrollbar-color:var(--rpgw-line2) var(--rpgw-deep);
}

.rpgw-page *::-webkit-scrollbar,
.rpgw-threadbox *::-webkit-scrollbar,
.rpgw-edit-wrap *::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.rpgw-page *::-webkit-scrollbar-track,
.rpgw-threadbox *::-webkit-scrollbar-track,
.rpgw-edit-wrap *::-webkit-scrollbar-track{
    background:var(--rpgw-deep);
}

.rpgw-page *::-webkit-scrollbar-thumb,
.rpgw-threadbox *::-webkit-scrollbar-thumb,
.rpgw-edit-wrap *::-webkit-scrollbar-thumb{
    border:1px solid var(--rpgw-deep);
    background:var(--rpgw-line2);
}

.rpgw-page *::-webkit-scrollbar-thumb:hover,
.rpgw-threadbox *::-webkit-scrollbar-thumb:hover,
.rpgw-edit-wrap *::-webkit-scrollbar-thumb:hover{
    background:var(--rpgw-accent);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:850px){

    .rpgw-list-grid,
    .rpgw-thread-grid{
        grid-template-columns:1fr;
    }

    .rpgw-edit-grid{
        grid-template-columns:1fr;
    }

    .rpgw-field-full{
        grid-column:auto;
    }
}

@media(max-width:650px){

    .rpgw-page{
        margin:15px auto;
    }

    .rpgw-page-title,
    .rpgw-threadbox-head{
        padding-right:16px;
        padding-left:16px;
    }

    .rpgw-page-introtext{
        padding:17px;
    }

    .rpgw-list-grid,
    .rpgw-thread-grid{
        padding:12px;
    }

    .rpgw-threadbox-head,
    .rpgw-edit-head{
        align-items:stretch;
        flex-direction:column;
    }

    .rpgw-threadbox-head .button,
    .rpgw-edit-head .button{
        width:100%;
    }
}

@media(max-width:560px){

    .rpgw-list-card,
    .rpgw-card{
        grid-template-columns:1fr;
    }

    .rpgw-card-image,
    .rpgw-card-placeholder{
        width:100%;
        height:210px;
        border-right:0;
        border-bottom:1px solid var(--rpgw-line);
    }

    .rpgw-card-image{
        object-position:center 20%;
    }

    .rpgw-card-top{
        align-items:stretch;
        flex-direction:column;
    }

    .rpgw-badge{
        align-self:flex-start;
    }

    .rpgw-list-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .rpgw-list-footer .button{
        width:100%;
    }

    .rpgw-filter{
        min-height:44px;
        padding:12px 14px 11px;
        font-size:9px;
    }

    .rpgw-edit-grid{
        padding:14px;
    }
}

@media(max-width:400px){

    .rpgw-page-title h1{
        font-size:17px;
    }

    .rpgw-threadbox-head h2{
        font-size:15px;
    }

    .rpgw-empty::before,
    .rpgw-empty::after{
        width:15px;
        margin-right:5px;
        margin-left:5px;
    }

    .rpgw-row-head{
        align-items:stretch;
        flex-direction:column;
    }

    .rpgw-remove-row{
        width:100%;
    }
}

/* RPG Wanted Manager promotion/threadlist beta2 */
.rpgw-threadlist-info,.rpgw-forum-tools{--rpgw-bg:var(--bg-color1,#1a100c);--rpgw-deep:var(--bg-color2,#100906);--rpgw-panel:var(--bg-color2,#24140d);--rpgw-line:var(--akzent-color1,#5a341d);--rpgw-line2:var(--akzent-color1,#76502f);--rpgw-accent:var(--akzent-color2,#c58b45);--rpgw-light:var(--font-color,#ead0a1);--rpgw-text:var(--font-color,#ead9c1);--rpgw-muted:var(--font-color,#bda889);--rpgw-success:#859b65;--rpgw-warning:#c09252;box-sizing:border-box;font-family:"Spectral",Georgia,serif}
.rpgw-promotion-edit{margin:0 0 15px;padding:14px 16px;border:1px solid var(--rpgw-line);border-left:3px solid var(--rpgw-accent);background:linear-gradient(110deg,rgba(197,139,69,.08),transparent 50%),var(--rpgw-panel)}
.rpgw-promotion-title{margin-bottom:10px;color:var(--rpgw-light);font:600 11px "Cinzel",Georgia,serif;text-transform:uppercase;letter-spacing:.09em}
.rpgw-promotion-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rpgw-promotion-options label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;padding:10px 12px;border:1px solid var(--rpgw-line);background:var(--rpgw-deep);cursor:pointer}.rpgw-promotion-options input{grid-row:1/3;width:auto!important;margin:0}.rpgw-promotion-options span{color:var(--rpgw-light);font:600 10px "Cinzel",Georgia,serif;text-transform:uppercase;letter-spacing:.06em}.rpgw-promotion-options small{color:var(--rpgw-muted);font-size:10px}.rpgw-promotion-edit p{margin:9px 0 0;color:var(--rpgw-muted);font-size:10px;line-height:1.5}
.rpgw-threadlist-info{display:block;margin:5px 0 1px;color:var(--rpgw-muted);font-size:10px;line-height:1.5;font-weight:400}.rpgw-threadlist-roles,.rpgw-threadlist-role{display:block}.rpgw-threadlist-role{margin-top:2px}.rpgw-threadlist-role strong{color:var(--rpgw-light);font-weight:600}.rpgw-threadlist-role.rpgw-status-reserved{color:var(--rpgw-warning)}.rpgw-threadlist-role.rpgw-status-taken{color:var(--rpgw-success);opacity:.75}.rpgw-threadlist-promotion{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px;color:var(--rpgw-accent);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.rpgw-threadlist-promotion i{color:var(--rpgw-line2);font-style:normal}
.rpgw-forum-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;margin:0 0 12px;padding:12px 14px;color:var(--rpgw-text);border:1px solid var(--rpgw-line);border-left:3px solid var(--rpgw-accent);background:linear-gradient(110deg,rgba(197,139,69,.08),transparent 55%),var(--rpgw-panel);box-shadow:0 5px 14px rgba(0,0,0,.2)}.rpgw-forum-tools strong{color:var(--rpgw-light);font:600 10px "Cinzel",Georgia,serif;text-transform:uppercase;letter-spacing:.08em}.rpgw-forum-tools>span{flex:1 1 260px;color:var(--rpgw-muted);font-size:10px}.rpgw-forum-tools-buttons{display:flex;flex-wrap:wrap;gap:6px}.rpgw-forum-tools .button{padding:6px 9px;font-size:9px}
@media(max-width:650px){.rpgw-promotion-options{grid-template-columns:1fr}.rpgw-forum-tools{align-items:stretch;flex-direction:column}.rpgw-forum-tools-buttons,.rpgw-forum-tools .button{width:100%}.rpgw-forum-tools .button{display:block;text-align:center}}

/* RPG Wanted Manager promotion buttons beta5 */
.rpgw-promotion-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.rpgw-promotion-option{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:5px 10px!important;margin:0!important;padding:12px!important;border:1px solid var(--rpgw-line)!important;background:var(--rpgw-deep)!important}
.rpgw-promotion-option>span{display:block!important;color:var(--rpgw-light)!important;font:600 9px/1.4 "Cinzel",Georgia,serif!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.rpgw-promotion-option>small{display:block!important;grid-column:1;color:var(--rpgw-muted)!important;font-size:10px!important;line-height:1.4!important}
.rpgw-promotion-option>.button{grid-column:2;grid-row:1/3;align-self:center;white-space:nowrap!important}
.rpgw-threadbox-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:6px!important}
.rpgw-threadbox-actions .button{margin:0!important}
@media(max-width:650px){.rpgw-promotion-options{grid-template-columns:1fr!important}.rpgw-threadbox-actions{align-items:stretch!important;flex-direction:column!important;width:100%!important}.rpgw-threadbox-actions .button{display:block!important;width:100%!important}}