#leaderboardsScreen .glb-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}
#leaderboardsScreen :is(.glb-choice,.glb-panel){min-width:0;background:var(--du-surface,#fff);border:1px solid var(--du-line,#ddd);border-radius:18px;padding:24px}
#leaderboardsScreen .glb-choice h2{font-size:17px;margin:0 0 16px}
#leaderboardsScreen .glb-own{font-size:32px;font-weight:750;margin:12px 0}
#leaderboardsScreen .glb-choice .study-muted{min-height:44px;font-size:13px}
#leaderboardsScreen .glb-opt{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;cursor:pointer}
#leaderboardsScreen .glb-opt input{width:18px;height:18px;flex:0 0 18px;accent-color:#d9b62c;margin:2px 0}
#leaderboardsScreen .glb-toolbar,#generalLbTabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#leaderboardsScreen .glb-toolbar{justify-content:space-between}
#leaderboardsScreen .glb-panel{margin:24px 0}
#leaderboardsScreen .glb-table-scroll{overflow-x:auto}
#leaderboardsScreen .glb-table{border-collapse:collapse;width:100%;text-align:left}
#leaderboardsScreen .glb-table :is(th,td){padding:16px 12px;border-bottom:1px solid var(--du-line,#e5e5e5)}
#leaderboardsScreen .glb-table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.05em}
#leaderboardsScreen .glb-table tbody th{font-weight:600;overflow-wrap:anywhere;max-width:350px}
#leaderboardsScreen .glb-you{background:#fff7d0}
#leaderboardsScreen [aria-pressed=true]{border:2px solid #b28c00;box-shadow:0 0 8px #d6b52c44}
#leaderboardsScreen .glb-methods{font-size:14px;line-height:1.75}
#leaderboardsScreen .glb-methods summary{cursor:pointer;font-weight:650}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen{background:var(--du-bg)!important;color:#fff}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen :is(.glb-choice,.glb-panel){background:var(--du-bg)!important;border:1px solid #d8bd52!important;box-shadow:0 0 12px rgba(255,210,60,.18),inset 0 0 0 1px rgba(255,220,90,.08)!important}
html[data-duck-theme=dark] #leaderboardsScreen .glb-table :is(th,td){border-bottom-color:#6d5d2c66;color:#fff}
html[data-duck-theme=dark] #leaderboardsScreen .glb-you{background:#141414;box-shadow:inset 3px 0 #facc15}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen button{background:var(--du-bg)!important;color:#fff!important;border:1px solid #73632b!important;box-shadow:none!important}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen button:is(:hover,:focus-visible){box-shadow:0 0 12px #facc1566!important}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen button[aria-pressed=true]{border-color:#facc15!important;color:#ffe77a!important;box-shadow:0 0 8px #facc1544!important}
@media(max-width:950px){#leaderboardsScreen .glb-choices{grid-template-columns:1fr}#leaderboardsScreen .glb-choice .study-muted{min-height:0}}
@media(max-width:600px){#leaderboardsScreen :is(.glb-choice,.glb-panel){padding:18px}#leaderboardsScreen .glb-table{min-width:520px}#generalLbTabs{width:100%}#generalLbTabs button{flex:1 1 100%}}
#leaderboardsScreen .glb-opt{display:flex!important;flex-direction:row!important;align-items:center!important}
#leaderboardsScreen .glb-opt input{display:inline-block!important;margin:0!important;width:18px!important;min-width:18px!important}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen :is(.glb-own,.glb-opt){color:#fff!important}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen .glb-table :is(thead,tbody,tr,th,td){background:var(--du-bg)!important;background-image:none!important}
#leaderboardsScreen .glb-panel>h2{margin:24px 0 12px}
/* The ranking box follows the compact three-column reference layout. */
#leaderboardsScreen .glb-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 12px}
#leaderboardsScreen .glb-load-status{font-size:13px;min-height:20px;margin:8px 0 16px}
#leaderboardsScreen .glb-ranking{padding:0 28px 24px;min-height:420px;margin-top:0}
#leaderboardsScreen .glb-ranking #generalLbTabs{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--du-line,#ddd)}
#leaderboardsScreen #generalLbTabs button{flex:1 1 0;min-width:0;margin:0;white-space:normal}
#leaderboardsScreen .glb-ranking .glb-table{table-layout:fixed;min-width:0;margin-top:22px}
#leaderboardsScreen .glb-table :is(th,td):first-child{width:12%}
#leaderboardsScreen .glb-table :is(th,td):nth-child(2){width:38%}
#leaderboardsScreen .glb-table :is(th,td):last-child{width:50%}
#leaderboardsScreen .glb-table tbody :is(th,td){font-size:17px;padding-top:23px;padding-bottom:23px;font-weight:400}
#leaderboardsScreen .glb-table tbody td:last-child{font-variant-numeric:tabular-nums}
#leaderboardsScreen .glb-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #generalLbTabs button:not([aria-pressed=true]){border-color:transparent!important}
html[data-duck-theme=dark] #leaderboardsScreen .glb-ranking #generalLbTabs{border-bottom-color:#ffffff2b}
html[data-duck-theme=dark] #leaderboardsScreen .glb-table :is(th,td){border-bottom-color:#ffffff25}
@media(max-width:600px){
 #leaderboardsScreen .glb-ranking{padding:0 12px 18px;min-height:340px}
 #leaderboardsScreen .glb-ranking #generalLbTabs{gap:4px;padding:14px 0}
 #leaderboardsScreen #generalLbTabs button{flex:1 1 0;font-size:11px;padding:8px 4px!important}
 #leaderboardsScreen .glb-table :is(th,td){padding-left:5px;padding-right:5px;overflow-wrap:anywhere}
 #leaderboardsScreen .glb-table thead th{font-size:10px;letter-spacing:0}
 #leaderboardsScreen .glb-table tbody :is(th,td){font-size:14px}
 #leaderboardsScreen .glb-table :is(th,td):first-child{width:15%}
 #leaderboardsScreen .glb-table :is(th,td):nth-child(2){width:40%}
 #leaderboardsScreen .glb-table :is(th,td):last-child{width:45%}
}
/* Relative bars: every row reserves the same label space; the leader fills its track. */
#leaderboardsScreen .glb-table :is(th,td):first-child{width:10%}
#leaderboardsScreen .glb-table :is(th,td):nth-child(2){width:18%}
#leaderboardsScreen .glb-table :is(th,td):last-child{width:72%}
#leaderboardsScreen .glb-bar-space{padding-right:var(--glb-label-width);min-width:0;font-variant-numeric:tabular-nums}
#leaderboardsScreen .glb-bar-area{width:100%;height:30px}
#leaderboardsScreen .glb-relative{position:relative;height:30px}
#leaderboardsScreen .glb-line{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:4px;background:var(--duck-gradient,linear-gradient(90deg,#ffe483,#d3af18));border-radius:99px}
#leaderboardsScreen .glb-line::after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:var(--du-surface,#fff);border:2px solid #c09b17}
#leaderboardsScreen .glb-bar-number{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;line-height:1.3}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen .glb-line{height:3px;background:#ffdc5a!important;box-shadow:0 0 5px rgba(255,220,90,.75),0 0 11px rgba(255,210,60,.35)}
html[data-duck-theme=dark] body.duck-airy.duck-redesign #leaderboardsScreen .glb-line::after{background:var(--du-bg);border:2px solid #ffdc5a;box-shadow:0 0 5px rgba(255,220,90,.85),0 0 11px rgba(255,210,60,.4)}
@media(max-width:600px){#leaderboardsScreen .glb-table tbody :is(th,td){font-size:12px}#leaderboardsScreen .glb-table :is(th,td):first-child{width:9%}#leaderboardsScreen .glb-table :is(th,td):nth-child(2){width:18%}#leaderboardsScreen .glb-table :is(th,td):last-child{width:73%}}
@media(max-width:600px){#leaderboardsScreen .glb-table :is(th,td):first-child{width:12%}#leaderboardsScreen .glb-table :is(th,td):nth-child(2){width:18%}#leaderboardsScreen .glb-table :is(th,td):last-child{width:70%}#leaderboardsScreen .glb-table thead th:first-child{white-space:nowrap;font-size:9px}}

/* Successful sync/load needs no description or reserved space. Errors remain visible. */
#leaderboardsScreen :is(#generalLbSaveStatus,#generalLbLoadStatus):empty{display:none!important}