html body #avatar-modal .avatar-card{width:min(540px,100%);min-width:0!important;text-align:center}
html body #avatar-modal .avatar-preview{width:116px!important;height:116px!important;aspect-ratio:1;object-fit:cover;border:2px solid #e9c56b;border-radius:50%;margin:12px auto;display:block}
#avatar-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
#avatar-presets .avatar-preset{display:grid;place-items:center;gap:8px;padding:10px;min-width:0;border:2px solid #49735c;border-radius:15px;background:#052a1f;color:#eed58f;cursor:pointer}
#avatar-presets .avatar-preset[aria-pressed="true"]{border-color:#ffdf81;background:#164c33;box-shadow:0 0 0 2px #e9c56b25}
#avatar-presets .avatar-preset img{width:min(100%,110px);aspect-ratio:1;border-radius:14px;object-fit:cover}
#avatar-presets .avatar-preset strong{font-size:13px}
#avatar-presets .avatar-preset:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:480px){#avatar-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#avatar-presets .avatar-preset{padding:7px}}