.score-sidebar-link{appearance:none;width:100%;color:inherit;font-family:var(--body);text-align:left;cursor:pointer}
.score-sidebar-link:hover,.score-sidebar-link:focus-visible{border-color:#806ce0;box-shadow:0 0 0 2px rgba(137,112,239,.25);outline:none}
.score-reset-pill{background:#eee9ff;color:#5e49bf;border-radius:20px;padding:9px 13px;font-size:10px;font-weight:800;white-space:nowrap}
.score-how-it-works{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(110deg,#30294f,#584892);color:#fff;border-radius:18px;padding:19px 22px;margin-bottom:18px;box-shadow:0 10px 28px rgba(47,37,83,.13)}
.score-how-it-works>span{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:11px;background:rgba(255,255,255,.12);color:#d3c8ff;font-size:18px}
.score-how-it-works p{margin:0;color:#d3cddd;font-size:12px;line-height:1.55}
.score-how-it-works strong{color:#fff;font-size:14px}
.score-tabs{width:max-content;margin:0 0 18px}
.score-tabs button{min-width:92px}
.score-tab-panel{display:none}
.score-tab-panel.active{display:block;animation:fadeUp .25s ease both}
#scores .personal-score-card,#scores .daily-leaderboard-card,.group-score-card{padding:25px;border-radius:20px}
.personal-score-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.personal-score-heading h2{font:800 clamp(33px,5vw,50px)/1 var(--display);letter-spacing:-.045em;margin:5px 0 7px}
.personal-score-heading h2 small{font:700 14px var(--body);letter-spacing:0;color:var(--muted)}
.personal-score-heading>div>span{color:var(--muted);font-size:11px}
#scores .score-avatar{width:58px;height:58px;border-radius:18px;font-size:29px}
#scores .score-components{margin:24px 0 18px}
#scores .score-components span{padding:13px 8px}
#scores .score-components small{font-size:9px}
#scores .score-components b{font-size:16px}
.score-components .open-slot{background:#faf9fc;border:1px dashed #dcd6e5;color:#aaa3b5}
.personal-score-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.personal-score-stats>span{background:#f7f5fb;border-radius:12px;padding:13px}
.personal-score-stats small,.personal-score-stats strong{display:block}
.personal-score-stats small{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}
.personal-score-stats strong{font:800 18px var(--display);margin-top:4px}
.score-gentle-note{display:flex;gap:8px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:11px;background:#eaf9f4;color:#39725f;font-size:10px}
.score-gentle-note span{color:#5d8175}
.global-my-score{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;border-top:1px solid var(--line);margin-top:8px;padding:14px 0 2px;background:#faf9ff}
.global-my-score .leader-avatar{margin-left:5px}
.global-my-score small,.global-my-score strong{display:block}
.global-my-score small{color:var(--muted);font-size:8px;letter-spacing:.05em}
.global-my-score strong{font-size:11px;margin-top:2px}
.global-my-score>b{font:800 13px var(--display);padding-right:8px}
.group-score-card{background:#fff;border:1px solid var(--line);margin-bottom:16px}
.group-score-card>.section-heading>span{font-size:9px;color:var(--muted)}
.group-score-card .global-leader-row.is-self{background:#f7f4ff}
.group-score-card .global-leader-row.pinned-self{border:1px dashed #9d87ed;border-radius:10px;margin-top:9px;padding-left:7px;padding-right:7px}
.leader-components small,.leader-components b{display:block}
.leader-components small{font-size:7px;color:#9991a7}
.leader-components b{font-size:9px;margin-top:1px}
.score-empty{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}
.starter-score-result{background:#eaf9f4;color:#2d775e;border-radius:10px;padding:10px 12px;margin:13px 0;font-size:11px;font-weight:700}
.mastery-ring{transition:background .25s ease}

@media(max-width:760px){
  .mobile-nav{grid-template-columns:repeat(7,1fr)}
  .mobile-nav button{font-size:9px}
  .score-title-row{display:flex}
  .score-how-it-works{padding:16px}
  .score-tabs{width:100%}
  .score-tabs button{min-width:0;flex:1}
  .personal-score-stats{grid-template-columns:1fr}
  .score-gentle-note{display:grid}
  .global-leader-row{grid-template-columns:24px 30px 1fr auto}
  .global-leader-row .leader-components{grid-column:3/5}
  .global-my-score{grid-template-columns:34px 1fr;}
  .global-my-score>b{grid-column:2;padding:0 0 7px}
  .group-score-card>.section-heading{align-items:flex-start;gap:8px}
}

@media(max-width:420px){
  .mobile-nav{overflow-x:auto;justify-content:start}
  .mobile-nav button{min-width:48px}
  .personal-score-heading h2{font-size:34px}
  #scores .score-components span{padding:10px 3px}
}