.board-optin{display:flex;flex-direction:column;gap:4px}.board-optin-label{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text);cursor:pointer}.board-optin-box{width:18px;height:18px;margin:0;flex:none;accent-color:var(--accent);cursor:pointer}.board-optin-box:disabled,.board-optin-box:disabled+span{cursor:default;opacity:.6}.board-optin-box:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-optin-hint{margin:0 0 0 26px;color:var(--text-faint);font-size:13px}.topboard-section .section-head{margin-inline:auto}.topboard-section .container>div:last-child{max-width:760px;margin-inline:auto}.topboard-me{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;min-height:104px;box-sizing:border-box;margin-bottom:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel)}.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-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:40px 32px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;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-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.topboard-row.is-podium .topboard-rank{color:var(--accent);font-weight:600}.topboard-avatar{width:32px;height:32px;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:13px;font-weight:600;border:1px solid var(--line);box-sizing:border-box}.topboard-who{display:flex;flex-direction:column;gap:2px;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:500}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-level{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-dim);font-size:13px}.topboard-level span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topboard-level svg{flex:none}.topboard-xp{color:var(--text);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.topboard-xp-inline{display:none;margin-left:auto;padding-left:8px;color:var(--text);font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.topboard-row.is-placeholder .topboard-avatar,.topboard-bar{background:var(--bg-hover)}.topboard-bar{display:block;width:45%;height:12px;border-radius:6px}.topboard-row.is-placeholder .topboard-rank,.topboard-row.is-placeholder .topboard-xp{justify-self:end;width:28px;height:10px;border-radius:5px;background:var(--bg-hover)}.topboard-row.is-placeholder .topboard-xp{width:56px}.topboard-empty{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-height:60px;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:560px){.topboard-me{min-height:112px;padding:14px}.topboard-row:not(.is-placeholder):not(.is-self){grid-template-columns:26px 32px minmax(0,1fr)}.topboard-row:not(.is-placeholder):not(.is-self)>.topboard-xp{display:none}.topboard-xp-inline{display:inline}.topboard-row{grid-template-columns:26px 32px minmax(0,1fr) auto;gap:10px;padding:10px 12px}}@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}}.account-board{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin:12px 0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-panel)}