.player-avatar{width:34px;height:34px;flex:0 0 auto;object-fit:cover;border:1px solid #bca16c99;border-radius:5px;background:#07141b;vertical-align:middle;box-sizing:border-box}
.player-avatar.avatar-large{width:64px;height:64px;border-radius:7px}
#select.menu-shell #open-account{display:inline-flex;align-items:center;gap:7px}#select #open-account .player-avatar{width:24px;height:24px}
.avatar-picker{border:1px solid #aa966b55;padding:14px;margin:10px 0 18px;min-width:0}.avatar-picker[hidden]{display:none}.avatar-picker legend{font-size:12px;letter-spacing:.5px;color:#d8c58e;padding:0 6px}.avatar-preview{display:flex;align-items:center;gap:14px;margin-bottom:14px}.avatar-preview strong{font:600 16px Georgia,serif;color:#f1e0b4}.avatar-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#account-dialog .avatar-options button{min-width:0;padding:5px 3px;border:1px solid #7b86714d;background:#0a1920;border-radius:3px;color:#aabdb6;cursor:pointer}.avatar-options .player-avatar{width:100%;height:auto;aspect-ratio:1;border:0}.avatar-options span{display:block;font:10px/1.25 system-ui;margin-top:6px;overflow-wrap:anywhere;min-height:25px}#account-dialog .avatar-options button[aria-pressed=true]{outline:2px solid #e5bf72;outline-offset:1px;background:#2a3225;color:#ffe5aa}#account-dialog .avatar-options button:hover{filter:brightness(1.15)}#account-dialog .avatar-options button:focus-visible{outline:2px solid #a8e6ed;outline-offset:2px}.avatar-picker>small{display:block;color:#94ada6;font-size:10px;margin-top:12px}
#ranking-own .profile-heading>.avatar-large{width:64px;height:64px}#ranking-own .profile-rank{width:46px;height:52px;flex-basis:46px}#ranking-own .profile-rank img{width:46px;height:46px}.ladder-player>.player-avatar{width:30px;height:30px;margin-right:7px}
#select .slot-info strong .player-avatar{width:25px;height:25px;margin-right:7px}.social-player-name .player-avatar{width:30px;height:30px;float:left;margin-right:8px}.social-author .player-avatar{width:24px;height:24px;margin-right:7px}.social-account>.player-avatar{width:32px;height:32px}.social-account>span{flex:1}.social-profile-heading h3{flex:1}.social-profile-heading>.avatar-large{width:48px;height:48px}
@media(max-width:600px){.avatar-picker{padding:10px}.avatar-options{gap:6px}.avatar-options span{font-size:9px}#ranking-own .profile-heading>.avatar-large{width:48px;height:48px}#ranking-own .profile-rank{width:34px;height:38px;flex-basis:34px}#ranking-own .profile-rank img{width:34px;height:34px}.social-account{gap:7px}}
#account-dialog{width:min(520px,calc(100vw - 24px));border:1px solid #8e805c;padding:24px}
#account-dialog::after{display:none}
#account-dialog .avatar-picker{padding:12px;margin:18px 0;box-sizing:border-box}
#account-dialog .avatar-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#account-dialog .avatar-options button{display:flex;flex-direction:column;align-items:center;width:100%;padding:5px;box-sizing:border-box;overflow:hidden}
#account-dialog .avatar-options .player-avatar{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:2px}
#account-dialog .avatar-options span{margin:7px 0 2px;min-height:24px;width:100%;text-align:center;font:11px/1.2 system-ui}
#account-dialog .account-help:empty{display:none}
@media(max-width:390px){#account-dialog{padding:16px}#account-dialog .avatar-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}
.player-avatar.avatar-symbol{object-fit:contain;padding:3px;background:radial-gradient(ellipse at center,#263544,#07121b)}
#account-dialog .avatar-options .avatar-symbol{object-fit:contain;padding:10%}
.social-person .avatar-symbol,.social-author .avatar-symbol,.social-account .avatar-symbol,.party-member .avatar-symbol,#open-account .avatar-symbol,.ladder-player .avatar-symbol,.slot-info .avatar-symbol{padding:3px}
.avatar-preview .avatar-symbol{padding:6px}