.player-avatar{--rank-colour: rgb(var(--border-strong));border:2px solid var(--rank-colour);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--rank-colour) 25%,rgb(var(--surface-2))),rgb(var(--surface)) 80%);color:rgb(var(--fg))}.rank-badge{--rank-colour: rgb(var(--fg-muted));border-color:color-mix(in srgb,var(--rank-colour) 50%,transparent);background:color-mix(in srgb,var(--rank-colour) 12%,rgb(var(--surface-2)));color:color-mix(in srgb,var(--rank-colour) 70%,rgb(var(--fg)))}.site-account{position:relative;display:inline-flex}.site-account-button{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;transition:all .15s ease}.site-account-button:focus-visible{outline:2px solid rgb(var(--accent));outline-offset:2px}.site-account-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(18rem,calc(100vw - 2rem));padding:.75rem;border-radius:.75rem;border:1px solid rgb(var(--border));background:rgb(var(--surface));box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;animation:fadeIn .15s ease-out}.site-account-panel[hidden]{display:none}