.return-warrior-page {
    background: #090a0c;
}

/* Return Warrior promotion */
.return-promo-main { min-height: 75vh; padding: 150px 0 90px; background: radial-gradient(circle at 80% 5%, rgba(201,150,68,.18), transparent 30%), radial-gradient(circle at 10% 35%, rgba(82,55,28,.2), transparent 28%), #090a0c; }
.return-promo-container { max-width: 1320px; }
.return-promo-hero { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 260px; align-items: center; gap: 35px; overflow: hidden; padding: clamp(35px,6vw,75px); border: 1px solid rgba(206,156,72,.36); background: linear-gradient(120deg,rgba(18,20,25,.93),rgba(45,32,20,.9)), url('../../images/archlordwallpaper.jpg') center/cover; box-shadow: 0 26px 90px rgba(0,0,0,.5); }
.return-promo-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 55%,rgba(214,166,83,.1)); }
.return-promo-hero-copy { position:relative; z-index:1; }
.return-promo-hero h1 { max-width:900px; margin:16px 0; color:#fff; font-family:"Marcellus SC",serif; font-size:clamp(2.6rem,5.4vw,5.2rem); line-height:1.02; text-transform:uppercase; text-shadow:0 5px 24px #000; }
.return-promo-hero p { max-width:760px; color:#c7c7c9; font-size:1.15rem; line-height:1.75; }
.return-promo-hero p strong { color:#f1c776; text-transform:uppercase; }
.return-promo-cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; margin-top:18px; padding:15px 24px; border:1px solid #d6a653; color:#111; background:linear-gradient(135deg,#edc67e,#b87928); font-weight:700; letter-spacing:.07em; text-transform:uppercase; box-shadow:0 8px 25px rgba(0,0,0,.35); }
.return-promo-cta:hover { color:#111; text-decoration:none; filter:brightness(1.1); transform:translateY(-2px); }
.return-promo-emblem { position:relative; z-index:1; display:grid; place-items:center; min-height:240px; border:1px solid rgba(214,166,83,.3); color:#d6a653; background:rgba(0,0,0,.35); text-align:center; }
.return-promo-emblem svg { font-size:6rem; opacity:.32; }
.return-promo-emblem span { font-family:"Marcellus SC",serif; font-size:1.4rem; letter-spacing:.14em; text-transform:uppercase; }
.return-promo-expansion { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; margin:26px 0; padding:28px 36px; border:1px solid rgba(111,151,198,.28); background:linear-gradient(100deg,rgba(23,38,55,.9),rgba(16,18,24,.94)); }
.return-promo-expansion > span,.return-promo-section-heading > span,.return-promo-kicker { color:#d6a653; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.return-promo-expansion h2,.return-promo-section-heading h2,.return-promo-boost h2 { margin:3px 0; color:#fff; font-family:"Marcellus SC",serif; text-transform:uppercase; }
.return-promo-expansion p { margin:0; color:#aaaeb5; }
.return-promo-expansion > svg { color:#6e9dcc; font-size:2.5rem; }
.return-promo-rewards { padding:clamp(26px,4vw,48px); border:1px solid rgba(255,255,255,.09); background:linear-gradient(180deg,rgba(255,255,255,.04),transparent),#111318; }
.return-promo-section-heading { max-width:760px; margin-bottom:30px; }
.return-promo-section-heading h2 { margin:7px 0; font-size:2.3rem; }
.return-promo-section-heading p { color:#aaaeb5; font-size:1.05rem; }
.return-promo-section-heading p strong { color:#edc67e; }
.return-promo-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.return-promo-reward { display:flex; align-items:center; gap:15px; min-height:105px; padding:15px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); transition:.2s ease; }
.return-promo-reward:hover { border-color:rgba(214,166,83,.42); background:rgba(214,166,83,.07); transform:translateY(-3px); }
.return-promo-reward-image { flex:0 0 68px; display:grid; place-items:center; width:68px; height:68px; border:1px solid rgba(214,166,83,.23); background:rgba(0,0,0,.3); }
.return-promo-reward img { max-width:58px; max-height:58px; object-fit:contain; image-rendering:auto; }
.return-promo-reward h3 { margin:0 0 6px; color:#eee; font-size:1rem; line-height:1.25; }
.return-promo-reward span { color:#8f939b; font-size:.85rem; text-transform:uppercase; }
.return-promo-reward span strong { color:#edc67e; }
.return-promo-boost { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; margin-top:26px; padding:35px 42px; border:1px solid rgba(214,166,83,.48); background:linear-gradient(110deg,rgba(72,43,18,.92),rgba(17,18,22,.96)); box-shadow:0 20px 60px rgba(0,0,0,.4); }
.return-promo-level { display:flex; flex-direction:column; align-items:center; width:105px; padding:12px; border-right:1px solid rgba(214,166,83,.35); color:#d6a653; text-transform:uppercase; }
.return-promo-level strong { color:#fff; font-family:"Marcellus SC",serif; font-size:4.2rem; line-height:1; }
.return-promo-boost h2 { font-size:2rem; }
.return-promo-boost p { margin:0; color:#c7c7c9; font-size:1.2rem; }
.return-promo-boost p strong { color:#edc67e; text-transform:uppercase; }
.return-promo-boost .return-promo-cta { margin-top:0; }

@media (max-width: 991px) {
    .return-promo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .return-promo-hero { grid-template-columns:1fr; }
    .return-promo-emblem { display:none; }
    .return-promo-boost { grid-template-columns:auto 1fr; }
    .return-promo-boost .return-promo-cta { grid-column:1/-1; }
}

@media (max-width: 575px) {
    .return-promo-main { padding-top:115px; }
    .return-promo-hero { padding:30px 22px; }
    .return-promo-grid { grid-template-columns:1fr; }
    .return-promo-expansion,.return-promo-boost { grid-template-columns:1fr; padding:25px 22px; }
    .return-promo-expansion > svg { display:none; }
    .return-promo-level { width:100%; border-right:0; border-bottom:1px solid rgba(214,166,83,.35); }
}

.return-warrior-main {
    min-height: 75vh;
    padding: 150px 0 80px;
    background:
        radial-gradient(circle at 75% 10%, rgba(190, 137, 52, .15), transparent 34%),
        linear-gradient(180deg, rgba(8, 9, 11, .88), #0b0c0f);
}

.return-warrior-container {
    max-width: 1120px;
}

.return-warrior-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    padding: 45px;
    border: 1px solid rgba(206, 156, 72, .36);
    background: linear-gradient(120deg, rgba(40, 33, 24, .96), rgba(14, 16, 20, .96));
    box-shadow: 0 20px 55px rgba(0, 0, 0, .38);
}

.return-warrior-eyebrow,
.return-warrior-panel-header > div > span {
    color: #d6a653;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.return-warrior-hero h1 {
    margin: 8px 0 10px;
    color: #fff;
    font-family: "Marcellus SC", serif;
    font-size: clamp(2.5rem, 6vw, 4.7rem);
}

.return-warrior-hero p,
.return-warrior-panel-header p {
    max-width: 650px;
    margin: 0;
    color: #b8b8ba;
    font-size: 1.05rem;
}

.return-warrior-back {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 9px;
    padding: 10px 15px;
    border: 1px solid rgba(206, 156, 72, .7);
    color: #d6a653;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.return-warrior-back:hover,
.return-warrior-back:focus {
    border-color: #d6a653;
    color: #111;
    text-decoration: none;
    background: #d6a653;
}

.return-warrior-total {
    min-width: 180px;
    padding: 20px 24px;
    border-left: 2px solid #c99644;
    background: rgba(0, 0, 0, .25);
}

.return-warrior-total strong,
.return-warrior-total span {
    display: block;
}

.return-warrior-total strong {
    color: #fff;
    font-family: "Marcellus SC", serif;
    font-size: 2.4rem;
    line-height: 1;
}

.return-warrior-total span {
    margin-top: 8px;
    color: #c7c7c9;
}

.return-warrior-panel {
    margin-top: 25px;
    border: 1px solid rgba(255, 255, 255, .09);
    background: #121419;
}

.return-warrior-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 28px 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.return-warrior-panel-header h2 {
    margin: 3px 0 0;
    color: #fff;
    font-family: "Marcellus SC", serif;
}

.return-warrior-panel-header p {
    max-width: 430px;
    text-align: right;
}

.return-warrior-search {
    padding: 22px 32px;
    border-bottom: 1px solid rgba(255, 255, 255, .09);
    background: rgba(0, 0, 0, .16);
}

.return-warrior-search label {
    display: block;
    margin-bottom: 9px;
    color: #d5d5d7;
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.return-warrior-search-controls {
    display: flex;
    gap: 10px;
}

.return-warrior-search-input {
    position: relative;
    flex: 1;
    max-width: 520px;
}

.return-warrior-search-input svg,
.return-warrior-search-input > i {
    position: absolute;
    top: 50%;
    left: 16px;
    color: #8e8e91;
    transform: translateY(-50%);
}

.return-warrior-search input {
    width: 100%;
    height: 44px;
    padding: 0 15px 0 43px;
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    outline: none;
    background: #0d0f12;
}

.return-warrior-search input:focus {
    border-color: #c99644;
    box-shadow: 0 0 0 2px rgba(201, 150, 68, .12);
}

.return-warrior-search button,
.return-warrior-search a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 90px;
    height: 44px;
    padding: 0 17px;
    border: 1px solid #c99644;
    color: #111;
    background: #c99644;
    cursor: pointer;
}

.return-warrior-search a {
    border-color: rgba(255, 255, 255, .2);
    color: #ccc;
    background: transparent;
}

.return-warrior-search a:hover {
    color: #fff;
    text-decoration: none;
}

.return-warrior-search p {
    margin: 10px 0 0;
    color: #999;
}

.return-warrior-table-wrap {
    overflow-x: auto;
}

.return-warrior-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.return-warrior-table th,
.return-warrior-table td {
    padding: 18px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    color: #c9c9cb;
    text-align: left;
}

.return-warrior-table th {
    color: #e0b86f;
    font-size: .8rem;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.return-warrior-table tbody tr:hover {
    background: rgba(207, 157, 72, .06);
}

.return-warrior-table td strong {
    color: #fff;
}

.return-warrior-position {
    color: #777 !important;
}

.return-warrior-status {
    display: inline-block;
    padding: 6px 11px;
    border: 1px solid rgba(103, 190, 123, .38);
    border-radius: 20px;
    color: #8bd49b;
    background: rgba(71, 151, 90, .1);
    font-size: .82rem;
}

.return-warrior-status-unclaimed {
    border-color: rgba(214, 166, 83, .42);
    color: #e0b86f;
    background: rgba(201, 150, 68, .1);
}

.return-warrior-status-claimed {
    border-color: rgba(103, 190, 123, .38);
    color: #8bd49b;
    background: rgba(71, 151, 90, .1);
}

.return-warrior-empty {
    padding: 55px 20px !important;
    color: #999 !important;
    text-align: center !important;
}

.return-warrior-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 24px;
    color: #aaa;
}

.return-warrior-pagination a {
    padding: 8px 14px;
    border: 1px solid rgba(207, 157, 72, .42);
    color: #d9ad62;
}

.return-warrior-pagination a:hover {
    color: #fff;
    text-decoration: none;
    background: rgba(207, 157, 72, .14);
}

@media (max-width: 767px) {
    .return-warrior-main {
        padding-top: 115px;
    }

    .return-warrior-hero,
    .return-warrior-panel-header {
        align-items: stretch;
        flex-direction: column;
        padding: 25px;
    }

    .return-warrior-back {
        align-self: flex-start;
    }

    .return-warrior-total {
        min-width: 0;
    }

    .return-warrior-panel-header p {
        text-align: left;
    }

    .return-warrior-search {
        padding: 20px;
    }

    .return-warrior-search-controls {
        flex-wrap: wrap;
    }

    .return-warrior-search-input {
        flex-basis: 100%;
        max-width: none;
    }
}