.leaderboard-page{position:relative;min-height:100vh;padding:calc(76px + 1.5rem) 1.5rem 1.5rem;color:#eef2ff;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.leaderboard-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 10%,rgba(57,112,255,.15),transparent 30%),radial-gradient(circle at 84% 12%,rgba(117,70,255,.13),transparent 24%),radial-gradient(circle at 78% 76%,rgba(15,197,255,.09),transparent 26%)}.leaderboard-backdrop{position:fixed;inset:0;pointer-events:none;opacity:.36;background-image:radial-gradient(circle at 18% 18%,rgba(255,255,255,.16) 0 1px,transparent 1.7px),radial-gradient(circle at 80% 14%,rgba(255,255,255,.12) 0 1px,transparent 1.7px),radial-gradient(circle at 75% 70%,rgba(255,255,255,.12) 0 1px,transparent 1.7px),radial-gradient(circle at 24% 78%,rgba(255,255,255,.09) 0 1px,transparent 1.7px);background-size:280px 280px,360px 360px,320px 320px,300px 300px}.leaderboard-shell{position:relative;z-index:1;width:min(1200px,100%);margin:0 auto}.leaderboard-empty-state,.leaderboard-error-state,.leaderboard-hero,.leaderboard-inline-error,.leaderboard-loading-state,.leaderboard-section{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(11,16,40,.9),rgba(8,13,31,.84)),linear-gradient(135deg,rgba(58,120,255,.05),rgba(129,96,255,.04));border:1px solid rgba(138,163,255,.16);box-shadow:0 28px 80px rgba(5,10,30,.34),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(16px)}.leaderboard-hero:before,.leaderboard-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top right,rgba(134,191,255,.1),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 20%)}.leaderboard-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:1.2rem;border-radius:30px;padding:2rem;margin-bottom:1.5rem}.leaderboard-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.9rem;padding:.48rem .84rem;border-radius:999px;color:#9ed7ff;background:rgba(17,27,59,.9);border:1px solid rgba(146,173,255,.14);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-empty-state h2,.leaderboard-hero-copy h1,.leaderboard-section-heading h2{margin:0;color:#f8fbff;font-family:var(--font-plus-jakarta),system-ui,sans-serif;font-weight:800;letter-spacing:-.045em}.leaderboard-hero-copy h1{font-size:clamp(2.4rem,4.2vw,4rem);line-height:.98}.leaderboard-empty-state p,.leaderboard-end-cap,.leaderboard-error-state p,.leaderboard-hero-copy>p,.leaderboard-inline-error p,.leaderboard-loading-state p,.leaderboard-row-score small,.leaderboard-row-title,.leaderboard-section-count,.leaderboard-section-heading p,.leaderboard-summary-card p,.leaderboard-summary-card span,.leaderboard-top-card-copy p,.leaderboard-top-card-metrics span{color:rgba(222,230,255,.74)}.leaderboard-hero-copy>p{max-width:56ch;margin:1rem 0 0;font-size:1rem;line-height:1.68}.leaderboard-control-bar{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;margin-top:1.55rem}.leaderboard-timeframes{display:inline-flex;flex-wrap:wrap;gap:.7rem}.leaderboard-load-more-btn,.leaderboard-plan-badge,.leaderboard-refresh-btn,.leaderboard-timeframe-btn{font-family:var(--font-plus-jakarta),system-ui,sans-serif}.leaderboard-load-more-btn,.leaderboard-refresh-btn,.leaderboard-timeframe-btn{border:1px solid rgba(146,173,255,.16);border-radius:999px;min-height:44px;padding:.78rem 1.15rem;font-size:.92rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.leaderboard-timeframe-btn{color:rgba(232,238,255,.84);background:rgba(16,24,56,.84)}.leaderboard-load-more-btn:hover,.leaderboard-refresh-btn:hover,.leaderboard-timeframe-btn:hover{transform:translateY(-1px)}.leaderboard-timeframe-btn:hover{border-color:rgba(168,210,255,.34);background:rgba(23,35,74,.92)}.leaderboard-timeframe-btn.is-active{color:#f8fbff;border-color:rgba(118,167,255,.44);background:linear-gradient(135deg,rgba(53,102,255,.28),rgba(117,74,255,.22));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.leaderboard-load-more-btn,.leaderboard-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;color:#f8fbff;background:rgba(16,24,56,.96)}.leaderboard-load-more-btn:hover,.leaderboard-refresh-btn:hover{border-color:rgba(168,210,255,.34);background:rgba(24,37,78,.98);box-shadow:0 18px 36px rgba(4,8,24,.24)}.leaderboard-load-more-btn:disabled,.leaderboard-refresh-btn:disabled{opacity:.62;cursor:not-allowed;transform:none;box-shadow:none}.leaderboard-summary-grid{display:grid;gap:.9rem;align-content:stretch}.leaderboard-summary-card{position:relative;padding:1rem 1.05rem;border-radius:22px;background:rgba(12,20,48,.84);border:1px solid rgba(146,173,255,.12)}.leaderboard-summary-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:rgba(123,165,255,.28)}.leaderboard-summary-card--leader:before{background:rgba(250,204,21,.54)}.leaderboard-summary-card--current:before{background:rgba(56,189,248,.54)}.leaderboard-summary-card span{display:block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-summary-card strong{display:block;margin-top:.48rem;color:#f8fbff;font-size:1.18rem;font-weight:800;line-height:1.1;letter-spacing:-.03em}.leaderboard-summary-card p{margin:.42rem 0 0;line-height:1.6;font-size:.9rem}.leaderboard-content{display:flex;flex-direction:column;gap:1.3rem}.leaderboard-section{border-radius:28px;padding:1.45rem}.leaderboard-section-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.leaderboard-empty-state h2,.leaderboard-section-heading h2{font-size:clamp(1.4rem,2.15vw,1.9rem);line-height:1.12}.leaderboard-empty-state p,.leaderboard-section-heading p{margin:.42rem 0 0;line-height:1.65}.leaderboard-section-count{display:inline-flex;align-items:center;min-height:36px;padding:0 .9rem;border-radius:999px;background:rgba(17,27,59,.86);border:1px solid rgba(146,173,255,.14);font-size:.84rem;font-weight:700;white-space:nowrap}.leaderboard-top-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.leaderboard-top-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem;min-height:100%;padding:1.2rem;border-radius:24px;background:linear-gradient(180deg,rgba(12,18,44,.95),rgba(9,14,35,.9)),radial-gradient(circle at top right,rgba(96,158,255,.12),transparent 42%);border:1px solid rgba(146,173,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.leaderboard-top-card:after{content:"";position:absolute;inset:auto 18px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.leaderboard-top-card--1{border-color:rgba(250,204,21,.18);background:linear-gradient(180deg,rgba(20,19,32,.96),rgba(14,16,30,.9)),radial-gradient(circle at top right,rgba(250,204,21,.12),transparent 42%)}.leaderboard-top-card--2{border-color:rgba(147,197,253,.18)}.leaderboard-top-card--3{border-color:rgba(196,181,253,.18)}.leaderboard-row.is-current-user,.leaderboard-top-card.is-current-user{border-color:rgba(125,211,252,.24);background:linear-gradient(135deg,rgba(37,99,235,.14),rgba(124,58,237,.1)),linear-gradient(180deg,rgba(12,18,44,.95),rgba(9,14,35,.9))}.leaderboard-person-heading,.leaderboard-rank-meta,.leaderboard-row-meta,.leaderboard-top-card-topline{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.leaderboard-top-card-person{display:flex;align-items:center;gap:.95rem;min-width:0}.leaderboard-row-copy,.leaderboard-top-card-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0}.leaderboard-row-copy strong,.leaderboard-top-card-copy strong{color:#f8fbff;font-size:1rem;font-weight:800}.leaderboard-rank-title{display:inline-flex;align-items:center;min-height:32px;margin-top:.32rem;padding:.44rem .82rem;border-radius:999px;border:1px solid transparent;font-size:.76rem;font-weight:800;line-height:1.1;letter-spacing:.04em;text-transform:uppercase}.leaderboard-rank-title--novice{color:#cbd5f5;background:rgba(71,85,105,.3);border-color:rgba(148,163,184,.18)}.leaderboard-rank-title--apprentice{color:#bfdbfe;background:rgba(37,99,235,.16);border-color:rgba(96,165,250,.2)}.leaderboard-rank-title--scholar{color:#a5f3fc;background:rgba(8,145,178,.16);border-color:rgba(34,211,238,.2)}.leaderboard-rank-title--adept{color:#c4b5fd;background:rgba(109,71,255,.16);border-color:rgba(139,92,246,.22)}.leaderboard-rank-title--expert{color:#fbcfe8;background:rgba(190,24,93,.14);border-color:rgba(244,114,182,.2)}.leaderboard-rank-title--master{color:#fdba74;background:rgba(180,83,9,.16);border-color:rgba(249,115,22,.22)}.leaderboard-rank-title--grandmaster{color:#fde68a;background:rgba(234,179,8,.16);border-color:rgba(250,204,21,.22)}.leaderboard-rank-meta{margin-top:.42rem}.leaderboard-top-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.leaderboard-top-card-metrics div{padding:.85rem .9rem;border-radius:18px;background:rgba(12,20,48,.76);border:1px solid rgba(146,173,255,.1)}.leaderboard-top-card-metrics span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-row-score strong,.leaderboard-top-card-metrics strong{display:block;margin-top:.42rem;color:#f8fbff;font-size:1.18rem;font-weight:800;line-height:1.04;letter-spacing:-.04em}.leaderboard-table-head{display:grid;grid-template-columns:88px minmax(0,1fr) 120px 150px;gap:1rem;padding:0 1.15rem .65rem;color:rgba(214,225,255,.58);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.leaderboard-table-head span:last-child{text-align:right}.leaderboard-table{display:flex;flex-direction:column;gap:.85rem}.leaderboard-row{display:grid;grid-template-columns:88px minmax(0,1fr) 120px 150px;gap:1rem;align-items:center;padding:1rem 1.15rem;border-radius:22px;background:linear-gradient(180deg,rgba(13,20,48,.94),rgba(9,14,35,.88)),linear-gradient(135deg,rgba(58,120,255,.05),rgba(129,96,255,.03));border:1px solid rgba(146,173,255,.1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;content-visibility:auto;contain-intrinsic-size:94px}.leaderboard-row:hover{transform:translateY(-1px);border-color:rgba(158,185,255,.22);box-shadow:0 18px 36px rgba(4,8,24,.2)}.leaderboard-row-rank{display:flex;justify-content:center}.leaderboard-row-student{display:flex;align-items:center;gap:.92rem;min-width:0}.leaderboard-row-level{display:flex;justify-content:center}.leaderboard-row-score{text-align:right}.leaderboard-row-score small{display:block;margin-top:.2rem;font-size:.78rem}.leaderboard-avatar{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:50%;overflow:hidden;border:2px solid rgba(123,165,255,.24);background:rgba(17,27,52,.74);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px rgba(5,10,30,.18)}.leaderboard-avatar--large{width:64px;height:64px}.leaderboard-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.leaderboard-avatar-fallback{color:#ffffff;font-size:.9rem;font-weight:800;letter-spacing:-.02em}.leaderboard-tagline{display:inline-flex;align-items:center;max-width:100%;min-height:34px;padding:.5rem .92rem;border-radius:999px;background:rgba(14,22,50,.8);border:1px solid rgba(146,173,255,.1);font-family:var(--font-geist-sans),system-ui,sans-serif;font-size:.74rem;font-weight:500;line-height:1.2;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leaderboard-chip,.leaderboard-level-pill,.leaderboard-rank-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:var(--font-plus-jakarta),system-ui,sans-serif}.leaderboard-chip{min-height:32px;padding:.46rem .84rem;color:#dce6ff;background:rgba(17,27,59,.9);border:1px solid rgba(146,173,255,.14);font-size:.78rem;font-weight:600;line-height:1.15}.leaderboard-chip--current{color:#bfdbfe;background:rgba(14,165,233,.14);border-color:rgba(56,189,248,.22)}.leaderboard-rank-badge{min-height:34px;padding:.45rem .8rem;background:rgba(16,25,57,.96);border:1px solid rgba(146,173,255,.14);color:#eff4ff;font-size:.82rem;font-weight:800;letter-spacing:.03em}.leaderboard-rank-badge.is-compact{min-height:32px;padding:.42rem .72rem}.leaderboard-rank-badge--1{color:#fde68a;background:rgba(234,179,8,.16);border-color:rgba(250,204,21,.22)}.leaderboard-rank-badge--2{color:#dbeafe;background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.2)}.leaderboard-rank-badge--3{color:#fdba74;background:rgba(180,83,9,.16);border-color:rgba(249,115,22,.22)}.leaderboard-rank-badge--top10{color:#bfdbfe;background:rgba(37,99,235,.18);border-color:rgba(96,165,250,.22)}.leaderboard-rank-badge--top25{color:#c4b5fd;background:rgba(109,71,255,.17);border-color:rgba(139,92,246,.22)}.leaderboard-rank-badge--top50{color:#a5f3fc;background:rgba(8,145,178,.17);border-color:rgba(34,211,238,.22)}.leaderboard-rank-badge--ranked{color:#dbeafe;background:rgba(30,41,59,.9);border-color:rgba(148,163,184,.18)}.leaderboard-level-pill{min-height:36px;padding:.5rem .95rem;color:#ddd6fe;background:rgba(109,71,255,.16);border:1px solid rgba(129,96,255,.24);font-size:.8rem;font-weight:700;line-height:1.15}.leaderboard-plan-badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;min-height:32px;padding:.46rem .86rem;font-size:.72rem;font-weight:800;line-height:1.15;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;cursor:pointer}.leaderboard-plan-badge--pro{color:#fed7aa;background:rgba(234,88,12,.14);border-color:rgba(249,115,22,.22)}.leaderboard-plan-badge--education,.leaderboard-plan-badge--student{color:#bfdbfe;background:rgba(14,165,233,.14);border-color:rgba(56,189,248,.24)}.leaderboard-empty-state,.leaderboard-error-state,.leaderboard-loading-state{border-radius:28px;padding:2rem 1.6rem;text-align:center}.leaderboard-inline-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:22px;padding:.95rem 1rem}.leaderboard-inline-error p{margin:0;color:#fed7aa}.leaderboard-spinner{width:40px;height:40px;margin:0 auto;border-radius:50%;border:3px solid rgba(138,163,255,.18);border-top-color:rgba(123,165,255,.8);animation:leaderboard-spin .9s linear infinite}.leaderboard-end-cap,.leaderboard-load-more{display:flex;justify-content:center}.leaderboard-end-cap{font-size:.92rem;padding:.1rem 0 .3rem}@keyframes leaderboard-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1080px){.leaderboard-hero{grid-template-columns:1fr}.leaderboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.leaderboard-top-grid{grid-template-columns:1fr}}@media (max-width:980px){.leaderboard-control-bar{flex-direction:column;align-items:stretch}.leaderboard-control-bar .leaderboard-refresh-btn{width:100%}.leaderboard-summary-grid{grid-template-columns:1fr}.leaderboard-table-head{display:none}.leaderboard-row{grid-template-columns:1fr;gap:.9rem}.leaderboard-row-level,.leaderboard-row-rank{justify-content:flex-start}.leaderboard-row-score{text-align:left}}@media (max-width:768px){.leaderboard-page{padding:calc(76px + 1rem) 1rem 1rem}.leaderboard-empty-state,.leaderboard-error-state,.leaderboard-hero,.leaderboard-loading-state,.leaderboard-section{border-radius:24px;padding:1.35rem}.leaderboard-timeframes{width:100%}.leaderboard-timeframe-btn{flex:1 1 140px}.leaderboard-inline-error{flex-direction:column;align-items:stretch}.leaderboard-section-heading{flex-direction:column;align-items:flex-start}.leaderboard-section-count{white-space:normal}}@media (max-width:560px){.leaderboard-empty-state,.leaderboard-error-state,.leaderboard-hero,.leaderboard-loading-state,.leaderboard-section{padding:1.15rem}.leaderboard-hero-copy h1{font-size:clamp(2rem,9vw,2.7rem)}.leaderboard-load-more-btn,.leaderboard-refresh-btn,.leaderboard-timeframe-btn{width:100%}.leaderboard-row-student,.leaderboard-top-card-person{align-items:flex-start}.leaderboard-avatar{width:48px;height:48px}.leaderboard-avatar--large{width:56px;height:56px}.leaderboard-top-card-metrics{grid-template-columns:1fr}}