/* Same table structure as Halloween, using the shared Originals site palette. */
#five:has(#leaderboard-500-preview) > div > img:is([src="/assets/images/500-left.png"], [src="/assets/images/500-right.png"]) { max-width: 100vw; }
.lb500-preview {
    --lb500-accent: var(--pink);
    --hw-bg: var(--bg);
    --hw-panel: var(--panel);
    --hw-line: var(--border);
    --hw-muted: var(--muted);
    --hw-orange: var(--lb500-accent);
    color: var(--text);
    margin-top: 64px;
    padding-block: 0 24px;
}
.lb500-preview .hw-board {
    background: var(--panel);
    border-color: var(--border);
    box-shadow: 0 18px 50px #0000001f, inset 0 1px rgba(var(--gge-ui-surface-ffffff-rgb, 255,255,255), 0.015686);
}
@supports ((backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px))) {
    .lb500-preview .hw-board {
        background: rgba(var(--gge-ui-surface-141721-rgb, 20,23,33), 72%);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
    }
}
.lb500-preview .hw-board-toolbar strong, .lb500-preview .hw-player-name { color: var(--text); }
.lb500-preview .hw-board-toolbar > div > span, .lb500-preview .hw-search { background: rgba(var(--gge-ui-surface-0c0d13-rgb, 12,13,19), 64%); color: var(--muted); border-color: var(--border); }
.lb500-preview .hw-board-toolbar > div > span { color: var(--lb500-accent); border-color: color-mix(in oklab, var(--lb500-accent) 16%, transparent); }
.lb500-preview .hw-search svg, .lb500-preview .hw-search input::placeholder { color: var(--muted); }
.lb500-preview .hw-search input { color: var(--text); }
.lb500-preview .hw-search:focus-within { border-color: var(--lb500-accent); }
.lb500-preview .hw-table th { background: rgba(var(--gge-ui-surface-0c0d13-rgb, 12,13,19), 70%); color: var(--muted); }
.lb500-preview .hw-table td { color: var(--text); border-color: var(--border); }
.lb500-preview .hw-table th:nth-child(1) { width: 8%; }
.lb500-preview .hw-table th:nth-child(2) { width: 44%; }
.lb500-preview .hw-table th:nth-child(3) { width: 28%; text-align: right; }
.lb500-preview .hw-table th:nth-child(4) { width: 20%; text-align: right; padding-right: 22px; }
.lb500-preview .hw-table td:nth-child(3) { text-align: right; white-space: nowrap; }
.lb500-preview .hw-table td:nth-child(4) { padding-right: 22px; }
.lb500-preview .hw-table :is(th,td):nth-child(3) { display: table-cell; }
.lb500-preview .hw-table .hw-multi { color: var(--text); }
.lb500-preview .hw-table .hw-prize { color: var(--lb500-accent); font-variant-numeric: tabular-nums; }
.lb500-preview .lb500-value {
    display: inline-block;
    min-width: 112px;
    padding: 6px 10px;
    border: 0;
    border-radius: 6px;
    background: var(--panel-alt);
    line-height: 1.25;
}
.lb500-preview .lb500-value-prize {
    min-width: 84px;
}
.lb500-preview .hw-multi .lb500-value { text-align: center; }
.lb500-preview .lb500-currency { color: var(--muted); font-weight: 500; margin-right: 3px; }
.lb500-preview .lb500-xp-unit { color: var(--muted); font-size: .65em; font-weight: 500; margin-right: 5px; }
.lb500-preview .lb500-no-prize { color: var(--muted); }
.lb500-preview .hw-table .hw-rank { color: var(--muted); background: var(--panel-alt); border-color: var(--border); }
.lb500-preview .hw-table .hw-rank-top { color: var(--lb500-accent); background: color-mix(in oklab, var(--lb500-accent) 12%, transparent); border-color: color-mix(in oklab, var(--lb500-accent) 28%, transparent); }
.lb500-preview .hw-avatar { object-fit: cover; border-color: var(--border); background: var(--panel-alt); }
.lb500-preview .lb500-player-row:not(.lb500-current-player):hover { background: color-mix(in oklab, var(--lb500-accent) 4%, transparent); }
.lb500-preview .lb500-current-player { background: color-mix(in oklab, var(--lb500-accent) 7%, transparent); }
.lb500-preview .lb500-current-player td:first-child { box-shadow: inset 3px 0 var(--lb500-accent); }
.lb500-preview .lb500-current-player .hw-rank { color: var(--lb500-accent); }
.lb500-preview .lb500-player-outside-top td { border-top: 1px dashed color-mix(in oklab, var(--lb500-accent) 35%, transparent); }
.lb500-preview .lb500-player-outside-top .hw-rank { width: auto; min-width: 25px; padding-inline: 2px; }
.lb500-player-label { display: flex; align-items: center; gap: 7px; }
.lb500-player-label .hw-player-name { min-width: 0; }
.lb500-you { color: var(--lb500-accent); font-size: 8px; flex-shrink: 0; }
.lb500-position { color: var(--lb500-accent); font-size: 9px; font-weight: 550; }
.lb500-preview-note { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; font-size: 9px; color: var(--lb500-accent); letter-spacing: .6px; }
.lb500-preview-note small { color: var(--muted); font-size: 9px; letter-spacing: 0; margin-left: 8px; }
.lb500-preview-note a { color: var(--muted); font-size: 10px; }
.lb500-preview-note a:hover { color: var(--text); }
.lb500-preview .lb500-toolbar-controls { display: flex; gap: 12px; flex-wrap: wrap; }
.lb500-units { display: flex; padding: 3px; gap: 3px; background: rgba(var(--gge-ui-surface-0c0d13-rgb, 12,13,19), 64%); border: 1px solid var(--border); border-radius: 5px; }
.lb500-units button { color: var(--muted); background: transparent; border: 0; border-radius: 3px; font-size: 9px; padding: 4px 8px; }
.lb500-units button[aria-pressed="true"] { color: var(--lb500-accent); background: color-mix(in oklab, var(--lb500-accent) 14%, transparent); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--lb500-accent) 30%, transparent); }
.lb500-units button:hover { color: var(--text); }
.lb500-preview .hw-empty, .lb500-preview .hw-board-footer { color: var(--muted); }
.lb500-preview .hw-board-footer { align-items: center; flex-wrap: wrap; }
.lb500-pagination { display: flex; gap: 12px; align-items: center; }
.lb500-pagination button { border: 1px solid var(--border); border-radius: 5px; padding: 5px 9px; background: var(--panel-alt); color: var(--text); font-size: 9px; }
.lb500-pagination button:hover:not(:disabled) { color: var(--lb500-accent); background: color-mix(in oklab, var(--lb500-accent) 8%, transparent); border-color: color-mix(in oklab, var(--lb500-accent) 35%, transparent); }
.lb500-pagination button:disabled { color: var(--muted); opacity: .5; cursor: default; }
.lb500-preview.lb500-winners-modal { margin: 0; padding: 0; }
.lb500-winners-modal .modal-dialog { width: calc(100% - 48px); max-width: 1040px; height: calc(100% - 48px); min-height: calc(100% - 48px); margin: 24px auto; }
.lb500-winners-modal .modal-content { color: var(--text); border-radius: 12px; box-shadow: 0 24px 90px #00000073; }
.lb500-winners-modal .modal-body { padding: 0; }
.lb500-winners-modal .modal-header, .lb500-winners-modal .modal-footer { border-color: var(--border); padding: 20px 22px; }
.lb500-winners-modal .lb500-winners-heading { align-items: flex-start; gap: 20px; text-align: left; }
.lb500-winners-kicker { color: var(--lb500-accent); font-size: 9px; font-weight: 550; letter-spacing: .9px; }
.lb500-winners-modal h2 { color: var(--text); font-size: 23px; font-weight: 650; margin-block: 8px 5px; }
.lb500-winners-heading p { color: var(--muted); font-size: 11px; }
.lb500-winners-heading .btn-close { margin: 0; padding: 10px; opacity: .65; flex-shrink: 0; }
.lb500-winners-heading .btn-close:hover { opacity: 1; }
.lb500-winners-modal .modal-footer { justify-content: space-between; color: var(--muted); font-size: 9px; padding-block: 14px; }
@media (max-width: 1199.98px) {
    #five:has(#leaderboard-500-preview) .col-xl-4:has(> .lead_3) { margin-top: 64px; }
}
@container (width < 650px) {
    .lb500-preview .hw-table th:nth-child(1) { width: 12%; }
    .lb500-preview .hw-table th:nth-child(2) { width: 30%; }
    .lb500-preview .hw-table th:nth-child(3) { width: 36%; }
    .lb500-preview .hw-table th:nth-child(4) { width: 22%; padding-right: 10px; }
    .lb500-preview .hw-table td:nth-child(4) { padding-right: 10px; }
    .lb500-preview .lb500-value { min-width: 0; padding: 4px; }
}
@media (max-width: 600px) {
    body:has(#leaderboard-500-preview) #FiveHead .headerText { font-size: clamp(28px, 8vw, 40px); overflow-wrap: anywhere; }
    .lb500-preview { margin-top: 48px; }
    .lb500-preview .hw-board-footer { align-items: flex-start; }
    .lb500-preview .lb500-toolbar-controls { gap: 8px; }
    .lb500-preview .hw-table .hw-multi { font-size: 11px; }
    .lb500-preview-note small { display: block; margin: 5px 0 0; }
    .lb500-winners-modal .modal-dialog { width: calc(100% - 24px); height: calc(100% - 24px); min-height: calc(100% - 24px); margin-block: 12px; }
    .lb500-winners-modal .modal-header, .lb500-winners-modal .modal-footer { padding-inline: 12px; }
    .lb500-winners-modal h2 { font-size: 20px; }
    .lb500-winners-kicker { font-size: 8px; letter-spacing: .5px; }
}