/* Action rows must keep breathing room even when a narrow dialog wraps on desktop. */
#personal-dialog .account-session-actions,
#personal-dialog #guided-account-task .account-session-actions,
#account-age-review .account-session-actions,
#signout-confirm .account-session-actions,
.leaderboard-actions,.rank-notice-actions {gap:12px}
/* Standalone modal actions can wrap without a flex/grid action-row parent. */
dialog button:not(.text-button){margin-block:6px}
#personal-dialog button:not(.text-button){margin-block:6px}
/* Group spacing belongs to the container, not doubled margins on its buttons. */
#personal-dialog .account-session-actions>button,
#account-age-review .account-session-actions>button,
#signout-confirm .account-session-actions>button {margin-block:0}
/* These actions are separated by an identity step that can legitimately be empty. */
#personal-dialog #cloud-check-delete-session,
#personal-dialog #cloud-review-delete {display:block;margin-block:12px}
#personal-dialog #delete-identity-controls button:not(.text-button){margin-block:12px}

.leaderboard-rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;padding:4px!important;margin:0!important;background:transparent!important;border:1px solid transparent!important;border-radius:6px;box-shadow:none!important}
.leaderboard-rank-badge svg{width:28px;height:32px;display:block}
.leaderboard-rank-badge[data-color="relaxed"]{color:#956027!important}
.leaderboard-rank-badge[data-color="strategic"]{color:#626d78!important}
.leaderboard-rank-badge[data-color="probability"]{color:#97721a!important}
.leaderboard-rank-badge:focus-visible{outline:2px solid currentColor;outline-offset:2px}
#leaderboard-rank-dialog{width:min(20rem,calc(100vw - 48px));text-align:center}
#leaderboard-rank-dialog h2{font-size:1.2rem}

/* Separate the standings from the actions below without changing button gaps. */
#personal-leaderboard > .leaderboard-actions { margin-block-start:0; padding-block-start:10px; }
/* Match regular-weight primary buttons, at a smaller action-label size. */
#personal-leaderboard > .leaderboard-actions > button { font-size:16px; font-weight:400; }
/* Sharing currently requires sign-in; retain the feature for a later public board. */
#personal-leaderboard > .leaderboard-actions > #leaderboard-share { display:none; }