.portal-leaderboard-wrap{-js-display:flex;display:flex;flex-direction:column;gap:0;max-width:768px;margin:0 auto;padding:0}.portal-leaderboard-current-user{background:var(--portal-content-bg-color);border:.5px solid var(--portal-border-color);box-shadow:0 1px 2px rgba(0,0,0,.05);border-radius:16px;margin-bottom:16px;overflow:hidden;max-width:768px;margin-left:auto;margin-right:auto;padding:0}.portal-leaderboard-user-info .portal-user-avatar{max-width:64px;width:64px;max-height:64px;height:64px;border-radius:6px!important;flex-shrink:0}.portal-leaderboard-user-info{-js-display:flex;display:flex;align-items:center;gap:16px;padding:20px;border-bottom:1px solid var(--portal-border-color)}.portal-leaderboard-user-details{flex:1}.portal-leaderboard-user-details h3{font-size:18px;font-weight:600;color:var(--portal-heading-color);margin:0 0 4px 0}.portal-leaderboard-user-details p{font-size:14px;font-weight:400;color:var(--portal-text-color);margin:0}.portal-leaderboard-progress-section{min-width:300px;-js-display:flex;display:flex;flex-direction:column;gap:8px}.portal-leaderboard-progress-header{-js-display:flex;display:flex;justify-content:space-between;align-items:center}.portal-leaderboard-current-level{-js-display:flex;display:flex;align-items:center;gap:8px}.portal-leaderboard-levels-list .level-badge-circle.unlocked.active{background-color:var(--portal-primary-button-bg-color);color:#fff}.portal-leaderboard-level-number-badge{width:24px;height:24px;background:var(--sd-primary-button-background-color,#4338ca);color:#fff;border-radius:50%;-js-display:flex;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.portal-leaderboard-level-name{font-size:14px;font-weight:600;color:var(--portal-heading-color)}.portal-leaderboard-next-level{font-size:14px;font-weight:500;color:var(--portal-text-color)}.portal-leaderboard-progress-bar{width:100%;height:8px;background:var(--portal-border-color);border-radius:4px;overflow:hidden}.portal-leaderboard-progress-fill{height:100%;background:var(--sd-primary-button-background-color,#4338ca);border-radius:4px;transition:width .3s ease}.portal-leaderboard-progress-footer{-js-display:flex;display:flex;justify-content:space-between;align-items:center}.portal-leaderboard-progress-footer span:first-child{font-size:12px;color:var(--portal-text-color)}.portal-leaderboard-progress-footer span:last-child{font-size:12px;font-weight:600;color:var(--portal-heading-color)}.portal-leaderboard-levels-wrapper{position:relative;-js-display:flex;display:flex;align-items:center;gap:8px;padding:20px}.portal-leaderboard-levels-list{-js-display:flex;display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;flex:1;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.portal-leaderboard-levels-list::-webkit-scrollbar{display:none}.portal-leaderboard-scroll-arrow{-js-display:flex;display:flex;align-items:center;justify-content:center;color:var(--portal-text-color);flex-shrink:0;opacity:.4;pointer-events:none}.portal-leaderboard-scroll-arrow svg{width:16px;height:16px}.portal-leaderboard-level-item{-js-display:flex;display:flex;align-items:center;gap:8px;flex-shrink:0;white-space:nowrap}.level-badge-circle{width:32px;height:32px;border-radius:50%;-js-display:flex;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.level-badge-circle.current{background:var(--sd-primary-button-background-color,#4338ca);color:#fff}.level-badge-circle.unlocked{background:var(--portal-border-color);color:var(--portal-text-color)}.level-badge-name{font-size:14px;font-weight:500}.level-badge-name.current{color:var(--portal-heading-color);font-weight:600}.level-badge-name.unlocked{color:var(--portal-heading-color)}.level-badge-name.locked{color:var(--portal-text-color);opacity:.5}.level-lock-icon{color:var(--portal-text-color);opacity:.5;flex-shrink:0}.level-separator{width:40px;height:1px;background:var(--portal-border-color);margin:0 12px;flex-shrink:0}.portal-leaderboard-top-3{-js-display:flex;display:flex;flex-direction:row;justify-content:center;align-items:end;padding:48px;gap:16px;border-bottom:.5px solid var(--portal-border-color);background:var(--portal-content-bg-color);flex-wrap:nowrap}.portal-leaderboard-top-card{-js-display:flex;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;padding:24px;border-radius:12px;min-width:145px;min-height:180px;height:100%;transition:transform .2s ease,box-shadow .2s ease}.portal-leaderboard-top-card:hover{transform:translateY(-5px)}.portal-leaderboard-top-card.rank-1{background:#fde68a;border:2px solid #fbbf24;box-shadow:0 4px 12px rgba(251,191,36,.2)}.portal-leaderboard-top-card.rank-1.large{box-shadow:0 25px 50px -12px #00000040,0 2px 0 0 #ffffff80 inset,0 -8px 32px 0 #fcd34d inset}.portal-leaderboard-top-card.rank-2{padding:20px;background:#f1f5f9;border:2px solid #cbd5e1;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.portal-leaderboard-top-card.rank-3{padding:20px;background:#fed7aa;border:2px solid #fb923c;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a}.portal-leaderboard-avatar-wrapper{position:relative;-js-display:flex;display:flex;align-items:center;justify-content:center}.portal-leaderboard-avatar-wrapper .portal-user-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.portal-leaderboard-top-card.rank-1 .portal-user-avatar{width:80px;height:80px}.portal-leaderboard-top-card.rank-2 .portal-user-avatar,.portal-leaderboard-top-card.rank-3 .portal-user-avatar{width:64px;height:64px}.portal-leaderboard-rank-badge{position:absolute;width:32px;height:32px;-js-display:flex;display:flex;align-items:center;justify-content:center}.portal-leaderboard-rank-badge img{width:100%;height:100%;object-fit:contain;box-shadow:none}.portal-leaderboard-rank-badge .rank-number{position:absolute;font-weight:700;font-size:14px;color:#000;z-index:1}.portal-leaderboard-top-card.rank-1 .portal-leaderboard-rank-badge{bottom:-15px;right:23px;width:32px}.portal-leaderboard-top-card.rank-2 .portal-leaderboard-rank-badge{bottom:-10px;right:19px;width:26px;height:26px;font-size:12px}.portal-leaderboard-top-card.rank-3 .portal-leaderboard-rank-badge{bottom:-10px;right:19px;width:26px;height:26px;font-size:12px}.portal-leaderboard-top-card h4{font-size:16px;font-weight:600;color:var(--portal-heading-color);margin:0 0 2px 0;text-align:center;padding:0!important}.portal-leaderboard-top-card p{font-size:14px;font-weight:500;color:var(--portal-text-color);margin:0;text-align:center}.portal-leaderboard-top-card.rank-1 h4,.portal-leaderboard-top-card.rank-2 h4,.portal-leaderboard-top-card.rank-3 h4{color:#1f2937}.portal-leaderboard-top-card.rank-1 p,.portal-leaderboard-top-card.rank-2 p,.portal-leaderboard-top-card.rank-3 p{color:#4b5563}.portal-leaderboard-list{-js-display:flex;display:flex;flex-direction:column;gap:0;background:var(--portal-content-bg-color)}.portal-leaderboard-list-item{-js-display:flex;display:flex;flex-direction:row;align-items:center;padding:16px;gap:12px;min-height:72px;border-bottom:.5px solid var(--portal-border-color);background:var(--portal-content-bg-color);transition:background-color .2s ease}.portal-leaderboard-list-item:hover{background-color:var(--portal-secondary-color)}.portal-leaderboard-rank-number{font-size:16px;font-weight:500;color:var(--portal-heading-color);min-width:30px;text-align:center}.portal-leaderboard-points{color:var(--portal-text-color)}.portal-leaderboard-list-item .sd-flex-col{flex:1;min-width:0}.portal-leaderboard-list-item h5{font-size:15px;font-weight:600;color:var(--portal-heading-color);margin:0;line-height:1.4}.portal-leaderboard-list-item p{font-size:13px;font-weight:400;color:var(--portal-text-color);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-leaderboard-disabled{-js-display:flex;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--portal-content-bg-color);border:.5px solid var(--portal-border-color);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);max-width:500px;margin:20px auto 0}.leaderboard-disabled-icon{color:var(--portal-text-color);opacity:.5;margin-bottom:20px}.portal-leaderboard-disabled h3{font-size:20px;font-weight:600;color:var(--portal-heading-color);margin:0 0 8px 0}.portal-leaderboard-disabled p{font-size:15px;color:var(--portal-text-color);margin:0;line-height:1.5}.portal-leaderboard-empty{padding:48px 20px;text-align:center;background:var(--portal-content-bg-color);border:.5px solid var(--portal-border-color);border-radius:16px}.portal-leaderboard-empty p{margin:0;color:var(--portal-text-color);font-size:14px}.portal-leaderboard-points-help{position:relative;display:inline-block;margin-left:6px;cursor:help;vertical-align:middle}.portal-leaderboard-points-help svg{display:block;width:16px;height:16px;color:var(--portal-text-color);opacity:.6;transition:opacity .2s ease}.portal-leaderboard-points-help:hover svg{opacity:1}.portal-leaderboard-tooltip{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);z-index:99999;pointer-events:none;width:max-content;max-width:280px}.portal-leaderboard-tooltip-content{visibility:hidden;opacity:0;display:block;background-color:var(--portal-text-color);color:var(--portal-content-bg-color);padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:opacity .2s ease,visibility .2s ease;white-space:normal;text-align:left;pointer-events:auto}.portal-leaderboard-tooltip-content::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-bottom-color:var(--portal-text-color)}.portal-leaderboard-points-help:hover .portal-leaderboard-tooltip-content{visibility:visible;opacity:1}.portal-leaderboard-tooltip-title{display:block;font-weight:500;text-align:left;color:var(--portal-content-bg-color)!important}.portal-leaderboard-tooltip-details{display:block;font-size:11px;opacity:.9}@media (max-width:768px){.portal-leaderboard-wrap{max-width:100%}.portal-leaderboard-user-info{flex-direction:column;align-items:flex-start}.portal-leaderboard-progress-section{width:100%;min-width:auto}.portal-leaderboard-current-user,.portal-leaderboard-wrap{margin-right:10px;margin-left:10px}.portal-leaderboard-top-3{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:16px;padding:24px;justify-items:center}.portal-leaderboard-top-card.rank-1{grid-column:1/-1;grid-row:1;max-width:280px}.portal-leaderboard-top-card.rank-2{grid-column:1;grid-row:2;width:100%;max-width:160px}.portal-leaderboard-top-card.rank-3{grid-column:2;grid-row:2;width:100%;max-width:160px}.portal-leaderboard-list-item{min-height:auto}.portal-leaderboard-list-item p{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}}