/* ============================================================
   EFSANE ONLINE - ÖDÜL AVI / SHAIYA PANEL V1
   Scope: .bounty-page only
   The rest of the website is intentionally untouched.
   ============================================================ */

.bounty-page {
    --bo-bg: #07090c;
    --bo-panel: rgba(7,10,13,.94);
    --bo-panel-2: rgba(10,13,17,.96);
    --bo-line: rgba(190,151,89,.19);
    --bo-line-soft: rgba(255,255,255,.07);
    --bo-gold: #dcb46d;
    --bo-gold-hi: #f2d18d;
    --bo-red: #d45c45;
    --bo-red-hi: #f07c5c;
    --bo-blue: #92bfe9;
    --bo-green: #86c982;
    --bo-green-hi: #a7e29b;
    --bo-text: #d8d2c8;
    --bo-muted: #7c7d7e;
    --bo-shadow: 0 22px 58px rgba(0,0,0,.34);
    position: relative;
    color: var(--bo-text);
    overflow: hidden;
}

.bounty-page *,
.bounty-page *:before,
.bounty-page *:after { box-sizing: border-box; }

.bounty-page:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 15%, rgba(133,59,36,.06), transparent 26%),
        radial-gradient(circle at 78% 20%, rgba(108,84,46,.055), transparent 28%),
        linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px);
    background-size: auto, auto, 52px 52px;
    opacity: .8;
}

/* ===================== HERO ===================== */
.bounty-epic-hero {
    position: relative;
    min-height: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    overflow: hidden;
    border: 1px solid rgba(205,160,94,.22);
    border-bottom: 0;
    background:
        radial-gradient(circle at 50% 36%, rgba(191,118,56,.13), transparent 27%),
        radial-gradient(circle at 18% 50%, rgba(156,55,40,.10), transparent 24%),
        radial-gradient(circle at 82% 50%, rgba(70,101,129,.09), transparent 24%),
        linear-gradient(180deg, #0b0c0f, #06080b);
    box-shadow: var(--bo-shadow);
}

.bounty-epic-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4,5,7,.82), rgba(4,5,7,.28) 30%, rgba(4,5,7,.18) 50%, rgba(4,5,7,.28) 70%, rgba(4,5,7,.82)),
        repeating-linear-gradient(90deg, transparent 0 78px, rgba(255,255,255,.012) 79px 80px);
    z-index: 1;
}

.bounty-epic-hero:after {
    content: "";
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 15px;
    height: 1px;
    z-index: 2;
    background: linear-gradient(90deg, transparent, rgba(232,187,113,.52), transparent);
    box-shadow: 0 0 16px rgba(232,187,113,.2);
}

.bounty-epic-hero-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 45%, rgba(159,91,39,.14), transparent 26%),
        radial-gradient(circle at 18% 48%, rgba(141,48,31,.12), transparent 20%),
        radial-gradient(circle at 82% 48%, rgba(57,92,119,.10), transparent 20%);
}

.bounty-epic-hero-copy {
    position: relative;
    z-index: 3;
    text-align: center;
    padding: 22px 210px;
}

.bounty-epic-kicker {
    display: block;
    color: #b99463;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2.8px;
}

.bounty-epic-hero h1 {
    margin: 9px 0 3px;
    color: #e6c58a;
    font-family: "Philosopher", Georgia, serif;
    font-size: 53px;
    line-height: 1;
    letter-spacing: 6px;
    text-shadow:
        0 1px #21170e,
        0 0 24px rgba(226,168,91,.22);
}

.bounty-epic-hero p {
    margin: 0;
    color: #c5b99e;
    font-family: "Philosopher", Georgia, serif;
    font-size: 16px;
    letter-spacing: 1px;
}

.bounty-hero-status {
    position: absolute;
    z-index: 4;
    right: 24px;
    bottom: 29px;
    display: grid;
    grid-template-columns: 9px auto;
    column-gap: 8px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid rgba(188,148,88,.16);
    background: rgba(4,6,8,.74);
}

.bounty-hero-status b {
    color: #c8b48d;
    font-size: 9px;
    letter-spacing: 1.2px;
}

.bounty-hero-status small {
    grid-column: 2;
    margin-top: 2px;
    color: #696a69;
    font-size: 8px;
}

.bounty-live-pulse {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--bo-green-hi);
    box-shadow: 0 0 0 4px rgba(134,201,130,.08), 0 0 11px rgba(134,201,130,.55);
}

/* ===================== PRIMARY NAV ===================== */
.bounty-primary-tabs {
    position: relative;
    z-index: 5;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    margin-bottom: 15px;
    border: 1px solid rgba(205,160,94,.22);
    background:
        linear-gradient(180deg, rgba(44,34,24,.22), transparent),
        #080b0e;
    box-shadow: 0 13px 34px rgba(0,0,0,.21);
}

.bounty-primary-tabs a {
    position: relative;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    color: #9b9386;
    border-right: 1px solid rgba(205,160,94,.12);
    text-decoration: none;
    transition: background .17s ease, color .17s ease;
}

.bounty-primary-tabs a:last-child { border-right: 0; }

.bounty-primary-tabs a:before,
.bounty-primary-tabs a:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 1px;
    background: var(--bo-red-hi);
    transition: width .2s ease;
}

.bounty-primary-tabs a:before { right: 50%; }
.bounty-primary-tabs a:after { left: 50%; }

.bounty-primary-tabs a:hover,
.bounty-primary-tabs a.active {
    color: #e2ceb0;
    background:
        radial-gradient(circle at 50% 110%, rgba(187,70,45,.16), transparent 55%),
        rgba(255,255,255,.018);
}

.bounty-primary-tabs a.active:before,
.bounty-primary-tabs a.active:after { width: 42%; }

