/* ==========================================================
   RPG WANTED MANAGER 1.1.5-beta7
   EVERYONE ASSEMBLE
   ========================================================== */

/* ==========================================================
   FARBEN UND GRUNDLAGEN
   ========================================================== */

.rpgw-page,
.rpgw-threadbox,
.rpgw-edit-wrap,
.rpgw-threadlist-info,
.rpgw-forum-tools{
    --rpgw-bg:#020d18;
    --rpgw-deep:#010914;
    --rpgw-panel:#04192b;
    --rpgw-panel2:#082b45;
    --rpgw-panel3:#0b3150;
    --rpgw-line:#1d5f8f;
    --rpgw-line2:#218bd0;
    --rpgw-accent:#218bd0;
    --rpgw-accent-dark:#1674b5;
    --rpgw-light:#75d0ff;
    --rpgw-text:#c4d8e4;
    --rpgw-text-light:#e1f1fa;
    --rpgw-muted:#8fa9bc;
    --rpgw-success:#74c5a3;
    --rpgw-warning:#e0b26d;
    --rpgw-danger:#d47f87;

    color:var(--rpgw-text);

    font-family:Arial,sans-serif;
    font-size:13px;
    line-height:1.6;

    box-sizing:border-box;
}

.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,
.rpgw-threadlist-info *,
.rpgw-threadlist-info *::before,
.rpgw-threadlist-info *::after,
.rpgw-forum-tools *,
.rpgw-forum-tools *::before,
.rpgw-forum-tools *::after{
    box-sizing:border-box;
}

/* ==========================================================
   HAUPTSEITE
   ========================================================== */

.rpgw-page{
    width:100%;
    max-width:1180px;
    margin:24px auto 40px;
}

.rpgw-page-intro,
.rpgw-browser,
.rpgw-threadbox{
    position:relative;

    width:100%;
    min-width:0;

    overflow:hidden;

    color:var(--rpgw-text);

    background:
        linear-gradient(
            125deg,
            rgba(33,139,208,.045),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            var(--rpgw-panel),
            var(--rpgw-bg)
        );

    border:1px solid rgba(33,139,208,.30);
    border-left:5px solid var(--rpgw-accent);

    box-shadow:
        0 18px 40px rgba(0,0,0,.30),
        inset 0 1px rgba(255,255,255,.025);
}

.rpgw-page-intro{
    margin-bottom:18px;
}

.rpgw-browser{
    margin-bottom:22px;
}

/* ==========================================================
   SEITENKOPF
   ========================================================== */

.rpgw-page-title{
    position:relative;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-height:145px;
    padding:26px 22px;

    overflow:hidden;

    color:var(--rpgw-text);

    background:
        radial-gradient(
            circle at 50% 140%,
            rgba(33,139,208,.23),
            transparent 49%
        ),
        linear-gradient(
            90deg,
            rgba(33,139,208,.07),
            transparent 50%,
            rgba(33,139,208,.045)
        ),
        var(--rpgw-deep);

    border-bottom:2px solid var(--rpgw-accent-dark);

    text-align:center;
}

.rpgw-page-title::before{
    content:"";

    position:absolute;
    top:0;
    left:50%;

    width:220px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--rpgw-light),
            transparent
        );

    transform:translateX(-50%);
}

.rpgw-page-title::after{
    content:"WANTED DATABASE";

    position:absolute;
    right:17px;
    bottom:9px;

    color:rgba(117,208,255,.055);

    font-family:Antonio,Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    line-height:1;

    letter-spacing:4px;

    pointer-events:none;
}

