/* Compact public tables, following the moderation table's spacing and theme. */
.leaderboardSpotlight {position:relative;touch-action:pan-y;overflow-anchor:none;--reel-main-width:47%;}
.leaderboardSpotlight .reel-track .reel.is-main {box-shadow:none;}
.leaderboardSpotlight .leaderboardSpotlightAuthor {box-sizing:border-box;width:100%;color:inherit;text-decoration:none;}
.leaderboardSpotlight .is-main .leaderboardSpotlightAuthor :is(h3,h3 small) {transition:color .2s ease;}
.leaderboardSpotlight .is-main .leaderboardSpotlightAuthor:is(:hover,:focus-visible) :is(h3,h3 small) {color:var(--text-red);}
.leaderboardSpotlight.is-sizing .reel {display:block!important;width:var(--reel-main-width)!important;min-width:0!important;}
.leaderboardSpotlight.is-sizing .teaserBoxFooter {display:block!important;}
.leaderboardSpotlight .teaserBoxFooter > .row {display:flex;align-items:center;gap:.35rem;}
.leaderboardSpotlight .teaserBoxFooter .tags {flex:1;min-width:0;}
.leaderboardSpotlight .teaserBoxFooter .tags > ul {display:flex;align-items:center;flex-wrap:nowrap;margin:0;}
.leaderboardSpotlight .teaserBoxFooter .tags li.button {flex:none;padding:0 .25rem!important;backdrop-filter:none;}
.leaderboardSpotlight .leaderboardSpotlightInfo {display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:44px;min-width:24px;margin:0;padding:0;border:0;border-radius:.25rem;background:transparent;color:inherit;font:inherit;white-space:nowrap;outline:none;}
.leaderboardSpotlight .leaderboardSpotlightInfo:focus-visible {outline:2px solid var(--text-red);outline-offset:-2px;}
.leaderboardSpotlight .leaderboardSpotlightInfo .progress-icon {position:relative;}
.leaderboardSpotlight .teaserBoxFooter .tags li .tip {box-sizing:border-box;top:auto;bottom:calc(100% + .5rem);left:0;right:auto;margin:0;max-width:100%;white-space:normal;text-align:left;line-height:1.4;pointer-events:none;z-index:5;}
.leaderboardSpotlight .leaderboardSpotlightInfo:focus .tip {visibility:visible;opacity:1;}
.leaderboardSpotlight .leaderboardSpotlightDate .leaderboardSpotlightInfo {position:relative;}
.leaderboardSpotlight .teaserBoxFooter .tags .leaderboardSpotlightDate .tip {left:50%;right:auto;transform:translateX(-50%);max-width:min(220px,calc(100vw - 5rem));}
.leaderboardSpotlight .teaserBoxFooter .submenu {flex:none;margin-left:auto;}
.leaderboardSpotlight .teaserBoxFooter .clr {display:none;}
.leaderboardSpotlight .infinite_prev[hidden], .leaderboardSpotlight .infinite_next[hidden] {display:none;}
@media(max-width:991px) {
    .leaderboardSpotlight {--reel-main-width:calc(100% - 32px);}
    .leaderboardSpotlight .reel-track .reel.is-main {width:calc(100% - 32px);min-width:0;}
    .leaderboardSpotlight .reel:is(.is-prev,.is-next) {visibility:hidden;opacity:0;}
    .leaderboardSpotlight .reel-track {overflow:visible;}
    .leaderboardSpotlight .reel-viewport {overflow:hidden;}
}
.leaderboardPage {box-sizing:border-box;width:100%;min-width:0;max-width:100%;}
/* Keep the shared desktop/mobile panel padding inside the tab scroll target. */
.leaderboardPage .contentPanel {display:block;min-width:0;max-width:100%;margin:0;}
.leaderboardPage .wrapper {box-sizing:border-box;min-width:0;max-width:100%;}
.leaderboardPage .leaderboardLayout {grid-template-columns:minmax(220px,1fr) minmax(0,2fr);}
.leaderboardPage .leaderboardLayout :is(.leftCol,.rightCol,.allErgebnisPanels,.contentErgebnisPanel,.contextViewPanel,.chatBoxPanel,.ergebnisView) {min-width:0;max-width:100%;}
.leaderboardPage .leaderboardLayout .rightCol {overflow:visible;}
.leaderboardPage .chatBoxPanel.active {display:block;}
.leaderboardPage .accordionContent.active {display:flex;}
.leaderboardPage .leaderboardPlaceholder .leaderboardButton {align-self:flex-start;}
.leaderboardWidget, .leaderboardWidget * {box-sizing:border-box;}
.leaderboardPage .leaderboardWidget {display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;}
.leaderboardPage .leaderboardTableCard {min-width:0;max-width:100%;}
.leaderboardTableCard > .listViewHeader {padding-right:1rem;}
.leaderboardTableCard > .listViewHeader .bulletpoint {flex-shrink:0;}
.leaderboardTableCard > .listViewHeader h3 {min-width:0;overflow-wrap:anywhere;}
.leaderboardPage .leaderboardTableCard > .contentContainer {display:flex;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:1rem;}
.leaderboardPage .leaderboardButton {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:auto;margin:0;padding:.55rem 1rem;border:2px solid transparent;border-radius:2rem;background:var(--text-red);color:#fff;font-size:.8rem;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;}
.leaderboardPage .leaderboardButton:hover {background:transparent;border-color:var(--text-red);color:var(--text-red);}
.leaderboardNotice {padding:.75rem;margin-bottom:1rem;font-size:.85rem;border-left:3px solid var(--text-red);}
.leaderboardNotice[hidden] {display:none;}
.leaderboardTableScroll {width:100%;min-width:0;max-width:100%;overflow-x:auto;;border-radius:.6rem;background:var(--bg);scroll-behavior:auto;}
.leaderboardTable {width:100%;min-width:850px;border-collapse:collapse;font-size:.8rem;text-align:left;}
.leaderboardTable caption {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.leaderboardTable th, .leaderboardTable td {padding:.8rem .7rem;border-bottom:1px solid var(--border);vertical-align:top;text-align:left;}
.leaderboardTable th {font-weight:600;background:var(--accent-bg);white-space:nowrap;}
.leaderboardTable th a {display:inline-flex;align-items:center;gap:.35rem;color:var(--text);text-decoration:none;}
.leaderboardTable th a:hover{color:var(--text-red);}
.leaderboardTable th .material-icons {font-size:1rem;color:var(--sub-text);}
.leaderboardTable th[aria-sort=ascending] a, .leaderboardTable th[aria-sort=descending] a {color:var(--text-red);}
.leaderboardTable tbody tr:last-child td {border-bottom:0;}
.leaderboardTable tbody tr:hover {background:var(--accent-bg);}
.leaderboardTable td a {color:var(--text);text-decoration:none;}
.leaderboardTable td a:hover {color:var(--text-red);text-decoration:underline;}
.leaderboardTable .leaderboardTitle {min-width:180px;max-width:340px;overflow-wrap:anywhere;}
.leaderboardContentLink {font-weight:600;}
.leaderboardEntry {display:flex;align-items:center;gap:.7rem;}
.leaderboardEntryText {min-width:0;overflow-wrap:anywhere;}
.leaderboardPreview {display:block;flex:0 0 64px;width:64px;height:48px;overflow:hidden;border:1px solid var(--border);border-radius:.5rem;background:var(--accent-bg);}
.leaderboardPreview--profile {position:relative;flex-basis:40px;width:40px;height:40px;border:0;border-radius:50%;overflow:visible;background:transparent;margin:4px;}
.leaderboardPreview--profile > img:not(.leaderboardAvatarFrame) {border-radius:50%;}
.leaderboardPreview--profile > img.leaderboardAvatarFrame {position:absolute;width:48px;height:48px;left:-4px;top:-4px;object-fit:contain;z-index:1;pointer-events:none;}
.leaderboardPreview img {display:block;width:100%;height:100%;object-fit:cover;}
.leaderboardPreview img[hidden] {display:none;}
.leaderboardTable small {display:block;color:var(--sub-text);margin-top:.3rem;font-size:.7rem;}
.leaderboardTable .leaderboardNumber {text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.leaderboardTable time {white-space:nowrap;font-variant-numeric:tabular-nums;}
.leaderboardTable .leaderboardEmpty {padding:2rem;text-align:center;color:var(--sub-text);}
.leaderboardLoadMore {display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.leaderboardLoadMore > .loadMoreButton {margin:0;}
.leaderboardLoadMore > .leaderboardFooterDivider {display:flex;align-items:stretch;width:100%;min-height:20px;}
.leaderboardLoadMore .leaderboardFooterDivider > .listLine {flex:0 0 2px;float:none;min-height:20px;height:auto;}
.leaderboardLoadMore .leaderboardSummary {min-width:0;margin:.5rem 0;font-size:.75rem;line-height:1.4;color:var(--sub-text);overflow-wrap:anywhere;}
.leaderboardTableScroll.has-horizontal-overflow {cursor:grab;}
.leaderboardTableScroll.is-dragging, .leaderboardTableScroll.is-dragging * {cursor:grabbing!important;user-select:none;}
.leaderboardWidget[aria-busy=true] .leaderboardTableScroll {opacity:.6;}
.leaderboardPage :is(a,button,input,select,[tabindex]):focus-visible {outline:2px solid var(--text-red);outline-offset:3px;}