/* CS2Reaper live leaderboard look, based on the supplied visual reference.
   All text, standings and countdown values remain live HTML/API data. */
body.pp-root.reference-leaderboard:has(#leaderboard:is([data-provider="reaper"],[data-provider="chicken"])) {
    background:
        radial-gradient(ellipse at 50% 36%, #492c803b 0, transparent 50%),
        radial-gradient(ellipse at 1% 46%, #39f44a14 0, transparent 32%),
        radial-gradient(ellipse at 100% 45%, #8c42e323 0, transparent 36%),
        linear-gradient(180deg, #080610 0%, #10091c 48%, #090610 100%) !important;
}

#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) {
    --reaper-lime: #83ff45;
    --reaper-mint: #b8ff94;
    --reaper-violet: #9b68ff;
    --reaper-gold: #ffd65d;
    width: min(100%, 1540px) !important;
    padding: clamp(24px, 3.4vw, 54px) clamp(14px, 3.8vw, 58px) 64px !important;
    overflow: visible;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-hero-inner {
    min-height: 0;
    padding-top: 0;
    isolation: isolate;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .hero-skin {
    opacity: .68;
    filter: drop-shadow(0 0 18px #4bf74855) drop-shadow(0 12px 20px #0009);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .reaper-brand-lockup {
    order: -3;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 15px;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-provider-logo {
    position: relative;
    width: clamp(180px, 28vw, 360px);
    max-height: 76px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
    filter: drop-shadow(0 0 18px #a47aff6b);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .race-eyebrow {
    order: -2;
    margin-bottom: 13px;
    color: #d6ffd0;
    text-shadow: 0 0 12px #62ff4438;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .race-eyebrow::before,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .race-eyebrow::after {
    width: clamp(28px, 5vw, 76px);
    background: linear-gradient(90deg, transparent, var(--reaper-lime));
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-amount-wrapper { order: -1; margin: 0 0 2px; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-main { gap: clamp(8px, 1.5vw, 22px); }
#leaderboard .reaper-prize-graphic { display: none; }
#leaderboard[data-provider="reaper"] .lb-main { display: none; }
#leaderboard[data-provider="reaper"] .reaper-prize-graphic {
    display: block;
    width: min(100%, 520px);
    max-height: clamp(130px, 22vw, 230px);
    object-fit: contain;
    margin: 0 auto;
    filter: drop-shadow(0 0 20px #7ecbff66);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-amount {
    color: var(--reaper-lime);
    background: linear-gradient(180deg, #dcff8b 0%, #82ff3c 45%, #45c632 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 24px #5cff4760);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-coin {
    background-image: url('reaper-winter-coin.webp');
    filter: drop-shadow(0 0 16px #42ff984a);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .lb-hero-title {
    order: 1;
    color: #fff;
    background: linear-gradient(180deg, #fff 0%, #d9d9ee 72%, #8f8caa 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: italic;
    letter-spacing: -.045em;
    text-shadow: none;
    filter: drop-shadow(0 8px 24px #bda8ff42);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-timer-label {
    order: 2;
    margin: 12px 0 0;
    color: #d4ffc4;
    font-size: clamp(10px, .9vw, 14px);
    font-weight: 850;
    letter-spacing: .24em;
    text-transform: uppercase;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer.lb-timer {
    order: 3;
    width: min(940px, 100%);
    margin: 12px 0 25px;
    padding: clamp(14px, 2vw, 27px);
    border: 1px solid #a690ea7a;
    border-radius: clamp(28px, 4vw, 58px);
    background: linear-gradient(120deg, #12101fef, #211638f2 50%, #151022ef);
    box-shadow: 0 0 0 1px #ffffff0a, 0 12px 45px #0009, 0 0 35px #844cff29, inset 0 1px #ffffff26;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer .time-box {
    background: radial-gradient(circle, #100d1c 66%, #443961 67%, #21192f 72%);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer .time-box::after {
    background: conic-gradient(from 0deg, #9b69ff 0%, #68ff44 var(--timer-progress, 72%), #342b48 var(--timer-progress, 72%) 100%);
    filter: drop-shadow(0 0 8px #69ff4899);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer .time-box span { color: #fff; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer .time-box small { color: #d6d1e2; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer #t-seconds { color: var(--reaper-mint); }

#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions {
    order: 4;
    width: auto;
    gap: clamp(8px, 1.1vw, 17px);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions a,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions button {
    min-height: clamp(44px, 4vw, 58px);
    padding-inline: clamp(13px, 2vw, 25px);
    border: 1px solid #9ab9718c;
    border-radius: 14px;
    background: linear-gradient(145deg, #171526, #0d0b16);
    color: #ddffd0;
    box-shadow: inset 0 1px #ffffff21, 0 0 14px #72ff4218;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions .join-gem {
    border: 2px solid #6eff45;
    box-shadow: inset 0 1px #ffffff30, 0 0 10px #66ff5775, 0 0 28px #58ff4d3a;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions .leaderboard-rules,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions .code-benefits {
    border-color: #8065a98c;
    color: #baff9a;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .copy-code b { color: var(--reaper-lime); }

#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr) minmax(0, 1fr);
    align-items: end;
    gap: clamp(14px, 3vw, 46px);
    width: min(100%, 1190px);
    margin: clamp(42px, 7vw, 94px) auto 56px;
    padding: 24px 0 28px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background:
        radial-gradient(ellipse at 50% 84%, #ffc64024 0, transparent 26%),
        radial-gradient(ellipse at 12% 84%, #916aff27 0, transparent 28%),
        radial-gradient(ellipse at 88% 84%, #ff8c4830 0, transparent 28%);
    box-shadow: none;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 2%; right: 2%; bottom: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #8a6dff98 22%, #72ff54 50%, #ffb05b 78%, transparent);
    box-shadow: 0 0 18px #68ff4c88;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card {
    --rank-color: #9d7cff;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: clamp(345px, 33vw, 475px);
    height: auto;
    margin: 0 0 19px;
    padding: 48px 15px 38px;
    overflow: visible;
    border: 1px solid #9e92ffad;
    border-top: 2px solid #d6cbff;
    border-radius: 42% 42% 18px 18px / 18% 18% 18px 18px;
    background:
        radial-gradient(ellipse at 50% 0%, #9073ff52 0, transparent 52%),
        linear-gradient(180deg, #100d1edb 0%, #0b0915f4 79%);
    box-shadow: 0 0 0 7px #9b7bff12, 0 0 28px #8e6aff58, 0 27px 0 -1px #21173e, 0 39px 0 -2px #100b1e, 0 48px 24px -6px #000c;
    backdrop-filter: blur(8px);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card::before {
    content: "♛  #2";
    position: absolute;
    top: -47px;
    left: 50%;
    display: grid;
    place-items: center;
    width: 96px;
    height: 61px;
    transform: translateX(-50%);
    border: 1px solid #d9d1ff;
    border-radius: 45% 45% 36% 36%;
    background: linear-gradient(180deg, #403560, #130f21);
    color: #e5e1ff;
    font-size: 23px;
    font-weight: 950;
    text-shadow: 0 0 14px #c9baff;
    box-shadow: 0 0 18px #a58bff8c, 0 8px 18px #0009;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.silver { --rank-color: #a99bff; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
    --rank-color: #ffd34e;
    min-height: clamp(400px, 38vw, 540px);
    margin-bottom: 30px;
    padding-top: 56px;
    border-color: #ffc642;
    border-top-color: #fff39c;
    border-radius: 43% 43% 20px 20px / 16% 16% 20px 20px;
    background: radial-gradient(ellipse at 50% 0, #ffce6361 0, transparent 49%), linear-gradient(180deg, #20162be8, #0c0913f8 78%);
    box-shadow: 0 0 0 8px #ffc74c17, 0 0 38px #ffce5e8a, 0 32px 0 -1px #61410e, 0 46px 0 -2px #261706, 0 54px 28px -6px #000d;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold::before {
    content: "♛  #1";
    top: -57px;
    width: 118px;
    height: 76px;
    border-color: #ffe78d;
    background: linear-gradient(180deg, #9b6b19, #291b0a);
    color: #fff2a2;
    font-size: 29px;
    box-shadow: 0 0 24px #ffd857a8, 0 8px 18px #0009;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze {
    --rank-color: #ff9959;
    border-color: #ffae77a8;
    border-top-color: #ffd0a1;
    background: radial-gradient(ellipse at 50% 0%, #ff92544a, transparent 52%), linear-gradient(180deg, #20131bdf, #0c0913f8 79%);
    box-shadow: 0 0 0 7px #ff9f5512, 0 0 28px #ff8d4f61, 0 27px 0 -1px #492518, 0 39px 0 -2px #1d0d08, 0 48px 24px -6px #000c;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze::before {
    content: "♛  #3";
    border-color: #ffc08f;
    background: linear-gradient(180deg, #764528, #1d100c);
    color: #ffe3c7;
    text-shadow: 0 0 14px #ffad73;
    box-shadow: 0 0 18px #ff9d628c, 0 8px 18px #0009;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar {
    border-radius: 16px;
    border-width: 2px;
    box-shadow: 0 0 20px color-mix(in srgb, var(--rank-color) 50%, transparent), 0 8px 22px #0009;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place {
    color: var(--rank-color);
    font-weight: 950;
    text-shadow: 0 0 12px color-mix(in srgb, var(--rank-color) 45%, transparent);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { color: var(--rank-color); }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::after,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table tbody td:last-child::after {
    background-image: url('reaper-winter-coin.webp');
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card::after { content: ""; opacity: 0; }

/* Use the supplied transparent trophy artwork as the actual top-three podiums. */
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card {
    isolation: isolate;
    min-height: clamp(390px, 34vw, 470px);
    padding: 0 12px;
    margin: 0 0 18px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
    min-height: clamp(430px, 38vw, 520px);
    margin-bottom: 28px;
    padding-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card::before,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold::before,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze::before {
    content: none;
    display: none;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card > .podium-art {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    width: 136%;
    height: 100%;
    max-width: none;
    object-fit: fill;
    transform: translateX(-50%);
    pointer-events: none;
    user-select: none;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card > :not(.podium-art) {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar {
    width: clamp(58px, 5.5vw, 82px);
    height: clamp(58px, 5.5vw, 82px);
    margin-top: clamp(88px, 34%, 140px);
    border-radius: 13px;
    box-shadow: 0 4px 16px #000b;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: clamp(88px, 34%, 140px); }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place {
    margin: 10px 0 7px;
    color: var(--rank-color);
    font-size: clamp(10px, .85vw, 14px);
    line-height: 1.25;
    text-align: center;
    text-shadow: 0 1px 4px #000, 0 0 8px #000;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
    max-width: 100%;
    color: #fff;
    font-size: clamp(13px, 1.15vw, 18px);
    line-height: 1.25;
    text-align: center;
    text-shadow: 0 1px 5px #000, 0 0 8px #000;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] {
    margin-top: 7px;
    color: #f4f3ff;
    text-shadow: 0 1px 4px #000, 0 0 8px #000;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before {
    color: #f1e8d5;
    text-shadow: 0 1px 4px #000;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
    margin-top: 4px;
    color: var(--rank-color);
    font-size: clamp(20px, 1.8vw, 29px);
    text-shadow: 0 1px 5px #000, 0 0 10px #000;
}

/* Keep the supplied portrait artwork proportional, with the race scene behind it. */
body.pp-root.reference-leaderboard:has(#leaderboard:is([data-provider="reaper"],[data-provider="chicken"])) {
    background-color: #090611 !important;
    background-image: linear-gradient(180deg, #08061035 0%, #0b0719a8 55%, #090611e8 100%), url('reaper-arena-background.webp') !important;
    background-size: cover !important;
    background-position: center top !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card {
    min-height: clamp(350px, 31vw, 440px);
    margin-bottom: 14px;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
    min-height: clamp(385px, 34vw, 475px);
    margin-bottom: 24px;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card > .podium-art {
    width: 118%;
    height: 100%;
    object-fit: contain;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
    margin-top: clamp(82px, 28%, 124px);
}
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage {
        gap: 3px;
        width: 100%;
        margin: 38px auto 30px;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
        height: 226px;
        min-height: 226px;
        margin: 0 0 8px;
        padding-inline: 2px;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 112%; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(32px, 10vw, 42px);
        height: clamp(32px, 10vw, 42px);
        margin-top: 58px;
        border-radius: 8px;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar span { font-size: 16px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place { margin: 4px 0 2px; font-size: clamp(6px, 1.8vw, 7px); letter-spacing: 0; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
        width: 100%;
        max-width: 100%;
        font-size: clamp(7px, 2.2vw, 9px);
        line-height: 1.05;
        overflow-wrap: anywhere;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 2px; font-size: 8px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before { font-size: 7px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin-top: 0; font-size: clamp(12px, 3.5vw, 16px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
        width: 120%;
        max-width: none;
        flex: 0 0 auto;
        transform: scaleX(.82);
        transform-origin: center top;
    }
}
@media (max-width: 380px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold { height: 210px; min-height: 210px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 52px; }
}

/* Final CS2Reaper sizing pass: double the previous mobile size increment and lift the stage with it. */
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card { min-height: clamp(390px, 36vw, 480px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { min-height: clamp(430px, 40vw, 540px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { transform: translateY(-40px); }
@media (max-width: 760px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage {
        width: calc(100% + 14px);
        margin: 0 0 32px -7px;
        gap: 3px;
        transform: translateY(-26px);
    }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 290px; min-height: 290px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.silver { transform: translateY(5px) scale(.98); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { transform: translateY(-5px) scale(1.06); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.bronze { transform: translateY(10px) scale(.94); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 145%; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 40px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 2px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { transform: translateY(-40px) scaleX(.89); }
}
@media (max-width: 380px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 270px; min-height: 270px; }
}

/* Roomier CS2Reaper podiums: lift the stage and keep reward text above the base. */
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card {
    min-height: clamp(370px, 33vw, 460px);
}
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold {
    min-height: clamp(410px, 36vw, 500px);
}
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art {
    width: 124%;
}
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
    margin-top: 1px;
    transform: translateY(-12px);
}
@media (max-width: 760px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage {
        width: calc(100% + 14px);
        margin: 26px 0 32px -7px;
        gap: 3px;
    }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold {
        height: 258px;
        min-height: 258px;
    }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.silver { transform: translateY(5px) scale(.98); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { transform: translateY(-5px) scale(1.06); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.bronze { transform: translateY(10px) scale(.94); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 118%; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(34px, 10vw, 45px);
        height: clamp(34px, 10vw, 45px);
        margin-top: 49px;
    }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .place { font-size: clamp(7px, 1.9vw, 8px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { font-size: clamp(8px, 2.45vw, 10px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 3px; font-size: clamp(8px, 2.3vw, 9.5px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before { font-size: 7.5px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { font-size: clamp(14px, 3.8vw, 18px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .place,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
        width: 112%;
        max-width: none;
        transform: scaleX(.89);
        transform-origin: center top;
    }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { transform: translateY(-20px) scaleX(.89); }
}
@media (max-width: 380px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 238px; min-height: 238px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 46px; }
}

/* Keep every provider's live podium text inside the artwork's inner panel. */
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card .place,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
    box-sizing: border-box;
    width: 88%;
    max-width: 100%;
    text-align: center;
    transform: none;
    overflow-wrap: anywhere;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card .place {
    margin: 4px 0 2px;
    font-size: clamp(7px, .82vw, 12px);
    line-height: 1.05;
    letter-spacing: .02em;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
    margin: 0 0 1px;
    padding: 0;
    font-size: clamp(7px, 1vw, 14px);
    line-height: 1.08;
    min-height: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] {
    margin: 3px 0 0;
    font-size: clamp(8px, .95vw, 13px);
    line-height: 1.05;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before {
    margin: 0 0 1px;
    font-size: clamp(7px, .68vw, 10px);
    line-height: 1;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
    margin: 1px 0 0;
    font-size: clamp(11px, 1.55vw, 21px);
    line-height: 1.05;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"],[data-provider="rain"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::after {
    width: clamp(9px, 1.15vw, 16px);
    height: clamp(9px, 1.15vw, 16px);
    margin-left: 2px;
    vertical-align: -.12em;
}

/* Chicken.gg has a separate 250-coin prize pool and currency artwork. */
#leaderboard[data-provider="chicken"] .lb-coin,
#leaderboard[data-provider="chicken"] .coin-inline,
#leaderboard[data-provider="chicken"] .top-card [id$='-price']::after,
#leaderboard[data-provider="chicken"] .leaderboard-table tbody td:last-child::after {
    background-image: url('chicken-coin.jpg') !important;
    background-size: 140% 190% !important;
    background-position: 60% 43% !important;
}
#leaderboard[data-provider="chicken"] .leaderboard-table tbody tr.no-prize td:last-child::after { display: none; content: none; }

/* Rain.gg uses the gold sparkle shown in its supplied currency reference. */
#leaderboard[data-provider="rain"] .lb-coin,
#leaderboard[data-provider="rain"] .coin-inline,
#leaderboard[data-provider="rain"] .top-card [id$='-price']::after,
#leaderboard[data-provider="rain"] .leaderboard-table tbody td:last-child::after {
    background-image: url('rain-coin.svg') !important;
    background-size: contain !important;
    background-position: center !important;
    filter: drop-shadow(0 2px 4px #0005) !important;
}

/* Rain uses the shared podium artwork too; keep it behind the card content so
   the portrait PNGs do not add their full image height to the cards. */
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage {
    width: 100%;
    max-width: min(100%, 1300px);
    gap: clamp(10px, 2vw, 30px);
    align-items: end;
    overflow: visible;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card,
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold {
    position: relative;
    height: clamp(330px, 27vw, 390px);
    min-height: 0;
    margin: 0 0 14px;
    overflow: visible;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold {
    height: clamp(355px, 29vw, 420px);
    margin-bottom: 24px;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    width: 118%;
    height: 100%;
    max-width: none;
    object-fit: contain;
    transform: translateX(-50%);
    pointer-events: none;
    user-select: none;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card > :not(.podium-art) {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .rank-avatar {
    width: clamp(48px, 5vw, 72px);
    height: clamp(48px, 5vw, 72px);
    margin-top: clamp(76px, 26%, 112px);
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
    margin-top: clamp(82px, 27%, 120px);
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .place,
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
    max-width: 100%;
    text-align: center;
    overflow-wrap: anywhere;
}
#leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
    line-height: 1.2;
}
@media (max-width: 760px) {
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr);
        gap: 3px;
        margin: 38px auto 30px;
    }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold {
        width: 100%;
        height: 226px;
        min-height: 226px;
        margin: 0 0 8px;
        padding: 0 2px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.silver { transform: translateY(7px) scale(.95); }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold { transform: translateY(-3px) scale(1.035); }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.bronze { transform: translateY(12px) scale(.91); }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 112%; height: 100%; }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(32px, 10vw, 42px);
        height: clamp(32px, 10vw, 42px);
        margin-top: 58px;
    }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .place { margin: 4px 0 2px; font-size: clamp(6px, 1.8vw, 7px); letter-spacing: 0; }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
        width: 100%;
        max-width: 100%;
        font-size: clamp(7px, 2.2vw, 9px);
        line-height: 1.05;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin: 2px 0 0; font-size: 8px; }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before { font-size: 7px; }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin-top: 0; font-size: clamp(12px, 3.5vw, 16px); }
}
@media (max-width: 380px) {
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 210px; min-height: 210px; }
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="rain"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 52px; }
}

/* Last layer: set podium depth after legacy responsive styles. */
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.silver {
    z-index: 2;
    transform: translateY(14px) scale(.93);
    transform-origin: center bottom;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
    z-index: 4;
    transform: translateY(-2px) scale(1.035);
    transform-origin: center bottom;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze {
    z-index: 1;
    transform: translateY(26px) scale(.87);
    transform-origin: center bottom;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage { gap: 1px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.silver { transform: translateY(7px) scale(.95); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold { transform: translateY(-3px) scale(1.035); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze { transform: translateY(12px) scale(.91); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(34px, 10vw, 45px);
        height: clamp(34px, 10vw, 45px);
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place { font-size: clamp(7px, 1.9vw, 8px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { font-size: clamp(8px, 2.35vw, 10px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { font-size: 8.5px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { font-size: clamp(13px, 3.8vw, 17px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
        width: 108%;
        transform: scaleX(.92);
        transform-origin: center top;
    }
}

/* Final podium depth and frame cleanup. */
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage {
    max-width: min(100%, 1300px);
    gap: clamp(12px, 2.5vw, 38px);
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.silver {
    z-index: 2;
    transform: translateY(14px) scale(.93);
    transform-origin: center bottom;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
    z-index: 4;
    transform: translateY(-2px) scale(1.035);
    transform-origin: center bottom;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze {
    z-index: 1;
    transform: translateY(26px) scale(.87);
    transform-origin: center bottom;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze > .podium-art {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage { gap: 1px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.silver {
        transform: translateY(7px) scale(.95);
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
        transform: translateY(-3px) scale(1.035);
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.bronze {
        transform: translateY(12px) scale(.91);
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(34px, 10vw, 45px);
        height: clamp(34px, 10vw, 45px);
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place { font-size: clamp(7px, 1.9vw, 8px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { font-size: clamp(8px, 2.35vw, 10px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { font-size: 8.5px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { font-size: clamp(13px, 3.8vw, 17px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
        width: 108%;
        transform: scaleX(.92);
        transform-origin: center top;
    }
}
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"],
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] {
        width: 120%;
        max-width: none;
        transform: scaleX(.82);
        transform-origin: center top;
    }
}

#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table { border-spacing: 0 8px; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table thead tr { background: #13101de8; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table th { color: #a8ff87; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table td {
    border-top: 1px solid #8e77bd2e;
    border-bottom: 1px solid #8e77bd2e;
    background: #171322f5;
}
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table tr:nth-child(even) td { background: #1e182bf5; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table td:first-child { background: #211a32; border-left-color: #9370ff55; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table td:last-child { color: #c9ff9a; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table th { text-transform: uppercase; letter-spacing: .08em; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-table tr:hover td { background: #29203c; }
#leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-update-label { color: #afff8c; }

@media (min-width: 1500px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage { max-width: 1290px; }
}
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) { padding-inline: 12px !important; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-provider-logo { width: min(230px, 58vw); max-height: 54px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) minmax(0, 1fr);
        gap: 7px;
        margin: 66px auto 42px;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
        min-height: 290px;
        height: auto;
        margin-bottom: 17px;
        padding: 36px 5px 25px;
        border-radius: 35% 35% 12px 12px / 12% 12% 12px 12px;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--rank-color) 10%, transparent), 0 14px 0 -1px color-mix(in srgb, var(--rank-color) 30%, #160e22), 0 23px 0 -2px #100b1e, 0 29px 18px -6px #000c;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold { min-height: 325px; margin-bottom: 26px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card::before { top: -34px; width: 56px; height: 40px; font-size: 14px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold::before { top: -42px; width: 66px; height: 48px; font-size: 17px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar { width: 48px; height: 48px; border-radius: 11px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place { font-size: 8px; letter-spacing: .02em; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { font-size: 11px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { font-size: 10px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { font-size: clamp(17px, 4.8vw, 23px); }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer.lb-timer { gap: 10px; padding: 12px; border-radius: 24px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) #timer .time-box { padding: 12px 3px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions { gap: 8px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions a,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .leaderboard-actions button { min-height: 40px; padding-inline: 11px; font-size: 11px; }
}
@media (max-width: 380px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold { min-height: 270px; padding-inline: 3px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar { width: 40px; height: 40px; }
}

/* Final mobile sizing overrides the older generic podium breakpoints above. */
@media (max-width: 760px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage { gap: 3px; margin: 38px auto 30px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold {
        width: 100%; height: 226px; min-height: 226px; margin: 0 0 8px; padding: 0 2px;
        border: 0; border-radius: 0; background: transparent; box-shadow: none;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 112%; height: 100%; object-fit: contain; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar {
        width: clamp(32px, 10vw, 42px); height: clamp(32px, 10vw, 42px); margin-top: 58px; border-radius: 8px;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar span { font-size: 16px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .place { margin: 4px 0 2px; font-size: clamp(6px, 1.8vw, 7px); letter-spacing: 0; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] {
        width: 100%; max-width: 100%; font-size: clamp(7px, 2.2vw, 9px); line-height: 1.05;
        overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
    }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin: 2px 0 0; font-size: 8px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"]::before,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"]::before { font-size: 7px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin-top: 0; font-size: clamp(12px, 3.5vw, 16px); }
}
@media (max-width: 380px) {
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold { height: 210px; min-height: 210px; }
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard:is([data-provider="reaper"],[data-provider="chicken"]) .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 52px; }
}

/* Final CS2Reaper mobile sizing pass: enlarge podium artwork and lift the stage with the size increase. */
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card { min-height: clamp(390px, 36vw, 480px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { min-height: clamp(430px, 40vw, 540px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { transform: translateY(-40px); }
@media (max-width: 760px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage { width: calc(100% + 14px); margin: 0 0 32px -7px; gap: 3px; transform: translateY(-26px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 290px; min-height: 290px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.silver { transform: translateY(5px) scale(.98); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { transform: translateY(-5px) scale(1.06); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.bronze { transform: translateY(10px) scale(.94); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 145%; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 40px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 2px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { transform: translateY(-40px) scaleX(.89); }
}
@media (max-width: 380px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold { height: 270px; min-height: 270px; }
}

/* Final CS2Reaper content layout: portrait, labels and reward flow down the whole podium. */
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { top: 0; left: 50%; width: 145%; height: 100%; object-fit: fill; transform: translateX(-50%); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar { margin-top: clamp(105px, 28%, 145px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: clamp(105px, 28%, 145px); }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card .place { margin: 5px 0 2px; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { margin: 0; width: 116%; max-width: none; transform: scaleX(.9); line-height: 1.1; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin: 5px 0 0; width: 116%; max-width: none; transform: scaleX(.9); line-height: 1.1; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin: auto 0 15%; width: 116%; max-width: none; transform: scaleX(.9); line-height: 1.05; }
@media (max-width: 760px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage { margin-top: 0; transform: translateY(-26px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card > .podium-art { width: 145%; height: 100%; object-fit: fill; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 76px; }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card .place { margin: 4px 0 2px; font-size: clamp(7px, 1.9vw, 8px); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"] { width: 116%; font-size: clamp(8px, 2.45vw, 10px); transform: scaleX(.9); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 4px; width: 116%; font-size: clamp(8px, 2.3vw, 10px); transform: scaleX(.9); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin: auto 0 15%; width: 116%; font-size: clamp(14px, 3.8vw, 18px); transform: scaleX(.9); }
}
@media (max-width: 380px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .rank-avatar,
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card.gold .rank-avatar { margin-top: 70px; }
}

/* Final spacing correction: keep every label within the dark inset panel and lift PRIZE off the base. */
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card .place { width: 108%; transform: scaleX(.9); transform-origin: center top; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { width: 108%; max-width: none; transform: scaleX(.9); transform-origin: center top; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { margin-top: 3px; }
#leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin: auto 0 45%; width: 108%; max-width: none; transform: scaleX(.9); transform-origin: center top; font-size: clamp(14px, 1.5vw, 22px); line-height: 1; }
@media (max-width: 760px) {
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card .place { width: 108%; transform: scaleX(.9); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-name"],
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-wager"] { width: 108%; max-width: none; transform: scaleX(.9); }
    #leaderboard[data-provider="reaper"] .top3-wrapper.reaper-podium-stage .top-card [id$="-price"] { margin: auto 0 55%; width: 108%; font-size: clamp(12px, 3.4vw, 16px); transform: scaleX(.9); }
}