.rpgw-page-kicker{
    display:block;

    margin-bottom:5px;

    color:var(--rpgw-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:2.4px;
    text-transform:uppercase;
}

.rpgw-page-title h1{
    margin:0;

    color:var(--rpgw-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:29px;
    font-weight:700;
    line-height:1.2;

    letter-spacing:2px;
    text-transform:uppercase;

    text-shadow:0 0 18px rgba(33,139,208,.20);
}

.rpgw-page-subtitle{
    display:block;

    max-width:720px;
    margin-top:8px;

    color:var(--rpgw-muted);

    font-size:12px;
    line-height:1.6;
}

.rpgw-page-introtext{
    position:relative;

    padding:18px 22px;

    color:var(--rpgw-text);
    background:rgba(2,13,24,.43);

    border-bottom:1px solid rgba(33,139,208,.10);

    font-size:12px;
    line-height:1.75;

    text-align:justify;
}

.rpgw-page-introtext::before{
    content:"";

    display:block;

    width:80px;
    height:1px;
    margin:0 auto 14px;

    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;
}

/* ==========================================================
   FILTERLEISTE
   ========================================================== */

.rpgw-browser-head{
    width:100%;

    background:var(--rpgw-deep);

    border-bottom:1px solid rgba(33,139,208,.18);
}

.rpgw-filters{
    display:flex;
    align-items:stretch;

    width:100%;

    overflow-x:auto;
    overflow-y:hidden;

    background:var(--rpgw-deep);

    scrollbar-width:thin;
    scrollbar-color:var(--rpgw-accent-dark) var(--rpgw-deep);
}

.rpgw-filters::-webkit-scrollbar{
    height:7px;
}

.rpgw-filters::-webkit-scrollbar-track{
    background:var(--rpgw-deep);
}

.rpgw-filters::-webkit-scrollbar-thumb{
    background:var(--rpgw-accent-dark);

    border:2px solid var(--rpgw-deep);
}

.rpgw-filter{
    appearance:none;

    position:relative;

    flex:0 0 auto;

    min-height:49px;
    margin:0;
    padding:13px 18px;

    color:var(--rpgw-muted);
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.015),
            transparent
        ),
        var(--rpgw-deep);

    border:0;
    border-right:1px solid rgba(33,139,208,.17);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.9px;
    text-transform:uppercase;
    white-space:nowrap;

    outline:0;
    cursor:pointer;
}

.rpgw-filter::after{
    content:"";

    position:absolute;
    right:50%;
    bottom:0;
    left:50%;

    height:3px;

    background:var(--rpgw-accent);

    transition:
        right .2s ease,
        left .2s ease;
}

.rpgw-filter:hover,
.rpgw-filter:focus{
    color:var(--rpgw-light);
    background:var(--rpgw-panel2);
}

.rpgw-filter.is-active{
    color:var(--rpgw-light);

    background:
        linear-gradient(
            180deg,
            rgba(33,139,208,.13),
            transparent
        ),
        var(--rpgw-panel);
}

.rpgw-filter.is-active::after{
    right:0;
    left:0;
}

/* ==========================================================
   SUCHE
   ========================================================== */

.rpgw-search{
    position:relative;

    padding:13px 16px;

    background:
        linear-gradient(
            90deg,
            var(--rpgw-panel),
            var(--rpgw-bg),
            var(--rpgw-panel)
        );

    border-bottom:1px solid rgba(33,139,208,.15);
}