.bounty-primary-tabs strong {
    font-family: "Philosopher", Georgia, serif;
    font-size: 13px;
    letter-spacing: .6px;
}

.bounty-primary-tabs em {
    min-width: 21px;
    padding: 2px 6px;
    border: 1px solid rgba(218,178,108,.24);
    border-radius: 10px;
    color: var(--bo-gold-hi);
    font-size: 9px;
    font-style: normal;
    text-align: center;
}

.bounty-tab-symbol {
    color: #c59c64;
    font-family: Georgia, serif;
    font-size: 17px;
}

/* ===================== PERIOD ===================== */
.bounty-period-strip {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 15px;
}

.bounty-period-switch {
    display: flex;
    border: 1px solid var(--bo-line-soft);
    background: rgba(5,8,11,.84);
}

.bounty-period-switch-large {
    flex: 1;
}

.bounty-period-switch a {
    position: relative;
    min-width: 118px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 12px 18px;
    color: #7e7d79;
    border-right: 1px solid var(--bo-line-soft);
    text-decoration: none;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .7px;
}

.bounty-period-switch a:last-child { border-right: 0; }

.bounty-period-switch a.active {
    color: #efc987;
    background:
        linear-gradient(100deg, rgba(146,58,39,.20), rgba(87,55,28,.12)),
        rgba(255,255,255,.015);
    box-shadow: inset 0 -2px #ad573d;
}

.bounty-period-switch a span { color: #9d7e54; }

.bounty-period-dates {
    min-width: 365px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 14px;
    border: 1px solid var(--bo-line-soft);
    background: rgba(5,8,11,.84);
}

.bounty-period-dates span {
    color: #c8bba3;
    font-size: 10px;
    font-weight: 700;
}

.bounty-period-dates b { color: #8b6747; }

.bounty-period-dates small {
    padding-left: 7px;
    margin-left: 5px;
    border-left: 1px solid rgba(255,255,255,.07);
    color: #626563;
    font-size: 8px;
}

/* ===================== THREE RANK BOARDS ===================== */
.bounty-ranking-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 13px;
    align-items: start;
}

.bounty-rank-panel {
    min-width: 0;
    border: 1px solid var(--bo-line);
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 90px),
        var(--bo-panel);
    box-shadow: 0 17px 38px rgba(0,0,0,.22);
    overflow: hidden;
}

.bounty-rank-panel-wanted { border-top-color: rgba(213,84,61,.44); }
.bounty-rank-panel-hunter { border-top-color: rgba(122,160,192,.32); }
.bounty-rank-panel-support { border-top-color: rgba(118,171,111,.36); }

.bounty-rank-panel-head {
    min-height: 61px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px 15px;
    border-bottom: 1px solid var(--bo-line-soft);
    background: rgba(255,255,255,.012);
}

.bounty-rank-title-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.08);
    color: #d06950;
    font-size: 19px;
    background: rgba(195,73,47,.055);
}

.bounty-rank-panel-hunter .bounty-rank-title-icon {
    color: #8bb4d6;
    background: rgba(95,137,175,.055);
}

.bounty-rank-panel-support .bounty-rank-title-icon {
    color: #86bc80;
    background: rgba(91,146,86,.055);
}

.bounty-rank-panel-head h2 {
    margin: 0 0 2px;
    color: #e1cfad;
    font-family: "Philosopher", Georgia, serif;
    font-size: 17px;
    letter-spacing: .8px;
}

.bounty-rank-panel-head small {
    color: #626564;
    font-size: 8px;
}

/* Wanted feature */
.bounty-wanted-feature {
    position: relative;
    min-height: 184px;
    display: grid;
    grid-template-columns: 74px 1fr;
    gap: 13px;
    padding: 18px 16px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 10% 55%, rgba(189,59,42,.15), transparent 34%),
        linear-gradient(110deg, rgba(135,46,35,.12), transparent 56%);
}

.bounty-wanted-feature:after {
    content: "WANTED";
    position: absolute;
    right: -4px;
    bottom: -9px;
    color: rgba(207,94,63,.045);
    font-family: Georgia, serif;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: 3px;
}

.bounty-rank-crown {
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 3;
    width: 27px;
    height: 31px;
    display: grid;
    place-items: center;
    color: #fff4e1;
    border: 1px solid rgba(225,111,72,.55);
    background: #8f3026;
    font-family: Georgia, serif;
    font-size: 16px;
    box-shadow: 0 0 20px rgba(191,61,42,.17);
}

.bounty-big-class-icon,
.bounty-podium-icon,
.bounty-active-feature-icon {
    position: relative;
    display: grid;
    place-items: center;
}

.bounty-big-class-icon {
    align-self: center;
    width: 74px;
    height: 110px;
    border: 1px solid rgba(212,91,63,.19);
    background:
        radial-gradient(circle, rgba(206,88,59,.10), transparent 57%),
        rgba(255,255,255,.012);
}

.bounty-big-class-icon .faction_icon,
.bounty-podium-icon .faction_icon,
.bounty-active-feature-icon .faction_icon {
    position: absolute;
    opacity: .23;
    transform: scale(1.55);
}

.bounty-big-class-icon .ClassIcon {
    position: relative;
    z-index: 2;
    transform: scale(1.55);
}

.bounty-feature-copy {
    position: relative;
    z-index: 2;
    align-self: center;
    min-width: 0;
}

.bounty-feature-line {
    display: flex;
    align-items: center;
    gap: 7px;
}

