/* Ranking page: the same warm, restrained palette as the statistics page. */
#leaderboard { overflow:auto; background:radial-gradient(ellipse at 50% 0%, #262116 0, #100f0c 40%, #080807 100%); }
#leaderboard [hidden] { display:none !important; }
#leaderboard .infoMulti, #leaderboard .panel_status, #leaderboard .panel_multi_body { height:auto; min-height:0; }
#leaderboard .panel_status { text-align:left; }
.leaderboard-shell { box-sizing:border-box; width:100%; max-width:1280px; margin:0 auto; padding:40px 38px 70px; }
.leaderboard-header { display:flex; justify-content:space-between; align-items:end; gap:20px; flex-wrap:wrap; padding-bottom:22px; border-bottom:1px solid #544a35; }
#leaderboard .leaderboard-eyebrow { margin:0 0 10px; color:#a38a5d; font-size:18px; letter-spacing:.18em; text-align:left; }
.leaderboard-header h1 { margin:0; color:#f0e2c7; font-size:42px; line-height:1.1; font-weight:normal; }
#leaderboard .leaderboard-intro { width:auto; margin:12px 0 0; color:#c9bba2; font-size:18px; line-height:1.4; text-align:left; }
#leaderboard .leaderboard-moderation { margin:20px 0; padding:16px 18px; border:1px solid rgba(205,171,111,.28); background:rgba(60,46,26,.25); }
#leaderboard .leaderboard-moderation p { width:auto; margin:0 0 10px; color:#e8d6b5; font-size:18px; line-height:1.45; text-align:start; overflow-wrap:anywhere; }
#leaderboard .leaderboard-moderation a { display:inline-block; color:#f2d7a0; font-size:18px; line-height:1.45; text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
#leaderboard_refresh { margin:0; padding:10px 18px; min-height:44px; color:#e8d5ad; background:#191711; border:1px solid #766542; font-size:18px; cursor:pointer; }
#leaderboard_refresh:hover, #leaderboard_refresh:focus-visible { color:#fff0d3; border-color:#d4bd8f; outline-offset:3px; }
#leaderboard_refresh:disabled { opacity:.55; cursor:wait; }
#leaderboard .leaderboard-status { width:auto; margin:20px 0 0; padding:14px 18px; border:1px solid rgba(205,171,111,.28); background:rgba(60,46,26,.35); color:#e8d6b5; font-size:18px; line-height:1.4; text-align:left; }
.leaderboard-status[hidden] { display:none; }
#leaderboard .panel_multi { width:100%; overflow:visible; }
#leaderboard .leaderboard-table-wrap { box-sizing:border-box; width:100%; height:auto; margin-top:24px; overflow-x:auto; }
#leaderboard .dataTables_wrapper { width:100%; height:auto; color:#d8cdbb; font-size:18px; }
#leaderboard .dataTables_length, #leaderboard .dataTables_filter, #leaderboard .dataTables_info, #leaderboard .dataTables_paginate { margin:0 0 18px; color:#d8cdbb; }
#leaderboard .dataTables_filter input, #leaderboard .dataTables_length select { box-sizing:border-box; min-height:38px; padding:6px 9px; color:#f0e2c7; background:#17150f; border:1px solid #65583e; font:inherit; }
#leaderboard table.dataTable { min-width:1000px; height:auto; border-collapse:collapse !important; margin:8px 0 18px !important; }
#leaderboard table.dataTable thead th { padding:13px 26px 13px 10px; color:#d9c49d; background-color:#1d1a14; border-bottom:1px solid #665538; font-size:18px; white-space:nowrap; }
#leaderboard table.dataTable tbody td { padding:12px 10px; color:#eee1c9; background:#11100d; border-bottom:1px solid rgba(212,189,143,.12); box-shadow:none; font-size:18px; text-align:center; }
#leaderboard table.dataTable tbody tr:nth-child(even) td { background:#181610; }
#leaderboard table.dataTable tbody tr:hover td { background:#282318 !important; }
#leaderboard table.dataTable tbody td:nth-child(3) { text-align:left; overflow-wrap:anywhere; }
#leaderboard table.dataTable tbody td:first-child { color:#e5c990; }
#leaderboard table.dataTable tbody img { display:block; width:48px; max-width:48px; max-height:48px; object-fit:contain; margin:0 auto; }
#leaderboard table.dataTable tbody td:nth-child(4) img { width:54px; max-width:54px; height:54px; object-fit:cover; border:1px solid #665538; }
#leaderboard table.dataTable .fakeImageuser { box-sizing:border-box; width:54px; min-height:54px; margin:0 auto; padding:14px; color:#c2aa7d; border:1px solid #665538; }
#leaderboard .dataTables_paginate .paginate_button { color:#d8cdbb !important; }
@media (max-width:1100px) { .leaderboard-shell { padding:32px 22px 50px; } }
@media (max-width:760px) { .leaderboard-header h1 { font-size:36px; } }

/* A player card shares the capture viewer's dark backdrop. */
#table_multi_processing > div:last-child > div { background:#c6a367; }

#leaderboard table.dataTable tbody tr[tabindex] { cursor:pointer; }
#leaderboard table.dataTable tbody tr[tabindex]:focus-visible { outline:2px solid #e1c487; outline-offset:-2px; }
.leaderboard-player-dialog { box-sizing:border-box; width:min(1020px, calc(100vw - 16px)); max-width:none; max-height:calc(100vh - 32px); padding:0; overflow:visible; color:#e8dfcd; border:0; background:transparent; box-shadow:none; }
.leaderboard-player-dialog::backdrop { background:rgba(0,0,0,.82); }
.leaderboard-player-card { position:relative; box-sizing:border-box; max-height:calc(100vh - 32px); margin:0 50px; padding:34px; overflow:auto; border:1px solid #76613d; background:radial-gradient(ellipse at 15% 0%, #292319, #100f0c 60%); box-shadow:0 16px 70px rgba(0,0,0,.7); }
.leaderboard-player-dialog .leaderboard-player-close { position:absolute; z-index:2; right:53px; top:3px; width:44px; height:44px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#e1c487; font-size:30px; line-height:1; cursor:pointer; }
.leaderboard-player-dialog .leaderboard-player-close:hover { color:#fff; background:transparent; box-shadow:none; }
.leaderboard-player-close:focus-visible, .leaderboard-player-nav:focus-visible { outline:2px solid #e1c487; outline-offset:2px; }
.leaderboard-player-dialog .leaderboard-player-nav { position:absolute; top:50%; z-index:2; width:44px; height:58px; padding:0; transform:translateY(-50%); border:0; border-radius:0; background:transparent; box-shadow:none; color:#f2dfb6; font-size:40px; line-height:1; cursor:pointer; }
.leaderboard-player-dialog .leaderboard-player-prev { left:0; }
.leaderboard-player-dialog .leaderboard-player-next { right:0; }
.leaderboard-player-dialog .leaderboard-player-nav:hover:not(:disabled) { color:#fff; background:transparent; box-shadow:none; }
.leaderboard-player-dialog .leaderboard-player-nav:disabled { opacity:.35; cursor:default; }
.leaderboard-player-identity { display:grid; grid-template-columns:minmax(180px, 260px) minmax(0, 1fr); gap:28px; align-items:center; padding:18px 40px 28px 0; border-bottom:1px solid #544a35; }
.leaderboard-player-portrait { display:grid; place-items:center; box-sizing:border-box; min-height:220px; aspect-ratio:1; overflow:hidden; border:1px solid #76613d; background:#080807; color:#c9bba2; font-size:18px; text-align:center; }
.leaderboard-player-portrait img { display:block; width:100%; height:100%; max-height:300px; object-fit:contain; }
.leaderboard-player-portrait img[hidden] { display:none; }
.leaderboard-player-eyebrow { margin:0 0 10px; color:#a38a5d; font-size:18px; letter-spacing:.16em; }
.leaderboard-player-heading h2 { margin:0; color:#f0e2c7; font-size:36px; font-weight:normal; overflow-wrap:anywhere; }
.leaderboard-player-meta { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:18px; color:#c9bba2; font-size:18px; }
.leaderboard-player-meta strong { color:#f0dfbd; font-weight:normal; }
.leaderboard-player-stats h3 { margin:25px 0 16px; color:#d4bd8f; font-size:22px; font-weight:normal; }
.leaderboard-player-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.leaderboard-player-grid > div { box-sizing:border-box; min-width:0; padding:14px; border:1px solid rgba(201,174,119,.22); background:rgba(15,14,12,.82); }
.leaderboard-player-grid span, .leaderboard-player-grid strong { display:block; font-size:18px; line-height:1.35; overflow-wrap:anywhere; }
.leaderboard-player-grid span { color:#c9bba2; }
.leaderboard-player-grid strong { margin-top:7px; color:#fff0d3; font-size:23px; font-weight:normal; }
@media (max-width:600px) {
    .leaderboard-player-card { margin:0 30px; padding:20px; }
    .leaderboard-player-dialog .leaderboard-player-close { right:33px; }
    .leaderboard-player-dialog .leaderboard-player-nav { width:30px; }
    .leaderboard-player-identity { grid-template-columns:1fr; gap:18px; padding:32px 0 22px; }
    .leaderboard-player-portrait { width:min(100%, 260px); min-height:180px; margin:auto; }
    .leaderboard-player-heading h2 { font-size:30px; }
    .leaderboard-player-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* DataTables must not reset the select's layered background or its arrow. */
#leaderboard .dataTables_wrapper .dataTables_length select {
    appearance:none; -webkit-appearance:none; box-sizing:border-box;
    width:auto; min-width:96px; min-height:42px; padding:8px 38px 8px 12px;
    border:1px solid #806b45; border-radius:2px; color:#f0e1c4;
    font-size:18px; line-height:1.2;
    background-color:#181510;
    background-image:linear-gradient(45deg,transparent 50%,#d3b77d 50%),
        linear-gradient(135deg,#d3b77d 50%,transparent 50%),
        linear-gradient(#5c503b,#5c503b),url("settings-field-texture.png") !important;
    background-position:right 16px center,right 11px center,right 32px center,center;
    background-size:5px 5px,5px 5px,1px 20px,cover; background-repeat:no-repeat;
}

#leaderboard .dataTables_filter input[type="search"] {
    box-sizing:border-box; min-height:42px; max-width:100%; padding:8px 12px;
    border:1px solid #806b45; border-radius:2px; color:#f0e1c4;
    background-color:#181510; background-image:url("settings-field-texture.png") !important;
    background-position:center; background-size:cover;
    box-shadow:inset 0 0 10px rgba(0,0,0,.45); font-size:18px;
}
/* The site keeps its three mode buttons while reusing the tracker table. */
#leaderboard .leaderboard-shell { max-width:1280px; padding:0; }
#leaderboard .leaderboard-header h1 { font-family:Agmena,Georgia,serif; text-transform:none; }
#leaderboard .mode-tabs { margin-top:20px; }
#leaderboard .leaderboard-status[hidden] { display:none; }
#leaderboard table.dataTable .fakeImageuser { background:#17140f url('default-profile-silhouette.png') center / cover no-repeat; color:transparent; font-size:0; }
#leaderboard .dataTables_wrapper select, #leaderboard .dataTables_wrapper input { font-family:Agmena,Georgia,serif; }
@media(max-width:600px) { #leaderboard .dataTables_filter input { max-width:100%; } }
/* The tracker uses the additional cell shading from statistique.css. */
#leaderboard table.dataTable tbody tr:nth-child(odd) td:nth-child(2n+3) { background-color:#0a0a0a; }
#leaderboard table.dataTable tbody tr.odd td { box-shadow:inset 0 0 0 9999px rgba(0,0,0,.024); }
#leaderboard table.dataTable tbody tr.odd td.sorting_1 { box-shadow:inset 0 0 0 9999px rgba(0,0,0,.055); }
#leaderboard table.dataTable tbody tr.even td.sorting_1 { box-shadow:inset 0 0 0 9999px rgba(0,0,0,.02); }
/* Interactive effects shared with the tracker's ranking table. */
#leaderboard .panel_multi table tbody tr img { transition:all .5s; }
#leaderboard .panel_multi table tbody tr:hover img { filter:drop-shadow(#a07e40 0 0 10px); }
#leaderboard :is(#leaderboard_refresh, .mode-tabs button, .dataTables_paginate .paginate_button) {
  background-image:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.42)),url('settings-button-texture.png') !important;
  background-size:cover; background-position:center;
}
#leaderboard :is(#leaderboard_refresh, .mode-tabs button, .dataTables_paginate .paginate_button):hover:not(:disabled):not(.disabled) { border-color:#e1c487; filter:brightness(1.12); }
#leaderboard #leaderboard_refresh { box-shadow:8px 8px 10px #070707,-8px -8px 10px #151515; }
#leaderboard .mode-tabs button.active { background-image:linear-gradient(rgba(94,68,27,.15),rgba(94,68,27,.15)),url('settings-button-texture.png') !important; border-color:#e2c58c; color:#fff4da; box-shadow:inset 0 -3px 0 #e2c58c,inset 0 0 8px rgba(0,0,0,.25); }
#leaderboard .dataTables_paginate .paginate_button.current, #leaderboard .dataTables_paginate .paginate_button:hover { color:#fff !important; background:#151515 !important; }
#leaderboard .dataTables_paginate .paginate_button.current { box-shadow:inset 0 -3px 0 #e2c58c,inset 0 0 8px rgba(0,0,0,.25); }
#leaderboard .dataTables_paginate .paginate_button.disabled { opacity:.45; filter:none; cursor:default; }
#leaderboard .dataTables_wrapper .dataTables_length select { box-shadow:inset 0 0 12px rgba(0,0,0,.65); transition:border-color .15s,box-shadow .15s; }
#leaderboard .dataTables_filter input[type="search"] { color:#fff !important; }
/* The tracker's vertical fire border becomes a horizontal section transition. */
#leaderboard { position:relative; }
#leaderboard .hero-divider { position:absolute; z-index:0; inset:0 0 auto; height:11vw; overflow:hidden; pointer-events:none; }
#leaderboard .hero-divider img { position:absolute; top:0; left:0; width:auto; height:100vw; max-width:none; transform-origin:top left; transform:translateX(100vw) rotate(90deg); }
#leaderboard .leaderboard-shell { position:relative; z-index:1; }
#leaderboard.section { max-width:none; }
#leaderboard .leaderboard-shell { max-width:1136px; }
/* Language flags use the same unframed image style as the tracker. */
#leaderboard table.dataTable tbody td:nth-child(2) img { border:0; box-sizing:content-box; width:auto; height:auto; max-height:20px; }

.leaderboard-steam-link { display:inline-block; margin-top:10px; color:#e3cca1; font-size:18px; text-decoration:underline; }
.leaderboard-steam-unavailable { margin:10px 0 0; color:#c9b99a; font-size:18px; line-height:1.4; }
.leaderboard-steam-link[hidden], .leaderboard-steam-unavailable[hidden] { display:none; }
.leaderboard-history-notice { margin:10px 0 0; color:#c9b99a; font-size:18px; line-height:1.4; }
.leaderboard-history-notice[hidden] { display:none; }