.rpgw-search-label{
    display:block;

    margin-bottom:6px;

    color:var(--rpgw-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;
}

.rpgw-search input{
    display:block;

    width:100%;
    min-width:0;
    min-height:41px;
    margin:0;
    padding:8px 10px;

    color:var(--rpgw-text-light);
    background:var(--rpgw-deep);

    border:1px solid rgba(33,139,208,.25);
    border-radius:0;

    font-family:Arial,sans-serif;
    font-size:12px;
    line-height:1.45;

    outline:0;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.rpgw-search input:focus{
    color:var(--rpgw-text-light);
    background:#031426;

    border-color:var(--rpgw-accent);

    box-shadow:0 0 0 1px rgba(33,139,208,.18);
}

/* ==========================================================
   KARTENRASTER
   ========================================================== */

.rpgw-list-grid,
.rpgw-thread-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;

    width:100%;
    padding:17px;

    align-items:start;

    background:
        repeating-linear-gradient(
            45deg,
            transparent 0,
            transparent 12px,
            rgba(33,139,208,.012) 12px,
            rgba(33,139,208,.012) 13px
        );
}

/* ==========================================================
   EINZELNE ROLLENKARTE
   ========================================================== */

.rpgw-list-card,
.rpgw-card{
    position:relative;

    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    align-items:start;

    width:100%;
    min-width:0;

    overflow:hidden;

    color:var(--rpgw-text);

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.58),
            rgba(2,13,24,.87)
        );

    border:1px solid rgba(33,139,208,.19);
    border-left:3px solid var(--rpgw-accent-dark);

    box-shadow:0 10px 23px rgba(0,0,0,.20);

    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.rpgw-list-card:hover,
.rpgw-card:hover{
    border-color:rgba(33,139,208,.37);
    border-left-color:var(--rpgw-accent);

    box-shadow:0 14px 29px rgba(0,0,0,.27);

    transform:translateY(-2px);
}

.rpgw-list-card[hidden]{
    display:none !important;
}

/* ==========================================================
   ROLLENBILDER – FEST 120 × 160 PIXEL
   ========================================================== */

.rpgw-card-image{
    display:block;

    width:120px;
    height:160px;

    object-fit:cover;
    object-position:center top;

    background:var(--rpgw-deep);

    border:0;
    border-right:1px solid rgba(33,139,208,.18);
}

.rpgw-card-placeholder{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:center;

    width:120px;
    height:160px;

    overflow:hidden;

    color:var(--rpgw-accent);

    background:
        radial-gradient(
            circle at center,
            rgba(33,139,208,.10),
            transparent 62%
        ),
        var(--rpgw-deep);

    border-right:1px solid rgba(33,139,208,.18);

    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    line-height:1;
}

.rpgw-card-placeholder::before{
    content:"";

    position:absolute;

    width:64px;
    height:64px;

    border:1px solid rgba(33,139,208,.25);

    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:12px 13px;
}

.rpgw-card-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;

    min-width:0;
    padding-bottom:9px;

    border-bottom:1px solid rgba(33,139,208,.15);
}

.rpgw-card h3,
.rpgw-list-card h2{
    min-width:0;
    margin:0;

    color:var(--rpgw-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.4;

    letter-spacing:.8px;
    text-transform:uppercase;

    overflow-wrap:anywhere;
}

.rpgw-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    flex:0 0 auto;

    min-height:25px;
    padding:4px 7px;

    color:var(--rpgw-accent);
    background:var(--rpgw-deep);

    border:1px solid rgba(33,139,208,.25);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.6px;
    text-transform:uppercase;
    white-space:nowrap;
}

/* ==========================================================
   STATUS
   ========================================================== */

.rpgw-status-reserved{
    border-left-color:var(--rpgw-warning);
}

.rpgw-status-reserved .rpgw-badge{
    color:var(--rpgw-warning);

    border-color:rgba(224,178,109,.40);
}

.rpgw-status-taken{
    border-left-color:var(--rpgw-success);
}

.rpgw-status-taken .rpgw-badge{
    color:var(--rpgw-success);

    border-color:rgba(116,197,163,.40);
}

/* ==========================================================
   FAKTEN UND BESCHREIBUNG
   ========================================================== */

.rpgw-facts{
    margin-top:9px;

    color:var(--rpgw-muted);

    font-size:11px;
    line-height:1.65;
}

.rpgw-facts strong,
.rpgw-facts b{
    color:var(--rpgw-text-light);

    font-weight:700;
}

.rpgw-description{
    height:150px;
    margin-top:9px;
    padding-right:6px;

    overflow-x:hidden;
    overflow-y:auto;

    color:var(--rpgw-text);

    font-size:12px;
    line-height:1.65;

    text-align:justify;
    overflow-wrap:anywhere;

    scrollbar-width:thin;
    scrollbar-color:var(--rpgw-accent-dark) var(--rpgw-deep);
}