.bounty-feature-copy h3 {
    overflow: hidden;
    margin: 0;
    color: #f1e7d8;
    font-size: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bounty-feature-copy p {
    margin: 3px 0 10px;
    color: #9b968d;
    font-size: 9px;
}

.bounty-feature-copy > strong {
    display: block;
    color: #ee7758;
    font-family: "Philosopher", Georgia, serif;
    font-size: 30px;
    line-height: 1;
}

.bounty-feature-copy > small {
    display: block;
    margin-top: 4px;
    color: #9d594b;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .8px;
}

.bounty-feature-copy > em {
    display: block;
    margin-top: 11px;
    color: #d2aa6a;
    font-size: 9px;
    font-style: normal;
}

.bounty-online-badge,
.bounty-podium-online,
.bounty-online-text {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #8fd18b;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .5px;
}

.bounty-online-badge {
    padding: 3px 5px;
    border: 1px solid rgba(125,190,121,.18);
    background: rgba(78,132,75,.07);
}

.bounty-online-badge i,
.bounty-podium-online i,
.bounty-online-text i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8bd487;
    box-shadow: 0 0 7px rgba(139,212,135,.6);
}

.bounty-rank-mini-top {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.bounty-mini-rank-card {
    min-width: 0;
    display: grid;
    grid-template-columns: 24px 34px 1fr;
    gap: 7px;
    align-items: center;
    padding: 10px 9px;
    border-right: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.008);
}

.bounty-mini-rank-card:last-child { border-right: 0; }

.bounty-mini-rank {
    width: 23px;
    height: 26px;
    display: grid;
    place-items: center;
    color: #dbd2c5;
    border: 1px solid rgba(218,174,107,.22);
    background: rgba(218,174,107,.045);
    font-family: Georgia, serif;
    font-size: 12px;
}

.bounty-mini-icon {
    display: grid;
    place-items: center;
}

.bounty-mini-icon .ClassIcon { transform: scale(.92); }

.bounty-mini-name {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.bounty-mini-name b {
    overflow: hidden;
    color: #dcd7cf;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bounty-mini-rank-card small {
    display: block;
    margin-top: 1px;
    color: #656866;
    font-size: 7px;
}

.bounty-mini-rank-card strong {
    display: block;
    margin-top: 2px;
    color: #d56f58;
    font-size: 13px;
}

/* Podium */
.bounty-podium {
    min-height: 214px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    align-items: end;
    gap: 6px;
    padding: 16px 9px 11px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background:
        radial-gradient(circle at 50% 25%, rgba(214,176,108,.055), transparent 39%),
        rgba(255,255,255,.006);
}

.bounty-podium-card {
    position: relative;
    min-width: 0;
    min-height: 161px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 12px 7px 9px;
    border: 1px solid rgba(255,255,255,.07);
    background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.005));
}

.bounty-podium-card.rank-1 {
    min-height: 190px;
    border-color: rgba(218,174,107,.27);
    background:
        linear-gradient(180deg, rgba(218,174,107,.09), transparent 62%),
        rgba(255,255,255,.008);
    box-shadow: inset 0 1px rgba(242,209,141,.09);
}

.bounty-rank-panel-support .bounty-podium-card.rank-1 {
    background:
        linear-gradient(180deg, rgba(102,151,96,.09), transparent 62%),
        rgba(255,255,255,.008);
}

.bounty-podium-rank {
    position: absolute;
    top: -10px;
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    color: #e8d6b3;
    border: 1px solid rgba(218,174,107,.3);
    background: #15130f;
    font-family: Georgia, serif;
    font-size: 12px;
    border-radius: 50%;
}

.bounty-podium-card.rank-1 .bounty-podium-rank {
    width: 32px;
    height: 32px;
    top: -13px;
    color: #f4d999;
    background: #2b2112;
    box-shadow: 0 0 18px rgba(218,174,107,.16);
}

.bounty-podium-icon {
    width: 57px;
    height: 57px;
    margin-bottom: 8px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.04), transparent 67%);
}

.bounty-podium-card.rank-1 .bounty-podium-icon {
    width: 68px;
    height: 68px;
    border-color: rgba(218,174,107,.20);
}

.bounty-podium-icon .ClassIcon { position: relative; z-index: 2; transform: scale(1.05); }
.bounty-podium-card.rank-1 .bounty-podium-icon .ClassIcon { transform: scale(1.25); }

