.avatar-viewer{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.92)}
.avatar-viewer[hidden]{display:none}
.avatar-viewer__stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,736px);height:min(calc(100dvh - 36px),1288px)}
.avatar-viewer__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:7px;background:#111}
.avatar-viewer__close{position:absolute;top:8px;right:8px;z-index:2;width:44px;height:44px;border:0;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:30px;line-height:1;cursor:pointer}
body.avatar-viewer-open{overflow:hidden}
@media(max-width:430px){.avatar-viewer{padding:0}.avatar-viewer__stage{width:100%;height:100dvh}.avatar-viewer__image{border-radius:0}.avatar-viewer__close{top:max(10px,env(safe-area-inset-top));right:10px}}