.rpgw-description::-webkit-scrollbar{
    width:7px;
    height:7px;
}

.rpgw-description::-webkit-scrollbar-track{
    background:var(--rpgw-deep);
}

.rpgw-description::-webkit-scrollbar-thumb{
    background:var(--rpgw-accent-dark);

    border:2px solid var(--rpgw-deep);
}

.rpgw-list-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;

    margin-top:11px;
    padding-top:9px;

    color:var(--rpgw-muted);

    border-top:1px solid rgba(33,139,208,.14);

    font-size:10px;
    line-height:1.5;
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.rpgw-page .button,
.rpgw-threadbox .button,
.rpgw-edit-wrap .button,
.rpgw-forum-tools .button{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:auto;
    min-height:35px;
    margin:0;
    padding:7px 11px;

    color:var(--rpgw-light);
    background:var(--rpgw-deep);

    border:1px solid rgba(33,139,208,.28);
    border-radius:0;

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:.8px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;

    box-shadow:none;

    outline:0;
    cursor:pointer;

    transition:
        color .2s ease,
        background-color .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.rpgw-page .button:hover,
.rpgw-threadbox .button:hover,
.rpgw-edit-wrap .button:hover,
.rpgw-forum-tools .button:hover{
    color:var(--rpgw-text-light);
    background:var(--rpgw-panel3);

    border-color:var(--rpgw-accent);

    transform:translateY(-1px);
}

.rpgw-page .button:disabled,
.rpgw-edit-wrap .button:disabled{
    color:var(--rpgw-muted);
    background:var(--rpgw-panel);

    border-color:rgba(33,139,208,.12);

    opacity:.55;
    cursor:not-allowed;
    transform:none;
}

/* ==========================================================
   LEERE LISTE
   ========================================================== */

.rpgw-empty{
    padding:30px 20px;

    color:var(--rpgw-muted);
    background:rgba(2,13,24,.40);

    border-top:1px solid rgba(33,139,208,.12);

    font-size:11px;
    font-style:italic;
    line-height:1.65;

    text-align:center;
}

/* ==========================================================
   THREADANSICHT
   ========================================================== */

.rpgw-threadbox{
    margin:0 0 22px;
}

.rpgw-threadbox-head{
    position:relative;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;

    min-height:59px;
    padding:11px 15px;

    color:var(--rpgw-light);

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent 72%
        ),
        var(--rpgw-deep);

    border-bottom:1px solid rgba(33,139,208,.20);
}

.rpgw-threadbox-head::before{
    content:"";

    position:absolute;
    bottom:-1px;
    left:15px;

    width:68px;
    height:2px;

    background:var(--rpgw-accent);
}

.rpgw-threadbox-heading{
    min-width:0;
}

.rpgw-threadbox-kicker{
    display:block;

    margin-bottom:3px;

    color:var(--rpgw-muted);

    font-family:Antonio,Arial,sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1.3;

    letter-spacing:1px;
    text-transform:uppercase;
}

.rpgw-threadbox-head h2{
    margin:0;

    color:var(--rpgw-light);

    font-family:Antonio,Arial,sans-serif;
    font-size:17px;
    font-weight:700;
    line-height:1.35;

    letter-spacing:1px;
    text-transform:uppercase;
}

.rpgw-threadbox-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;

    flex:0 0 auto;
}

/* ==========================================================
   EINGABEBEREICH NEWTHREAD UND EDITPOST
   ========================================================== */

.rpgw-edit-wrap{
    display:block !important;

    width:100% !important;
    padding:8px 0 !important;

    color:var(--rpgw-text) !important;
}

