/* The same semantic icon colors used by the roster, in all three site themes. */
body[data-theme] .activity-focus-icon.metric-badge,body[data-theme] .stat-icon.metric-badge{background:color-mix(in srgb,var(--metric-color) 13%,var(--card));color:var(--metric-color)}
.activity-focus-icon.metric-badge{width:40px;height:40px;border-radius:11px}
.activity-focus-icon.metric-badge svg{width:21px;height:21px}
.g74-picker .g74-player-metric .metric-badge{display:inline-grid;width:24px;height:24px;border-radius:7px;color:var(--metric-color)}
.g74-picker .g74-player-metric .metric-badge svg{width:14px;height:14px;color:inherit}
.g74-root .g74-tabs .button.secondary{background:transparent;color:var(--muted)}
.g74-root .g74-tabs .button.secondary.selected{background:var(--accent-soft);color:var(--accent)}
.g76-inbox{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}
.g76-inbox h3{font-size:13px;margin:0 0 8px}
.g76-notice{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.g76-notice>.metric-badge{flex:none}
.g76-notice>div{flex:1;min-width:0}
.g76-notice strong{display:block;font-size:12px;overflow-wrap:anywhere}
.g76-notice small{color:var(--muted);font-size:10px;margin-top:5px}
#dialog .g76-notice .button{margin:8px 8px 0 0;font-size:11px;padding:8px 11px;min-height:36px}
.g76-notice-error{color:#df9090;font-size:11px}
.g76-preferences-note{font-size:10px;color:var(--muted);line-height:1.7;margin:8px 0}
@media(max-width:700px){.activity-focus-icon.metric-badge{width:32px;height:34px;border-radius:9px}.activity-focus-icon.metric-badge svg{width:18px;height:18px}}

/* Keep the player league badge beside its name, after the account field label. */
.account-game-card>.l78-account-league{flex-wrap:wrap;gap:10px 14px}
.account-game-card>.l78-account-league>.l78-league-label{font-size:8px;font-weight:650;letter-spacing:.4px;color:var(--muted)}
.account-game-card>.l78-account-league>.l78-league-value{align-items:center;flex-wrap:nowrap;gap:9px}
.account-game-card>.l78-account-league>.l78-league-value>.connected-league-icon{display:grid;flex-shrink:0}
.account-game-card>.l78-account-league>.l78-league-value>.metric-badge{flex-shrink:0}
.union-page .u-achievement>div{min-width:0}
.union-page .u-achievement .l78-achievement-detail{line-height:2;overflow-wrap:anywhere}
.union-page .u-achievement .l78-achievement-league{display:inline;margin:0;white-space:nowrap;font:inherit;color:inherit}
.union-page .u-achievement .l78-achievement-league img{display:inline-block;width:20px;height:24px;object-fit:contain;vertical-align:middle;margin:0 5px 0 0}