/* ===================================================
   Vergangene Tiers
=================================================== */

.raid-history {

    margin-top: 40px;

}

/* ===================================================
   Kartenlayout
=================================================== */

.raid-history-panel {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));

    gap: 22px;

}

.raid-history-entry {

    display: block;

    color: inherit;

    text-decoration: none;

    cursor: pointer;

    background: linear-gradient(180deg, #0a0e13, #1b2027);

    border: 1px solid rgba(212,175,55,.30);

    border-radius: 16px;

    padding: 24px;

    position: relative;

    overflow: hidden;

    box-shadow:

    0 8px 24px rgba(0,0,0,.35),

    0 0 12px rgba(212,175,55,.05);

    transition: .25s;

}

.raid-tier-10-nerub-ar-palace,
.raid-tier-10-liberation-of-undermine,
.raid-tier-10-manaforge-omega,
.raid-tier-11-mn-tier-1,
.raid-tier-11-sporefall {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}

.raid-tier-10-nerub-ar-palace {

    background-image:
        linear-gradient(rgba(15,19,24,.40), rgba(27,32,39,.88)),
        url("../images/expansions/nerub-ar-palace-small.webp");

}

.raid-tier-10-liberation-of-undermine {

    background-image:
        linear-gradient(rgba(15,19,24,.40), rgba(27,32,39,.88)),
        url("../images/expansions/liberation-of-undermine-small.webp");

}

.raid-tier-10-manaforge-omega {

    background-image:
        linear-gradient(rgba(15,19,24,.40), rgba(27,32,39,.88)),
        url("../images/expansions/manaforge-omega-small.webp");

}

.raid-tier-11-mn-tier-1 {

    background-image:
        linear-gradient(rgba(15,19,24,.40), rgba(27,32,39,.88)),
        url("../images/expansions/the-voidspire-small.webp");

}

.raid-tier-11-sporefall {

    background-image:
        linear-gradient(rgba(15,19,24,.40), rgba(27,32,39,.88)),
        url("../images/expansions/sporefall-small.webp");

}

.raid-history-entry:hover {

    transform: translateY(-4px);

    border-color: rgba(212,175,55,.55);

    box-shadow:

        0 12px 28px rgba(0,0,0,.45),

        0 0 18px rgba(212,175,55,.12);

}

.raid-history-entry:focus-visible {

    outline: 2px solid var(--gold);

    outline-offset: 3px;

}

.raid-history-entry:last-child {

    border-bottom: none;

}

.raid-history-season {

    color: var(--gold);

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 10px;

}

.raid-history-raid {

    color: var(--accent-cyan);

    font-size: 17px;

    margin-bottom: 6px;

}

.raid-history-info {

    color: var(--text-secondary);

    font-size: 16px;

    line-height: 1.6;

}

.raid-history-ce {

    color: var(--gold);

    font-weight: 700;

}
/* ===================================================
   Ladefehler
=================================================== */

.raid-load-error {

    text-align: center;

    color: #c7ced8;

    font-size: 17px;

    padding: 22px;

    border: 1px solid rgba(212, 175, 55, .25);

    border-radius: 12px;

    background: rgba(212, 175, 55, .06);

}