.rpgw-edit-head{
    position:relative;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:15px !important;

    width:100%;
    margin:0 0 15px !important;
    padding:14px 16px !important;

    overflow:hidden;

    color:var(--rpgw-text) !important;

    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.13),
            transparent 72%
        ),
        var(--rpgw-deep) !important;

    border:1px solid rgba(33,139,208,.22) !important;
    border-left:4px solid var(--rpgw-accent) !important;

    box-shadow:0 9px 21px rgba(0,0,0,.19) !important;
}

.rpgw-edit-head::after{
    content:"";

    position:absolute;
    bottom:-1px;
    left:16px;

    width:66px;
    height:2px;

    background:var(--rpgw-accent);
}

.rpgw-edit-head h3{
    margin:0 !important;

    color:var(--rpgw-light) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:16px !important;
    font-weight:700 !important;
    line-height:1.35 !important;

    letter-spacing:1px !important;
    text-transform:uppercase !important;

    border:0 !important;
    background:none !important;
}

.rpgw-edit-head h3::after{
    display:none !important;
}

.rpgw-edit-head p{
    margin:5px 0 0 !important;

    color:var(--rpgw-muted) !important;

    font-size:10px !important;
    line-height:1.55 !important;
}

.rpgw-edit-row{
    position:relative;

    display:block !important;

    width:100%;
    margin:0 0 15px !important;

    overflow:hidden;

    color:var(--rpgw-text) !important;

    background:
        linear-gradient(
            145deg,
            rgba(8,43,69,.48),
            rgba(2,13,24,.84)
        ) !important;

    border:1px solid rgba(33,139,208,.18) !important;
    border-left:3px solid var(--rpgw-accent-dark) !important;

    box-shadow:0 9px 21px rgba(0,0,0,.18) !important;
}

.rpgw-row-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;

    min-height:48px;
    padding:9px 12px !important;

    color:var(--rpgw-light) !important;
    background:
        linear-gradient(
            90deg,
            rgba(33,139,208,.11),
            transparent 72%
        ),
        var(--rpgw-deep) !important;

    border-bottom:1px solid rgba(33,139,208,.18) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.8px !important;
    text-transform:uppercase !important;
}

.rpgw-remove-row{
    min-height:31px !important;
    padding:5px 8px !important;

    color:var(--rpgw-danger) !important;

    border-color:rgba(212,127,135,.40) !important;
}

.rpgw-remove-row:hover{
    color:#1b0709 !important;
    background:var(--rpgw-danger) !important;

    border-color:var(--rpgw-danger) !important;
}

/* ==========================================================
   EDITOR-GRID
   ========================================================== */

.rpgw-edit-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:13px 15px !important;

    width:100% !important;
    padding:15px !important;
}

.rpgw-edit-grid label{
    display:flex !important;
    flex-direction:column !important;
    gap:6px !important;

    float:none !important;

    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:10px !important;

    color:inherit !important;
    background:rgba(2,13,24,.43) !important;

    border:1px solid rgba(33,139,208,.10) !important;
}

.rpgw-edit-grid label > span{
    display:block !important;

    margin:0 !important;

    color:var(--rpgw-light) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.7px !important;
    text-transform:uppercase !important;
}

