/* Homepage reference design. Game pages retain their existing theme. */
.reference-leaderboard .pp-header,
.reference-leaderboard #mobileMenu,
.reference-leaderboard #mobileMenuBackdrop,
.reference-leaderboard .leaderboard-race-switch {
    display: none !important;
}
.reference-leaderboard #leaderboard { padding-top: 28px !important; }
html { background: #0b1620; color-scheme: dark; scroll-behavior: smooth; }
body.pp-root.reference-leaderboard {
    --casino-purple: #e9b949;
    background: #0b1620 !important;
    color: #f5f5fa;
    font-family: Inter, 'Segoe UI', Arial, sans-serif;
    min-height: 100vh;
}
.reference-leaderboard::before, .reference-leaderboard::after, #particles { display: none !important; }
.reference-leaderboard .pp-header {
    position: relative; width: 100%; height: 64px; margin: 0;
    background: #0b1620; border: 0; box-shadow: none;
}
.reference-leaderboard .pp-header .pp-container {
    max-width: 1120px; height: 64px; margin: auto; padding: 0 24px;
    display: flex; justify-content: space-between; gap: 24px;
}
.reference-leaderboard .pp-logo-text { color: #f6f3ff; font-size: 23px; text-shadow: none; background: none; -webkit-text-fill-color: currentColor; }
.reference-leaderboard .pp-logo-plays { color: #e9b949; font-size: 16px; }
.reference-leaderboard .pp-nav { gap: 20px; }
.reference-leaderboard .pp-nav a { color: #8f9cad; font-size: 12px; font-weight: 700; border: 0; background: none; box-shadow: none; padding: 0; }
.reference-leaderboard .pp-nav a:hover { color: #ffe09a; }
.reference-leaderboard .pp-btn { background: #302718; border: 1px solid #8d682c; color: #fff0ca; border-radius: 9px; box-shadow: none; font-size: 12px; padding: 10px 15px; }
.reference-leaderboard #leaderboard {
    position: relative; width: min(100%, 1000px); max-width: 1000px;
    margin: 0 auto; padding: 0 24px 48px; border: 0; background: transparent;
    box-shadow: none; overflow: visible;
}
.reference-leaderboard .leaderboard-race-switch {
    display: flex; justify-content: center; gap: 8px; margin: 0 auto 18px;
    padding: 0; background: none; border: 0; box-shadow: none; max-width: 360px;
}
.reference-leaderboard .race-tab {
    display: flex; justify-content: center; gap: 8px; align-items: center;
    width: auto; min-width: 0; padding: 7px 12px; border-radius: 7px;
    color: #7f8a9e; background: transparent; border: 1px solid #202e40;
    box-shadow: none; font-size: 10px;
}
.reference-leaderboard .race-tab.active { background: #292317; color: #f5cc72; border-color: #88642c; box-shadow: none; }
.reference-leaderboard .race-tab { min-height: 32px; height: 32px; }
.reference-leaderboard .race-tab > span { font-size: 10px; font-weight: 800; letter-spacing: .5px; }
.reference-leaderboard .race-tab strong, .reference-leaderboard .race-tab small { display: none; }
.reference-leaderboard .lb-hero, .reference-leaderboard .daily-hero,
.reference-leaderboard .leaderboard-content, .reference-leaderboard .daily-leaderboard-panel {
    width: 100%; max-width: none; margin: 0; padding: 0;
    background: none; border: 0; border-radius: 0; box-shadow: none;
}
.reference-leaderboard .lb-hero::before, .reference-leaderboard .lb-hero::after { display: none; }
.reference-leaderboard .lb-hero-inner { position: relative; display: flex; flex-direction: column; align-items: center; max-width: none; padding: 0; text-align: center; }
.reference-leaderboard .lb-amount-wrapper { order: 0; margin: 0 0 20px; padding: 0; display: flex; justify-content: center; }
.reference-leaderboard .lb-main { display: flex; align-items: center; justify-content: center; gap: 8px; }
.reference-leaderboard .lb-amount { font-size: clamp(58px, 7vw, 84px); font-weight: 950; line-height: 1.1; letter-spacing: -4px; background: linear-gradient(180deg, #ffdc75 8%, #f7b336 55%, #ac5b16); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; filter: drop-shadow(0 4px 10px #f6aa1814); }
.reference-leaderboard .lb-coin { display: inline-block; width: 66px; height: 66px; background: url('coin.png') center / contain no-repeat; border: 0; box-shadow: none; border-radius: 50%; animation: none; transform: none; }
.reference-leaderboard .lb-coin::before, .reference-leaderboard .lb-coin::after { display: none; }
.reference-leaderboard .lb-hero-title { order: 1; position: relative; z-index: 1; font-size: clamp(40px, 6.3vw, 82px); line-height: 1.08; letter-spacing: -2.7px; font-weight: 950; margin: 0; text-transform: uppercase; background: linear-gradient(180deg, #ffdc75, #b77b20); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: none; }
.reference-leaderboard .lb-timer { order: 2; display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 23px; margin: 25px 0 29px; padding: 0; background: none; border: 0; box-shadow: none; }
.reference-leaderboard .time-box { display: flex; flex-direction: row; align-items: baseline; gap: 4px; width: auto; min-width: 0; height: auto; padding: 0; margin: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
.reference-leaderboard .time-box span { font-size: 20px; line-height: 1; font-weight: 900; color: #f8f8fc; font-variant-numeric: tabular-nums; text-shadow: none; }
.reference-leaderboard .time-box small { font-size: 12px; font-weight: 850; color: #f8f8fc; letter-spacing: 0; }
.leaderboard-actions { order: 3; position: relative; z-index: 1; display: flex; justify-content: center; flex-wrap: wrap; gap: 11px; width: 400px; max-width: 100%; }
.leaderboard-actions a, .leaderboard-actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 19px; border-radius: 10px; border: 1px solid #987132; background: linear-gradient(135deg,#49371b,#292116); color: #fff4d7; font: 800 13px 'Segoe UI', Arial, sans-serif; text-decoration: none; cursor: pointer; transition: border-color .2s, background .2s; }
.leaderboard-actions .copy-code { background: #203149; border-color: #2a3c57; color: #ffca32; }
.copy-code b, .copy-code > span:last-child { color: #ffe6a2; }
.leaderboard-actions .copy-code.copied { border-color: #e9b949; }
.gem-symbol { font-size: 24px; color: #e9b949; line-height: 1; }
.gem-wordmark { font-size: 9px; font-weight: 600; }
.leaderboard-actions .join-gem { background: #1c1f29; }
.empire-join-logo { display: block; width: clamp(120px, 10vw, 180px); height: auto; flex-shrink: 0; }
.leaderboard-actions .leaderboard-rules { min-height: 36px; padding: 0 18px; background: #203149; color: #f7d176; font-size: 12px; }
.leaderboard-actions a:hover, .leaderboard-actions button:hover { border-color: #ffdb83; background-color: #503b1c; }
.reference-leaderboard :focus-visible { outline: 2px solid #ffdc85; outline-offset: 4px; }
.hero-skins { position: absolute; inset: 0; pointer-events: none; }
.hero-skin { position: absolute; width: 125px; height: 125px; object-fit: contain; opacity: .72; filter: drop-shadow(0 0 18px #e9b94938); }
.skin-left-top { top: 38px; left: 5px; transform: rotate(-27deg); }
.skin-left-bottom { top: 164px; left: -28px; transform: rotate(-18deg); }
.skin-right-top { top: 17px; right: -2px; transform: rotate(25deg); }
.skin-right-bottom { top: 160px; right: -26px; transform: rotate(14deg); }
.reference-leaderboard .leaderboard-update-label, .reference-leaderboard .live-activity-bar { display: none; }
.reference-leaderboard .top3-wrapper { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: end; width: 100%; max-width: 900px; min-height: 0; margin: 48px auto 50px; padding: 0; gap: 24px; overflow: visible; border: 0; border-radius: 0; background: none; box-shadow: none; }
.reference-leaderboard .top3-wrapper::after { display: none; }
.reference-leaderboard .top3-wrapper .top-card { --rank-color: #b9bec5; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; min-height: 280px; height: 280px; margin: 0; padding: 25px 14px 24px; border: 1px solid #ffffff07; border-top: 2px solid var(--rank-color); border-radius: 15px; background: linear-gradient(180deg, #b6bcc51f, #0b162000); color: #f6f7fb; box-shadow: none; backdrop-filter: none; transform: none; animation: none; overflow: hidden; }
.reference-leaderboard .top3-wrapper .top-card.gold { --rank-color: #ffbd18; height: 321px; min-height: 321px; margin-bottom: 12px; background: linear-gradient(180deg, #ecb72d24, #0b162000); box-shadow: none; transform: none; }
.reference-leaderboard .top3-wrapper .top-card.bronze { --rank-color: #d68c42; background: linear-gradient(180deg, #d68c421f, #0b162000); }
.rank-avatar { display: grid; place-items: center; flex-shrink: 0; width: 79px; height: 79px; border: 1px solid var(--rank-color); border-radius: 13px; color: #d8e7f5; background: radial-gradient(circle at 30% 20%, #ffffff25, transparent 70%), linear-gradient(135deg,#36415c,#182137); overflow: hidden; }
.rank-avatar span { font-size: 35px; font-weight: 900; text-shadow: 0 3px 16px #0005; }
.gold .rank-avatar { background: radial-gradient(circle at 25% 10%, #82dcff70, transparent 70%), linear-gradient(135deg,#305b81,#193b5c); }
.bronze .rank-avatar { background: radial-gradient(circle at 25% 10%, #dca56c60, transparent 70%), linear-gradient(135deg,#6b5033,#352c20); }
.reference-leaderboard .top-card .place { color: var(--rank-color); margin: 7px 0 9px; font-size: 12px; line-height: 1.3; font-weight: 900; letter-spacing: .6px; text-shadow: none; }
.reference-leaderboard .top-card.gold .place { margin-top: 15px; margin-bottom: 18px; }
.reference-leaderboard .top-card [id$='-name'] { font-size: 18px; line-height: 1.3; font-weight: 850; margin: 0 0 10px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.reference-leaderboard .top-card .profile-badge { display: none; }
.reference-leaderboard .top-card .player-name-wrap { display: block; }
.reference-leaderboard .top-card [id$='-wager'] { display: block; font-size: 14px; font-weight: 800; line-height: 1.5; color: #c3ccd8; margin: 0 0 6px; }
.reference-leaderboard .top-card [id$='-wager']::before { content: 'WAGERED'; display: block; color: #687a94; font-size: 9px; font-weight: 800; letter-spacing: .4px; margin-bottom: 2px; }
.reference-leaderboard .top-card [id$='-price'] { font-size: 25px; font-weight: 950; line-height: 1.35; color: #f8f9fd; margin: 0; text-shadow: none; }
.reference-leaderboard .top-card [id$='-price']::before { content: 'PRIZE'; display: block; color: #687a94; font-size: 9px; font-weight: 800; letter-spacing: .4px; margin-bottom: 2px; }
.reference-leaderboard .top-card [id$='-price']::after { content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url('coin.png') center / contain no-repeat; vertical-align: -1px; }
.reference-leaderboard .coin-inline { display: inline-block; width: 14px; height: 14px; background: url('coin.png') center / contain no-repeat; vertical-align: -2px; border: 0; box-shadow: none; }
.reference-leaderboard .leaderboard-table { width: 100%; max-width: 900px; table-layout: fixed; border-collapse: separate; border-spacing: 0 9px; margin: 0 auto; background: none; border: 0; box-shadow: none; }
.reference-leaderboard .leaderboard-table th { background: none; border: 0; padding: 9px 20px; color: #e9b949; font-size: 12px; text-transform: uppercase; font-weight: 800; letter-spacing: .5px; text-align: left; }
.reference-leaderboard .leaderboard-table thead tr { background: transparent; }
.reference-leaderboard .leaderboard-table th:first-child, .reference-leaderboard .leaderboard-table td:first-child { width: 13%; }
.reference-leaderboard .leaderboard-table th:nth-child(2), .reference-leaderboard .leaderboard-table td:nth-child(2) { width: 36%; }
.reference-leaderboard .leaderboard-table th:nth-child(3), .reference-leaderboard .leaderboard-table td:nth-child(3) { width: 29%; }
.reference-leaderboard .leaderboard-table th:last-child, .reference-leaderboard .leaderboard-table td:last-child { width: 22%; text-align: right; }
.reference-leaderboard .leaderboard-table td { border: 0; padding: 19px 20px; background: #172537; color: #d4dbe6; text-align: left; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.reference-leaderboard .leaderboard-table td:first-child { border-radius: 11px 0 0 11px; color: #f3cd77; background: #302719; }
.reference-leaderboard .leaderboard-table td:last-child { border-radius: 0 11px 11px 0; color: #f5c65c; }
.reference-leaderboard .leaderboard-table tr:hover td { background: #24314a; }
.reference-leaderboard .daily-tools { margin: 5px 0 22px; display: flex; justify-content: flex-end; }
.reference-leaderboard .previous-winners-btn { background: #203149; color: #f3cd77; border: 1px solid #8d682c; border-radius: 8px; padding: 8px 12px; }
.reference-leaderboard .daily-hero { display: flex; flex-direction: column; align-items: center; }
.reference-leaderboard .daily-hero .lb-hero-title { font-size: clamp(28px, 5vw, 62px); }
.reference-leaderboard .daily-hero .lb-hero-sub { order: 2; color: #8b98ad; font-size: 13px; margin: 15px 0 0; }
.reference-leaderboard .daily-extra-cards { display: flex; justify-content: center; gap: 20px; }
.reference-leaderboard .daily-rank-card { background: #172537; border: 1px solid #2a3449; }
.reference-leaderboard #affiliates { max-width: 950px; padding: 28px 24px; margin: 0 auto; }
.reference-leaderboard .affiliate-panel { padding: 24px; background: #111e2d; border: 1px solid #263247; border-radius: 13px; box-shadow: none; clip-path: none; }
.reference-leaderboard .affiliate-panel h2 { font-size: 22px; text-transform: none; }
.reference-leaderboard .affiliate-panel h2 span, .reference-leaderboard .pp-kicker { color: #f3cd77; }
.reference-leaderboard .affiliate-panel p { color: #8390a2; font-size: 12px; }
.reference-leaderboard .pp-footer { background: transparent; border-color: #1d2938; padding: 30px 24px; margin-top: 30px; }
.reference-leaderboard .pp-footnote { color: #78869a; font-size: 11px; }
.rules-dialog { position: fixed; inset: 0; margin: auto; width: min(480px, calc(100% - 32px)); max-height: 85vh; padding: 32px; background: #142132; border: 1px solid #8d682c; border-radius: 16px; color: #b8c4d6; box-shadow: 0 24px 90px #0009; font: 14px/1.7 'Segoe UI',sans-serif; }
.rules-dialog::backdrop { background: #050b14c9; backdrop-filter: blur(5px); }
.rules-dialog h2 { color: white; font-size: 25px; margin: 8px 0 18px; }
.rules-dialog p { margin-bottom: 14px; }
.rules-dialog a, .rules-eyebrow { color: #f3cd77; }
.rules-eyebrow { font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.rules-close { position: absolute; top: 12px; right: 16px; border: 0; background: none; color: #ddc591; font-size: 26px; cursor: pointer; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.reference-leaderboard .is-hidden { display: none !important; }
@media (max-width: 760px) {
    .reference-leaderboard .pp-header .pp-container { padding: 0 16px; }
    .reference-leaderboard .pp-nav { display: flex; }
    .reference-leaderboard .pp-nav > a, .reference-leaderboard #loginBtn { display: none; }
    .reference-leaderboard .mobile-menu-btn { display: block; color: #f5cc72; border: 1px solid #987132; border-radius: 7px; background: #302719; padding: 6px 12px; font-size: 20px; }
    .reference-leaderboard #leaderboard { padding: 8px 16px 24px; }
    .reference-leaderboard .lb-hero-title { letter-spacing: -1.5px; }
    .hero-skin { width: 76px; height: 76px; opacity: .35; }
    .skin-left-top { top: 20px; left: -12px; }
    .skin-right-top { top: 22px; right: -10px; }
    .skin-left-bottom, .skin-right-bottom { display: none; }
    .reference-leaderboard .lb-timer { gap: 12px; margin-top: 23px; }
    .reference-leaderboard .time-box span { font-size: 17px; }
    .reference-leaderboard .time-box small { font-size: 9px; }
    .reference-leaderboard .top3-wrapper { gap: 10px; margin: 38px 0 28px; }
    .reference-leaderboard .top3-wrapper .top-card { min-height: 250px; height: 250px; padding: 18px 5px 14px; }
    .reference-leaderboard .top3-wrapper .top-card.gold { min-height: 280px; height: 280px; margin-bottom: 10px; }
    .rank-avatar { width: 60px; height: 60px; border-radius: 10px; }
    .reference-leaderboard .top-card .place { font-size: 9px; }
    .reference-leaderboard .top-card [id$='-name'] { font-size: 13px; }
    .reference-leaderboard .top-card [id$='-wager'] { font-size: 11px; }
    .reference-leaderboard .top-card [id$='-price'] { font-size: 21px; }
    .reference-leaderboard .leaderboard-table th, .reference-leaderboard .leaderboard-table td { padding: 14px 8px; font-size: 10px; letter-spacing: 0; }
    .reference-leaderboard .leaderboard-table .profile-badge { display: none; }
    .reference-leaderboard .affiliate-panel { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 380px) {
    .reference-leaderboard .lb-hero-title { font-size: 34px; }
    .reference-leaderboard .lb-coin { width: 48px; height: 48px; }
    .leaderboard-actions { gap: 8px; }
    .leaderboard-actions a, .leaderboard-actions button { padding: 0 12px; font-size: 11px; }
    .reference-leaderboard .top3-wrapper { gap: 6px; }
    .rank-avatar { width: 50px; height: 50px; }
}
/* Use the available screen width instead of a fixed centre column. */
.reference-leaderboard #leaderboard {
    width: 100%;
    max-width: none;
    padding-right: clamp(16px, 4vw, 100px);
    padding-left: clamp(16px, 4vw, 100px);
}
.reference-leaderboard .top3-wrapper,
.reference-leaderboard .leaderboard-table { max-width: none; }
.reference-leaderboard #affiliates { width: 100%; max-width: none; padding-right: clamp(16px, 4vw, 100px); padding-left: clamp(16px, 4vw, 100px); }
@media (min-width: 1024px) {
    .reference-leaderboard #leaderboard { padding-top: clamp(28px, 3vw, 64px) !important; }
    .reference-leaderboard .lb-amount { font-size: clamp(84px, 7vw, 160px); }
    .reference-leaderboard .lb-coin { width: clamp(66px, 5.5vw, 120px); height: clamp(66px, 5.5vw, 120px); }
    .reference-leaderboard .lb-hero-title { font-size: clamp(82px, 7.5vw, 180px); }
    .reference-leaderboard .lb-timer { gap: clamp(23px, 2vw, 48px); margin: 30px 0 32px; }
    .reference-leaderboard .time-box span { font-size: clamp(20px, 1.7vw, 36px); }
    .reference-leaderboard .time-box small { font-size: clamp(12px, .95vw, 20px); }
    .leaderboard-actions { width: clamp(400px, 34vw, 700px); gap: 14px; }
    .leaderboard-actions a, .leaderboard-actions button { min-height: clamp(44px, 3.5vw, 66px); padding: 0 24px; font-size: clamp(13px, 1.1vw, 22px); }
    .gem-wordmark { font-size: clamp(9px, .75vw, 15px); }
    .leaderboard-actions .leaderboard-rules { min-height: clamp(36px, 2.8vw, 54px); font-size: clamp(12px, 1vw, 20px); }
    .hero-skin { width: clamp(125px, 13vw, 270px); height: clamp(125px, 13vw, 270px); }
    .skin-left-top { left: 8%; top: 20px; }
    .skin-left-bottom { left: 3%; top: 47%; }
    .skin-right-top { right: 8%; top: 5px; }
    .skin-right-bottom { right: 3%; top: 47%; }
    .reference-leaderboard .top3-wrapper { gap: clamp(24px, 3vw, 64px); margin: clamp(48px, 4vw, 80px) auto 50px; }
    .reference-leaderboard .top3-wrapper .top-card { height: clamp(320px, 24vw, 480px); min-height: 320px; padding: clamp(25px, 2.4vw, 46px) 20px; }
    .reference-leaderboard .top3-wrapper .top-card.gold { height: clamp(370px, 28vw, 560px); min-height: 370px; }
    .reference-leaderboard .rank-avatar { width: clamp(90px, 7.5vw, 150px); height: clamp(90px, 7.5vw, 150px); border-radius: 16px; }
    .reference-leaderboard .rank-avatar span { font-size: clamp(40px, 3.5vw, 70px); }
    .reference-leaderboard .top-card .place { font-size: clamp(12px, 1vw, 20px); margin-top: 12px; }
    .reference-leaderboard .top-card [id$='-name'] { font-size: clamp(20px, 1.7vw, 36px); }
    .reference-leaderboard .top-card [id$='-wager'] { font-size: clamp(15px, 1.2vw, 26px); }
    .reference-leaderboard .top-card [id$='-price'] { font-size: clamp(28px, 2.4vw, 48px); }
    .reference-leaderboard .top-card [id$='-wager']::before,
    .reference-leaderboard .top-card [id$='-price']::before { font-size: clamp(10px, .7vw, 15px); }
    .reference-leaderboard .leaderboard-table th { font-size: clamp(12px, 1vw, 22px); padding: 14px 24px; }
    .reference-leaderboard .leaderboard-table td { font-size: clamp(14px, 1.1vw, 24px); padding: clamp(19px, 1.6vw, 32px) 24px; }
    .reference-leaderboard .affiliate-panel { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reference-leaderboard *, .reference-leaderboard *::before, .reference-leaderboard *::after { animation: none !important; transition: none !important; }
}

/* Gold action buttons and interaction states. */
.reference-leaderboard .leaderboard-actions a,
.reference-leaderboard .leaderboard-actions button,
.reference-leaderboard .pp-btn,
.reference-leaderboard .previous-winners-btn {
    background: linear-gradient(145deg, #f8d77d, #d69d35);
    border-color: #f1c660;
    color: #2b1d08;
}
.reference-leaderboard .copy-code b,
.reference-leaderboard .copy-code > span:last-child { color: #5c390b; }
.reference-leaderboard .leaderboard-actions a:hover,
.reference-leaderboard .leaderboard-actions button:hover,
.reference-leaderboard .pp-btn:hover,
.reference-leaderboard .previous-winners-btn:hover {
    background: linear-gradient(145deg, #ffe8a3, #e9b94e);
    border-color: #ffe3a0;
    color: #2b1d08;
}
.reference-leaderboard .empire-join-logo { border-radius: 0; filter: drop-shadow(0 1px 1px #0008); }

/* Let podium content determine height; fixed heights compressed player names. */
.reference-leaderboard .top3-wrapper .top-card {
    height: auto;
    min-height: 290px;
}
.reference-leaderboard .top3-wrapper .top-card.gold {
    height: auto;
    min-height: 335px;
}
.reference-leaderboard .top3-wrapper .top-card > * { flex-shrink: 0; }
.reference-leaderboard .top3-wrapper .top-card [id$='-name'] {
    width: 100%;
    min-height: 1.4em;
    padding: 2px 0;
    line-height: 1.4;
    overflow: visible;
    overflow-wrap: anywhere;
    white-space: normal;
    text-overflow: clip;
}
.reference-leaderboard .top-card [id$='-wager']::before,
.reference-leaderboard .top-card [id$='-price']::before { color: #a8b7cb; }
.reference-leaderboard .top-card [id$='-wager'] { color: #e1e8f2; }
@media (min-width: 1024px) {
    .reference-leaderboard .top3-wrapper .top-card { min-height: clamp(390px, 28vw, 590px); }
    .reference-leaderboard .top3-wrapper .top-card.gold { min-height: clamp(440px, 32vw, 670px); }
    .reference-leaderboard .top-card [id$='-wager']::before,
    .reference-leaderboard .top-card [id$='-price']::before { font-size: clamp(12px, .85vw, 18px); }
}
@media (max-width: 760px) {
    .reference-leaderboard .top3-wrapper .top-card { min-height: 270px; }
    .reference-leaderboard .top3-wrapper .top-card.gold { min-height: 300px; }
    .reference-leaderboard .top-card [id$='-wager']::before,
    .reference-leaderboard .top-card [id$='-price']::before { font-size: 10px; }
}