.topboard-section .section-head{margin-inline:0 auto}.topboard-section .container>div:last-child{max-width:980px;margin-inline:0 auto}.topboard-tabs{display:inline-flex;gap:2px;max-width:100%;margin-bottom:18px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--bg-panel);overflow-x:auto;scrollbar-width:none}.topboard-tab{flex:none;min-height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.topboard-tab:hover{color:var(--text)}.topboard-tab.on{background:var(--bg-raised);box-shadow:0 1px 2px #0000001f,0 0 0 1px var(--line);color:var(--text)}.topboard-tab:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.topboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"list me";align-items:start;gap:20px}.topboard-panel{grid-area:list;min-width:0}.topboard-panel-head{margin:0 2px 12px}.topboard-title{margin:0;font-size:20px;letter-spacing:-.01em}.topboard-sub{margin:2px 0 0;color:var(--text-dim);font-size:14px}.topboard-me{grid-area:me;display:flex;flex-direction:column;gap:14px;min-height:104px;box-sizing:border-box;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel)}.topboard-me .btn{align-self:flex-start}.topboard-me-text{display:flex;flex-direction:column;gap:6px;min-width:0}.topboard-me-text strong{font-size:15px}.topboard-me-text>span,.topboard-status{color:var(--text-dim);font-size:13px}.topboard-me-streak{padding-bottom:14px;border-bottom:1px solid var(--line)}.topboard-me-level{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.topboard-me-level svg{flex:none}.topboard-me-level .topboard-me-text{gap:2px}.topboard-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel);overflow:hidden}.topboard-row{display:grid;grid-template-columns:32px 40px minmax(0,1fr);align-items:center;gap:12px;min-height:64px;box-sizing:border-box;padding:10px 16px;border-top:1px solid var(--line)}.topboard-row:first-child{border-top:0}.topboard-row.is-you{background:var(--accent-soft)}.topboard-row.is-self{border-top:1px dashed var(--line-strong)}.topboard-rank{color:var(--text-dim);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.topboard-row.is-podium .topboard-rank{color:var(--text);font-weight:700}.topboard-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-raised)}.topboard-avatar.is-initial{display:grid;place-items:center;color:var(--text-dim);font-size:15px;font-weight:600;border:1px solid var(--line);box-sizing:border-box}.topboard-who{display:flex;flex-direction:column;gap:3px;min-width:0}.topboard-name-line{display:flex;align-items:center;gap:8px;min-width:0}.topboard-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:15px;font-weight:600}a.topboard-name:hover{color:var(--accent)}.topboard-you{flex:none;padding:1px 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;font-weight:600}.topboard-stat{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums}.topboard-stat span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topboard-stat svg{flex:none}.topboard-row.is-placeholder .topboard-avatar,.topboard-bar{background:var(--bg-hover)}.topboard-bar{display:block;width:45%;height:12px;border-radius:6px}.topboard-bar.short{width:28%;height:10px}.topboard-row.is-placeholder .topboard-rank{justify-self:end;width:18px;height:10px;border-radius:5px;background:var(--bg-hover)}.topboard-empty{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:64px;padding:16px;color:var(--text-dim);font-size:14px}.topboard-foot{margin:14px 2px 0;color:var(--text-faint);font-size:13px}@media(max-width:800px){.topboard-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"me" "list";gap:16px}.topboard-me{min-height:112px;padding:14px}}@media(max-width:560px){.topboard-tabs{display:flex}.topboard-tab{flex:1 0 auto;padding:0 12px;font-size:13px}.topboard-row{grid-template-columns:22px 36px minmax(0,1fr);gap:10px;padding:10px 12px}.topboard-avatar{width:36px;height:36px}}@media(prefers-reduced-motion:no-preference){.topboard-row.is-placeholder .topboard-bar,.topboard-row.is-placeholder .topboard-avatar{animation:topboard-pulse 1.4s ease-in-out infinite}}@keyframes topboard-pulse{50%{opacity:.55}}@media(max-width:720px){.topboard-me .btn{align-self:center}}