.rpgw-edit-grid input[type="text"],
.rpgw-edit-grid select,
.rpgw-edit-grid textarea{
    display:block !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:8px 10px !important;

    color:var(--rpgw-text-light) !important;
    background:var(--rpgw-deep) !important;

    border:1px solid rgba(33,139,208,.25) !important;
    border-radius:0 !important;

    font-family:Arial,sans-serif !important;
    font-size:12px !important;
    line-height:1.45 !important;

    box-shadow:none !important;

    outline:0 !important;

    transition:
        background-color .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.rpgw-edit-grid input[type="text"],
.rpgw-edit-grid select{
    min-height:41px !important;
}

.rpgw-edit-grid textarea{
    min-height:110px !important;

    resize:vertical !important;
}

.rpgw-edit-grid input:focus,
.rpgw-edit-grid select:focus,
.rpgw-edit-grid textarea:focus{
    background:#031426 !important;

    border-color:var(--rpgw-accent) !important;

    box-shadow:0 0 0 1px rgba(33,139,208,.18) !important;
}

.rpgw-field-full{
    grid-column:1 / -1 !important;
}

/* ==========================================================
   PROMOTION IM EDITOR
   ========================================================== */

.rpgw-promotion-edit{
    margin:0 0 15px !important;
    padding:14px 15px !important;

    color:var(--rpgw-text) !important;

    background:
        linear-gradient(
            110deg,
            rgba(33,139,208,.09),
            transparent 55%
        ),
        var(--rpgw-panel) !important;

    border:1px solid rgba(33,139,208,.19) !important;
    border-left:3px solid var(--rpgw-accent) !important;

    box-shadow:0 8px 19px rgba(0,0,0,.17) !important;
}

.rpgw-promotion-title{
    margin:0 0 10px !important;

    color:var(--rpgw-light) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.9px !important;
    text-transform:uppercase !important;
}

.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;
    gap:5px 10px !important;
    align-items:center !important;

    min-width:0;
    margin:0 !important;
    padding:11px !important;

    color:var(--rpgw-text) !important;
    background:var(--rpgw-deep) !important;

    border:1px solid rgba(33,139,208,.17) !important;
    border-left:2px solid rgba(33,139,208,.38) !important;
}

.rpgw-promotion-option > span{
    display:block !important;

    min-width:0;

    color:var(--rpgw-light) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.6px !important;
    text-transform:uppercase !important;
}

.rpgw-promotion-option > small{
    display:block !important;

    grid-column:1;

    color:var(--rpgw-muted) !important;

    font-size:10px !important;
    line-height:1.45 !important;

    overflow-wrap:anywhere;
}

.rpgw-promotion-option > .button{
    grid-column:2;
    grid-row:1 / 3;

    align-self:center;

    white-space:nowrap !important;
}

.rpgw-promotion-edit p{
    margin:9px 0 0 !important;

    color:var(--rpgw-muted) !important;

    font-size:10px !important;
    line-height:1.5 !important;
}

/* ==========================================================
   THREADLISTEN-INFORMATIONEN
   ========================================================== */

.rpgw-threadlist-info{
    display:block !important;

    width:100%;
    max-height:48px;
    margin:5px 0 2px !important;
    padding-right:5px;

    overflow-x:hidden;
    overflow-y:auto;

    color:var(--rpgw-muted) !important;

    font-family:Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:400 !important;
    line-height:1.5 !important;

    scrollbar-width:thin;
    scrollbar-color:var(--rpgw-accent-dark) var(--rpgw-deep);
}

.rpgw-threadlist-info::-webkit-scrollbar{
    width:6px;
}

.rpgw-threadlist-info::-webkit-scrollbar-track{
    background:var(--rpgw-deep);
}

.rpgw-threadlist-info::-webkit-scrollbar-thumb{
    background:var(--rpgw-accent-dark);
}

.rpgw-threadlist-roles,
.rpgw-threadlist-role{
    display:block !important;
}

.rpgw-threadlist-role{
    margin-top:2px !important;
}

.rpgw-threadlist-role strong{
    color:var(--rpgw-light) !important;

    font-weight:700 !important;
}

.rpgw-threadlist-role.rpgw-status-reserved{
    color:var(--rpgw-warning) !important;
}

.rpgw-threadlist-role.rpgw-status-taken{
    color:var(--rpgw-success) !important;
}

.rpgw-threadlist-promotion{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:4px !important;

    margin-top:4px !important;

    color:var(--rpgw-accent) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.5px !important;
    text-transform:uppercase !important;
}

.rpgw-threadlist-promotion i{
    color:var(--rpgw-line2) !important;

    font-style:normal !important;
}