.bounty-podium-card > b {
    max-width: 100%;
    overflow: hidden;
    color: #e5e0d8;
    font-size: 9px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bounty-podium-card > small {
    margin-top: 2px;
    color: #666966;
    font-size: 7px;
}

.bounty-podium-card > strong {
    margin-top: 8px;
    color: #d8b16e;
    font-family: "Philosopher", Georgia, serif;
    font-size: 15px;
}

.bounty-rank-panel-support .bounty-podium-card > strong { color: #92c38c; }

.bounty-podium-card > em {
    margin-top: 2px;
    color: #666967;
    font-size: 7px;
    font-style: normal;
}

.bounty-podium-online { margin-top: 6px; }

/* compact rows */
.bounty-compact-table { width: 100%; }

.bounty-compact-head,
.bounty-compact-row {
    display: grid;
    grid-template-columns: 27px minmax(88px,1.5fr) minmax(70px,1fr) 54px 62px;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

.bounty-compact-head {
    min-height: 30px;
    padding: 0 9px;
    color: #77776f;
    border-bottom: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.02);
    font-size: 7px;
}

.bounty-compact-row {
    min-height: 37px;
    padding: 3px 9px;
    color: #8f908d;
    border-bottom: 1px solid rgba(255,255,255,.045);
    font-size: 8px;
}

.bounty-compact-row:last-child { border-bottom: 0; }

.bounty-compact-row:hover {
    background: linear-gradient(90deg, rgba(188,79,54,.045), transparent);
}

.bounty-compact-row.passive { opacity: .48; }

.bounty-row-rank {
    color: #706c64;
    font-family: Georgia, serif;
}

.bounty-row-name {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.bounty-row-name .ClassIcon { flex: 0 0 auto; transform: scale(.76); }

.bounty-row-name b {
    min-width: 0;
    overflow: hidden;
    color: #d0cdc7;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 8px;
}

.bounty-compact-row strong { color: #d0a55f; }

.bounty-rank-panel-support .bounty-compact-row strong { color: #8abb86; }

.bounty-status-active { color: #ca9c5c; font-size: 7px; font-weight: 800; }
.bounty-status-passive { color: #656665; font-size: 7px; }
.bounty-online-text { white-space: nowrap; }
.bounty-online-dot {
    display: inline-block;
    width: 5px;
    height: 5px;
    flex: 0 0 5px;
    border-radius: 50%;
    background: #555;
}
.bounty-online-dot.online {
    background: #8bd487;
    box-shadow: 0 0 7px rgba(139,212,135,.55);
}

.bounty-empty-panel {
    display: grid;
    place-items: center;
    min-height: 180px;
    color: #676967;
    font-size: 10px;
}

/* Ranking footer */
.bounty-rank-footer {
    margin-top: 13px;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 10px 14px;
    border: 1px solid var(--bo-line-soft);
    background: rgba(5,8,11,.82);
}

.bounty-rank-footer > div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bounty-rank-footer p {
    margin: 0;
    color: #70726f;
    font-size: 8px;
    line-height: 1.55;
}

.bounty-footer-symbol { color: #b57955; font-size: 18px; }

.bounty-rank-footer a {
    flex: 0 0 auto;
    padding: 8px 12px;
    color: #c9aa72;
    border: 1px solid rgba(201,170,114,.18);
    background: rgba(201,170,114,.035);
    text-decoration: none;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .6px;
}

.bounty-rank-footer a span { padding-left: 6px; }

/* ===================== SECTION HEADING ===================== */
.bounty-section-heading {
    min-height: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 14px;
    padding: 18px 22px;
    border: 1px solid var(--bo-line);
    background:
        radial-gradient(circle at 90% 50%, rgba(186,82,48,.07), transparent 27%),
        var(--bo-panel);
}

.bounty-section-heading h2 {
    margin: 5px 0 4px;
    color: #e0c99e;
    font-family: "Philosopher", Georgia, serif;
    font-size: 25px;
    letter-spacing: 2px;
}

.bounty-section-heading p {
    margin: 0;
    color: #737570;
    font-size: 9px;
}

.bounty-live-count {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    align-items: center;
    text-align: right;
}

.bounty-live-count strong {
    color: #dfbd7e;
    font-size: 27px;
}

.bounty-live-count small {
    grid-column: 2;
    margin-top: -6px;
    color: #666965;
    font-size: 8px;
}

/* ===================== ACTIVE TARGETS ===================== */
.bounty-active-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    margin-bottom: 13px;
}

.bounty-active-feature-card {
    position: relative;
    min-width: 0;
    min-height: 164px;
    display: grid;
    grid-template-columns: 63px 1fr;
    grid-template-rows: auto 1fr;
    gap: 8px 12px;
    padding: 16px;
    border: 1px solid rgba(213,164,86,.22);
    background:
        radial-gradient(circle at 11% 43%, rgba(214,117,54,.10), transparent 30%),
        linear-gradient(120deg, rgba(106,54,28,.09), transparent 63%),
        var(--bo-panel);
}

.bounty-active-feature-rank {
    position: absolute;
    right: 10px;
    top: 9px;
    color: rgba(235,195,126,.28);
    font-family: Georgia, serif;
    font-size: 20px;
}

.bounty-active-feature-icon {
    grid-row: 1 / span 2;
    width: 63px;
    height: 91px;
    align-self: center;
    border: 1px solid rgba(222,178,102,.15);
    background: rgba(255,255,255,.014);
}

.bounty-active-feature-icon .ClassIcon { position: relative; z-index: 2; transform: scale(1.32); }

.bounty-active-feature-name { min-width: 0; }

.bounty-active-feature-name h3 {
    max-width: calc(100% - 30px);
    overflow: hidden;
    margin: 0;
    color: #eadabf;
    font-size: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bounty-active-feature-name p {
    margin: 3px 0 7px;
    color: #777a76;
    font-size: 8px;
}

.bounty-active-feature-values {
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    gap: 7px;
}

.bounty-active-feature-values div {
    padding-top: 8px;
    border-top: 1px solid rgba(255,255,255,.055);
}

.bounty-active-feature-values small {
    display: block;
    color: #656864;
    font-size: 7px;
}

.bounty-active-feature-values strong {
    display: block;
    margin-top: 4px;
    color: #e0b76d;
    font-family: "Philosopher", Georgia, serif;
    font-size: 15px;
}

.bounty-active-feature-values div:first-child strong { color: #e98b5e; }

.bounty-active-table {
    overflow-x: auto;
    border: 1px solid var(--bo-line);
    background: var(--bo-panel);
}

.bounty-active-table > .bounty-active-table-head,
.bounty-active-row {
    min-width: 1020px;
    display: grid;
    grid-template-columns: 34px 1.2fr .9fr 84px 78px 78px 98px 112px 82px;
    gap: 7px;
    align-items: center;
}

.bounty-active-table > .bounty-active-table-head {
    min-height: 38px;
    padding: 0 12px;
    color: #73746f;
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: rgba(255,255,255,.02);
    font-size: 8px;
    font-weight: 700;
}

.bounty-active-row {
    min-height: 44px;
    padding: 4px 12px;
    color: #979891;
    border-bottom: 1px solid rgba(255,255,255,.045);
    font-size: 8px;
}

.bounty-active-row:last-child { border-bottom: 0; }

.bounty-active-row:hover {
    background: linear-gradient(90deg, rgba(190,79,52,.04), rgba(207,163,92,.02), transparent);
}

.bounty-active-row .bounty-row-name b { font-size: 9px; }
.bounty-active-row strong { color: #d6cab6; }
.bounty-gold { color: #ddb872 !important; }
.bounty-red { color: #e88361 !important; }

/* ===================== ABOUT ===================== */
.bounty-about-heading {
    background:
        radial-gradient(circle at 87% 48%, rgba(143,106,54,.08), transparent 28%),
        var(--bo-panel);
}

.bounty-about-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 11px;
}

.bounty-about-grid .bounty-about-card {
    position: relative;
    min-height: 175px;
    padding: 19px 18px 17px;
    overflow: hidden;
    border: 1px solid var(--bo-line-soft);
    background:
        linear-gradient(145deg, rgba(205,157,89,.025), transparent 62%),
        var(--bo-panel);
}

.bounty-about-grid .bounty-about-card:after {
    content: "";
    position: absolute;
    width: 105px;
    height: 105px;
    right: -55px;
    bottom: -55px;
    border: 1px solid rgba(205,157,89,.06);
    border-radius: 50%;
}

.bounty-about-no {
    color: #9e7750;
    font-family: Georgia, serif;
    font-size: 11px;
}

.bounty-about-grid h3 {
    margin: 9px 0 8px;
    color: #dfc89d;
    font-family: "Philosopher", Georgia, serif;
    font-size: 16px;
}

.bounty-about-grid p {
    margin: 0;
    color: #777a76;
    font-size: 9px;
    line-height: 1.7;
}

.bounty-about-grid code {
    display: inline-block;
    margin-top: 12px;
    padding: 6px 8px;
    color: #d6b77f;
    border: 1px solid rgba(210,168,99,.13);
    background: rgba(210,168,99,.03);
    font-size: 8px;
}

.bounty-support-guide {
    margin-top: 12px;
    display: grid;
    grid-template-columns: .8fr 1.8fr;
    gap: 15px;
    padding: 19px;
    border: 1px solid var(--bo-line);
    background:
        radial-gradient(circle at 80% 50%, rgba(90,139,87,.06), transparent 35%),
        var(--bo-panel);
}

.bounty-support-guide-copy h3 {
    margin: 6px 0 7px;
    color: #d8c39c;
    font-family: "Philosopher", Georgia, serif;
    font-size: 18px;
}

.bounty-support-guide-copy p {
    margin: 0;
    color: #747773;
    font-size: 9px;
    line-height: 1.65;
}

.bounty-support-class-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 8px;
}

.bounty-support-class-cards > div {
    min-width: 0;
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: 8px;
    padding: 11px;
    border: 1px solid rgba(255,255,255,.065);
    background: rgba(255,255,255,.012);
}

.bounty-support-class-cards > div.primary {
    border-color: rgba(118,171,111,.19);
    background: rgba(92,149,87,.035);
}

.bounty-support-class-cards .ClassIcon { transform: scale(1.02); }

.bounty-support-class-cards b {
    color: #aaa79f;
    font-size: 8px;
}

.bounty-support-class-cards strong {
    color: #d0aa67;
    font-family: "Philosopher", Georgia, serif;
    font-size: 18px;
}

.bounty-support-class-cards .primary strong { color: #91c68b; }

/* ===================== ERRORS / PAGINATION ===================== */
.bounty-error {
    padding: 18px;
    border: 1px solid rgba(211,90,65,.18);
    background: rgba(120,41,31,.06);
    color: #c97e6c;
    font-size: 10px;
}

.bounty-pagination {
    margin-top: 14px !important;
}

.bounty-page .bounty-pagination .number.active {
    border-color: rgba(218,174,107,.28);
    color: #e0be80;
    background: rgba(218,174,107,.05);
}

/* ===================== RESPONSIVE ===================== */
@media (max-width: 1180px) {
    .bounty-ranking-grid { grid-template-columns: 1fr 1fr; }
    .bounty-rank-panel-support { grid-column: 1 / -1; }
    .bounty-rank-panel-support .bounty-podium { min-height: 195px; }
    .bounty-period-dates { min-width: 315px; }
}

@media (max-width: 920px) {
    .bounty-epic-hero { min-height: 210px; }
    .bounty-epic-hero-copy { padding: 22px 120px; }
    .bounty-epic-hero h1 { font-size: 43px; }
    .bounty-hero-status { display: none; }

    .bounty-period-strip { flex-direction: column; }
    .bounty-period-dates { min-width: 0; }

    .bounty-ranking-grid { grid-template-columns: 1fr; }
    .bounty-rank-panel-support { grid-column: auto; }

    .bounty-active-feature-grid { grid-template-columns: 1fr; }
    .bounty-about-grid { grid-template-columns: 1fr 1fr; }
    .bounty-support-guide { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .bounty-epic-hero { min-height: 180px; }
    .bounty-epic-hero-copy { padding: 18px; }
    .bounty-epic-hero h1 { font-size: 34px; letter-spacing: 3px; }
    .bounty-epic-hero p { font-size: 13px; }

    .bounty-primary-tabs strong { font-size: 10px; }
    .bounty-primary-tabs a { min-height: 49px; gap: 5px; }
    .bounty-tab-symbol { display: none; }

    .bounty-period-switch a { min-width: 0; flex: 1; padding: 11px 7px; font-size: 8px; }
    .bounty-period-dates { flex-wrap: wrap; }
    .bounty-period-dates small { width: 100%; padding: 4px 0 0; margin: 0; border: 0; text-align: center; }

    .bounty-wanted-feature { grid-template-columns: 60px 1fr; min-height: 163px; }
    .bounty-big-class-icon { width: 60px; height: 93px; }
    .bounty-feature-copy h3 { font-size: 15px; }

    .bounty-podium { gap: 4px; padding-left: 6px; padding-right: 6px; }
    .bounty-podium-card { padding-left: 4px; padding-right: 4px; }

    .bounty-compact-head,
    .bounty-compact-row {
        grid-template-columns: 24px minmax(90px,1.5fr) 48px 52px;
    }
    .bounty-compact-head span:nth-child(3),
    .bounty-compact-row > span:nth-child(3) { display: none; }

    .bounty-about-grid { grid-template-columns: 1fr; }
    .bounty-support-class-cards { grid-template-columns: 1fr; }

    .bounty-rank-footer { align-items: flex-start; flex-direction: column; }
}


/* ============================================================
   V2 - TOP 3 USE ONLY THE SITE'S REAL SHAIYA CLASS ICONS
   No unrelated character/faction artwork.
   ============================================================ */

/* Hero decoration also uses existing class icons only. */
.bounty-hero-class-watermark {
    position: absolute;
    z-index: 2;
    top: 50%;
    display: flex;
    align-items: center;
    gap: 23px;
    transform: translateY(-50%);
    opacity: .19;
    pointer-events: none;
}

.bounty-hero-class-watermark-left { left: 7%; }
.bounty-hero-class-watermark-right { right: 7%; }

.bounty-hero-class-watermark .ClassIcon {
    transform: scale(1.65);
    filter: grayscale(.25) saturate(.8);
}

.bounty-hero-class-watermark .ClassIcon:nth-child(2) {
    transform: scale(2);
    opacity: .82;
}

/* No faction/race artwork behind ranking portraits. */
.bounty-page .bounty-class-icon-only .faction_icon {
    display: none !important;
}

.bounty-class-icon-only {
    overflow: visible;
    background:
        radial-gradient(circle, rgba(226,182,106,.085), transparent 59%),
        rgba(255,255,255,.01);
}

.bounty-class-icon-only .ClassIcon {
    position: relative;
    z-index: 3;
    transform: scale(1.55);
    filter: drop-shadow(0 5px 10px rgba(0,0,0,.45));
}

.bounty-podium-card.rank-1 .bounty-class-icon-only .ClassIcon {
    transform: scale(1.85);
}

/* Wanted Top 3: same podium treatment, class icons are the visual. */
.bounty-podium-wanted {
    min-height: 245px;
    background:
        radial-gradient(circle at 50% 24%, rgba(199,77,55,.08), transparent 37%),
        rgba(255,255,255,.006);
}

.bounty-wanted-podium-card {
    min-height: 188px;
}

.bounty-wanted-podium-card.rank-1 {
    min-height: 220px;
    border-color: rgba(210,88,62,.28);
    background:
        linear-gradient(180deg, rgba(193,72,51,.105), transparent 63%),
        rgba(255,255,255,.008);
    box-shadow:
        inset 0 1px rgba(237,126,91,.08),
        0 0 26px rgba(161,52,38,.06);
}

.bounty-wanted-podium-card .bounty-podium-rank {
    border-color: rgba(205,86,62,.30);
    color: #e6b2a4;
}

.bounty-wanted-podium-card.rank-1 .bounty-podium-rank {
    color: #ffe0d6;
    border-color: rgba(222,102,72,.48);
    background: #321713;
}

.bounty-wanted-podium-card .bounty-podium-icon {
    border-color: rgba(204,83,61,.15);
    background:
        radial-gradient(circle, rgba(204,83,61,.08), transparent 65%);
}

.bounty-wanted-podium-card.rank-1 .bounty-podium-icon {
    border-color: rgba(222,102,72,.24);
}

.bounty-wanted-score {
    color: #e77759 !important;
}

.bounty-podium-extra {
    display: block;
    max-width: 100%;
    margin-top: 5px;
    overflow: hidden;
    color: #a67d61;
    font-size: 7px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bounty-podium-passive {
    display: inline-block;
    margin-top: 6px;
    color: #696b69;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: .45px;
}

.bounty-wanted-podium-card.passive {
    opacity: .48;
}

/* Hunter / Support / Active top cards: class icon is the ONLY portrait. */
.bounty-podium-icon,
.bounty-active-feature-icon {
    background:
        radial-gradient(circle, rgba(219,176,104,.07), transparent 65%);
}

.bounty-rank-panel-hunter .bounty-podium-icon {
    border-color: rgba(123,166,199,.15);
    background: radial-gradient(circle, rgba(111,158,194,.065), transparent 66%);
}

.bounty-rank-panel-support .bounty-podium-icon {
    border-color: rgba(111,170,105,.16);
    background: radial-gradient(circle, rgba(103,163,98,.07), transparent 66%);
}

.bounty-active-feature-icon {
    border-color: rgba(218,174,107,.18);
}

/* Existing small list rows also keep the class icons. */
.bounty-row-name .ClassIcon {
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}

@media (max-width: 920px) {
    .bounty-hero-class-watermark {
        opacity: .11;
    }
    .bounty-hero-class-watermark-left { left: 2%; }
    .bounty-hero-class-watermark-right { right: 2%; }
}

@media (max-width: 680px) {
    .bounty-hero-class-watermark {
        display: none;
    }

    .bounty-podium-wanted {
        min-height: 220px;
    }

    .bounty-wanted-podium-card {
        min-height: 170px;
    }

    .bounty-wanted-podium-card.rank-1 {
        min-height: 195px;
    }
}


/* ============================================================
   V3 - SHAIYA-LIKE CLASS PORTRAITS
   Each ranked player is visually represented by their class.
   Section identity:
   Wanted = red / Hunter = blue / Support = green / Active = gold.
   ============================================================ */

.bounty-podium-card {
    overflow: hidden;
}

.bounty-podium-portrait {
    position: relative;
    width: calc(100% + 14px);
    height: 112px;
    margin: -12px -7px 8px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.07);
    background: #080a0c;
}

.bounty-podium-card.rank-1 .bounty-podium-portrait {
    height: 139px;
    margin-top: -12px;
}

.bounty-podium-portrait:after,
.bounty-active-feature-portrait:after,
.bounty-row-avatar:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.bounty-podium-portrait img,
.bounty-active-feature-portrait img,
.bounty-row-avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.bounty-podium-portrait img {
    object-position: 50% 32%;
    transform: scale(1.035);
    transition: transform .25s ease, filter .25s ease;
}

.bounty-podium-card:hover .bounty-podium-portrait img {
    transform: scale(1.075);
}

/* Wanted / red */
.bounty-portrait-wanted {
    border-bottom-color: rgba(221,87,62,.28);
}
.bounty-portrait-wanted:after {
    background:
        linear-gradient(180deg, transparent 38%, rgba(12,5,4,.76) 100%),
        radial-gradient(circle at 50% 35%, transparent 0 46%, rgba(160,49,35,.22) 100%);
    box-shadow: inset 0 0 30px rgba(176,56,40,.10);
}
.bounty-rank-panel-wanted .bounty-podium-card.rank-1 .bounty-portrait-wanted {
    box-shadow: inset 0 0 0 1px rgba(224,104,75,.16);
}

/* Hunter / blue */
.bounty-portrait-hunter {
    border-bottom-color: rgba(111,164,207,.24);
}
.bounty-portrait-hunter:after {
    background:
        linear-gradient(180deg, transparent 38%, rgba(4,8,12,.78) 100%),
        radial-gradient(circle at 50% 35%, transparent 0 46%, rgba(57,105,145,.19) 100%);
    box-shadow: inset 0 0 30px rgba(77,128,168,.08);
}
.bounty-rank-panel-hunter .bounty-podium-card.rank-1 .bounty-portrait-hunter {
    box-shadow: inset 0 0 0 1px rgba(130,183,224,.15);
}

/* Support / green */
.bounty-portrait-support {
    border-bottom-color: rgba(113,177,107,.24);
}
.bounty-portrait-support:after {
    background:
        linear-gradient(180deg, transparent 38%, rgba(4,10,6,.79) 100%),
        radial-gradient(circle at 50% 35%, transparent 0 46%, rgba(61,119,58,.19) 100%);
    box-shadow: inset 0 0 30px rgba(81,142,77,.08);
}
.bounty-rank-panel-support .bounty-podium-card.rank-1 .bounty-portrait-support {
    box-shadow: inset 0 0 0 1px rgba(136,197,129,.15);
}

/* Small real class icon stays as an identity badge over the portrait. */
.bounty-portrait-class-badge {
    position: absolute !important;
    z-index: 4 !important;
    right: 7px;
    bottom: 6px;
    transform: scale(.72) !important;
    transform-origin: right bottom;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.78));
}

/* Rank medal floats above the portrait. */
.bounty-podium-rank {
    z-index: 8;
}

/* Compact rows: portrait beside every player's name. */
.bounty-row-name {
    min-height: 32px;
}

.bounty-row-avatar {
    position: relative;
    width: 28px;
    height: 31px;
    flex: 0 0 28px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    background: #090b0d;
}

.bounty-row-avatar img {
    object-position: 50% 31%;
    transform: scale(1.08);
}

.bounty-row-avatar:after {
    background: linear-gradient(180deg, transparent 45%, rgba(4,5,6,.58));
}

.bounty-row-avatar .ClassIcon {
    position: absolute !important;
    z-index: 3 !important;
    right: -5px;
    bottom: -5px;
    transform: scale(.43) !important;
    transform-origin: right bottom;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.9));
}

.bounty-rank-panel-wanted .bounty-row-avatar {
    border-color: rgba(208,83,61,.20);
}
.bounty-rank-panel-hunter .bounty-row-avatar {
    border-color: rgba(105,156,198,.18);
}
.bounty-rank-panel-support .bounty-row-avatar {
    border-color: rgba(109,171,103,.19);
}

/* Active bounty cards: larger class character on the left. */
.bounty-active-feature-card {
    grid-template-columns: 92px 1fr;
}

.bounty-active-feature-portrait {
    position: relative;
    grid-row: 1 / span 2;
    width: 92px;
    height: 132px;
    align-self: center;
    overflow: hidden;
    border: 1px solid rgba(223,174,94,.22);
    background: #090a0c;
    box-shadow: inset 0 0 22px rgba(218,158,72,.05);
}

.bounty-active-feature-portrait img {
    object-position: 50% 30%;
    transform: scale(1.05);
}

.bounty-active-feature-portrait:after {
    background:
        linear-gradient(180deg, transparent 44%, rgba(8,6,3,.72)),
        radial-gradient(circle at 50% 35%, transparent 0 48%, rgba(159,107,46,.16) 100%);
}

/* Give first place more visual authority without replacing the class art. */
.bounty-podium-card.rank-1 {
    padding-top: 12px;
}

.bounty-podium-card.rank-1 .bounty-podium-portrait:before {
    content: "";
    position: absolute;
    z-index: 5;
    left: 13%;
    right: 13%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(240,204,136,.60), transparent);
    box-shadow: 0 0 10px rgba(240,204,136,.20);
}

@media (max-width: 680px) {
    .bounty-podium-portrait {
        height: 98px;
    }

    .bounty-podium-card.rank-1 .bounty-podium-portrait {
        height: 118px;
    }

    .bounty-active-feature-card {
        grid-template-columns: 72px 1fr;
    }

    .bounty-active-feature-portrait {
        width: 72px;
        height: 108px;
    }
}


/* ============================================================
   V4 CORRECTION
   Large character portraits are ONLY for showcase / Top 3 cards.
   Every normal list row uses the site's faction + class icons.
   ============================================================ */

/* Never show portrait thumbnails in normal rows. */
.bounty-page .bounty-row-avatar {
    display: none !important;
}

/* Compact faction + class identity for every ordinary table/list row. */
.bounty-row-identity {
    position: relative;
    width: 35px;
    height: 30px;
    flex: 0 0 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bounty-row-identity .faction_icon {
    position: absolute;
    left: 0;
    top: 4px;
    transform: scale(.66);
    transform-origin: left center;
    opacity: .82;
}

.bounty-row-identity .ClassIcon {
    position: absolute !important;
    z-index: 2 !important;
    right: -1px;
    top: 3px;
    transform: scale(.66) !important;
    transform-origin: right center;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,.55));
}

/* Keep all normal rows compact like the earlier working layout. */
.bounty-compact-row .bounty-row-name,
.bounty-active-row .bounty-row-name {
    min-height: 31px;
}

.bounty-compact-row {
    min-height: 37px;
}

.bounty-active-row {
    min-height: 44px;
}

/* Hard visual limits for showcase portraits. */
.bounty-podium-portrait {
    max-height: 139px;
}

.bounty-podium-portrait img {
    max-width: 100%;
    max-height: 139px;
}

.bounty-active-feature-portrait {
    max-width: 92px;
    max-height: 132px;
}

.bounty-active-feature-portrait img {
    max-width: 92px;
    max-height: 132px;
}

/* The old V3 mini portrait CSS can no longer affect ordinary rows. */
.bounty-row-avatar img,
.bounty-row-avatar:after,
.bounty-row-avatar .ClassIcon {
    display: none !important;
}


/* ============================================================
   V5 - COMPACT LAYOUT / GLOBAL THEME COLLISION FIX
   The main site has generic element rules; bounty components
   must size only to their own content.
   ============================================================ */

.bounty-page .bounty-ranking-grid {
    align-items: start !important;
    grid-auto-rows: auto !important;
}

.bounty-page .bounty-ranking-grid > .bounty-rank-panel {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bounty-page .bounty-rank-panel-head {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 10px 14px !important;
}

.bounty-page .bounty-podium,
.bounty-page .bounty-podium-wanted {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px 9px 11px !important;
    align-items: end !important;
}

.bounty-page .bounty-podium-card,
.bounty-page .bounty-wanted-podium-card {
    position: relative !important;
    float: none !important;
    margin: 0 !important;
}

.bounty-page .bounty-compact-table {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

.bounty-page .bounty-compact-head,
.bounty-page .bounty-compact-row {
    margin: 0 !important;
}

.bounty-page .bounty-rank-footer {
    margin-top: 12px !important;
}

.bounty-page .bounty-active-feature-grid {
    align-items: start !important;
    grid-auto-rows: auto !important;
}

.bounty-page .bounty-active-feature-card {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    height: auto !important;
    min-height: 164px !important;
    margin: 0 !important;
}

.bounty-page .bounty-about-grid {
    align-items: stretch !important;
    grid-auto-rows: auto !important;
}

.bounty-page .bounty-about-card {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    height: auto !important;
    min-height: 150px !important;
    margin: 0 !important;
}

/* No hidden spacer should be created between a panel title and Top 3. */
.bounty-page .bounty-rank-panel-head + .bounty-podium {
    margin-top: 0 !important;
}

/* Keep Top 3 visually large, but never reserve unused height around them. */
.bounty-page .bounty-podium-card.rank-1 {
    min-height: 190px;
}
.bounty-page .bounty-wanted-podium-card.rank-1 {
    min-height: 220px;
}

@media (max-width: 920px) {
    .bounty-page .bounty-podium,
    .bounty-page .bounty-podium-wanted {
        min-height: 0 !important;
    }
}

@media (max-width: 680px) {
    .bounty-page .bounty-rank-panel-head {
        min-height: 50px !important;
        padding: 9px 11px !important;
    }

    .bounty-page .bounty-podium,
    .bounty-page .bounty-podium-wanted {
        padding-top: 18px !important;
    }

    .bounty-page .bounty-about-card {
        min-height: 0 !important;
    }
}


/* ============================================================
   V6 - CORRECT LIGHT/DARK CLASS IDENTITIES
   12 different large class portraits.
   Normal list rows stay faction + class icon only.
   ============================================================ */

.bounty-page .bounty-compact-row img,
.bounty-page .bounty-active-row img {
    display: none !important;
}

.bounty-page .bounty-podium-portrait,
.bounty-page .bounty-active-feature-portrait {
    overflow: hidden !important;
}

.bounty-page .bounty-podium-portrait img,
.bounty-page .bounty-active-feature-portrait img {
    object-position: center 31%;
}


/* ============================================================
   V7 - ACTIVE REWARDS EMPTY SPACE FIX
   Generic site HEADER styles were stretching the bounty table.
   ============================================================ */
.bounty-page .bounty-active-table {
    display: block !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.bounty-page .bounty-active-table-head {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    display: grid !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    line-height: normal !important;
}
.bounty-page .bounty-active-row {
    position: relative !important;
    inset: auto !important;
    float: none !important;
    height: auto !important;
    min-height: 44px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 4px 12px !important;
}
.bounty-page .bounty-active-table-head + .bounty-active-row {
    margin-top: 0 !important;
}
.bounty-page .bounty-rank-panel-head {
    display: flex !important;
    height: auto !important;
    min-height: 54px !important;
    max-height: none !important;
}