.app-header{min-height:72px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(231,227,234,.1)}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit}
.brand-mark{width:37px;height:37px;display:grid;place-items:center;border:0;border-radius:7px;color:#3c3489;background:#c9a7ff;font-weight:600}
.brand b{font-size:14px}
.header-player{display:flex;align-items:center;gap:9px}
.avatar,.large-avatar{display:grid;place-items:center;overflow:hidden;border-radius:7px;border:1px solid rgba(184,217,192,.28);background:rgba(169,214,229,.08);image-rendering:pixelated}
.avatar{width:38px;height:38px;padding:4px;cursor:pointer}
.large-avatar{width:56px;height:56px;padding:6px;border-radius:9px}
.pixel-face,.player-image{grid-area:1/1;width:100%;height:100%;display:block;border-radius:3px;image-rendering:pixelated}
.pixel-face{background:linear-gradient(#3e3448 0 0) 0 0/100% 25% no-repeat,linear-gradient(#202027 0 0) 22% 50%/18% 16% no-repeat,linear-gradient(#202027 0 0) 78% 50%/18% 16% no-repeat,linear-gradient(#c38d91 0 0) 50% 78%/28% 10% no-repeat,linear-gradient(135deg,#d8b47a,#d8a7d8)}
.player-image{object-fit:cover}