/* ==========================================================
   THREADLISTEN-PROMOTIONSAKTIONEN
   ========================================================== */

.rpgw-threadlist-promotion-actions{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px !important;

    margin-top:5px !important;
}

.rpgw-threadlist-promotion-actions a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:25px;
    padding:4px 7px !important;

    color:var(--rpgw-light) !important;
    background:var(--rpgw-deep) !important;

    border:1px solid rgba(33,139,208,.25) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    line-height:1.3 !important;

    letter-spacing:.5px !important;
    text-decoration:none !important;
    text-transform:uppercase !important;
}

.rpgw-threadlist-promotion-actions a:hover{
    color:var(--rpgw-text-light) !important;
    background:var(--rpgw-panel3) !important;

    border-color:var(--rpgw-accent) !important;
}

/* ==========================================================
   SAMMELAKTIONEN
   ========================================================== */

.rpgw-forum-tools{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:8px 13px !important;

    width:100%;
    margin:0 0 12px !important;
    padding:12px 14px !important;

    color:var(--rpgw-text) !important;

    background:
        linear-gradient(
            110deg,
            rgba(33,139,208,.09),
            transparent 55%
        ),
        var(--rpgw-panel) !important;

    border:1px solid rgba(33,139,208,.19) !important;
    border-left:3px solid var(--rpgw-accent) !important;

    box-shadow:0 8px 19px rgba(0,0,0,.17) !important;
}

.rpgw-forum-tools strong{
    color:var(--rpgw-light) !important;

    font-family:Antonio,Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    letter-spacing:.8px !important;
    text-transform:uppercase !important;
}

.rpgw-forum-tools > span{
    flex:1 1 260px !important;

    color:var(--rpgw-muted) !important;

    font-size:10px !important;
    line-height:1.5 !important;
}

.rpgw-forum-tools-buttons{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
}

/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media screen and (max-width:900px){

    .rpgw-list-grid,
    .rpgw-thread-grid{
        grid-template-columns:1fr;
    }

    .rpgw-edit-grid{
        grid-template-columns:1fr !important;
    }

    .rpgw-field-full{
        grid-column:auto !important;
    }
}

@media screen and (max-width:700px){

    .rpgw-page{
        margin:14px auto 30px;
    }

    .rpgw-page-title{
        min-height:120px;
        padding:21px 14px;
    }

    .rpgw-page-title h1{
        font-size:23px;
    }

    .rpgw-page-title::after{
        display:none;
    }

    .rpgw-threadbox-head,
    .rpgw-edit-head{
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .rpgw-threadbox-head .button,
    .rpgw-edit-head .button{
        width:100% !important;
    }

    .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:flex !important;

        width:100% !important;
    }

    .rpgw-forum-tools{
        align-items:stretch !important;
        flex-direction:column !important;
    }

    .rpgw-forum-tools-buttons{
        width:100% !important;
    }

    .rpgw-forum-tools .button{
        display:flex !important;

        width:100% !important;
    }
}

@media screen and (max-width:560px){

    .rpgw-list-card,
    .rpgw-card{
        grid-template-columns:1fr;
    }

    .rpgw-card-image,
    .rpgw-card-placeholder{
        width:120px;
        height:160px;
        margin:13px auto 0;

        border:1px solid rgba(33,139,208,.25);
    }

    .rpgw-card-top,
    .rpgw-list-footer{
        align-items:stretch;
        flex-direction:column;
    }

    .rpgw-badge{
        width:max-content;
    }

    .rpgw-list-footer .button{
        width:100%;
    }

    .rpgw-edit-grid{
        padding:10px !important;
    }

    .rpgw-promotion-option{
        grid-template-columns:1fr !important;
    }

    .rpgw-promotion-option > small,
    .rpgw-promotion-option > .button{
        grid-column:auto;
        grid-row:auto;
    }

    .rpgw-promotion-option > .button{
        width:100%;
    }
}

/* 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}}