/* Portraits stay inside profile surfaces; imagery elsewhere remains photographic. */
.profile-avatar-options{border:0;padding:0;margin:18px 0;min-width:0}.profile-avatar-options legend{font-weight:700;font-size:14px}.profile-avatar-options>.form-note{line-height:1.6;margin:8px 0 14px}
.profile-avatar-options .avatar-picker-title{margin:16px 0 12px;font-size:15px;line-height:1.4}
.profile-avatar-options .avatar-more{margin-top:16px;border-top:1px solid currentColor;padding-top:12px}
.profile-avatar-options .avatar-more summary{cursor:pointer;font-size:13px;font-weight:700;line-height:1.8}
.profile-avatar-options .avatar-more .avatar-picker-3d{margin-top:12px}
#modal-overlay .modal .profile-avatar-options .avatar-picker-3d{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:none;overflow:visible}
#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button{position:relative;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;padding:8px 6px 10px;border:2px solid transparent;border-radius:16px;background:#f6efe6;cursor:pointer}
#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button img{display:block;width:100%!important;height:auto!important;max-width:132px!important;max-height:none!important;aspect-ratio:1;flex-shrink:0;object-fit:cover!important;border-radius:12px!important}
#modal-overlay .modal .profile-avatar-options .avatar-picker-characters button img{object-fit:contain!important}
#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button span{min-height:30px;flex-shrink:0;font-size:11px;font-weight:650;line-height:1.4;color:#523b2c;text-align:center}
#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button.selected{border-color:#895634;box-shadow:0 0 0 2px #89563422;background:#efe0d0}
#modal-overlay .modal .profile-avatar-options button:focus-visible{outline:3px solid #a76b41;outline-offset:3px}
.avatar-symbols{margin-top:16px}.avatar-symbols summary{cursor:pointer;font-size:13px;line-height:1.8}.modal .avatar-picker-symbols{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:10px}.modal .avatar-picker-symbols button{width:100%!important;max-width:none!important;height:52px!important;font-size:25px}
html[data-theme=dark] #modal-overlay .modal .profile-avatar-options .avatar-picker-3d button{background:#2d3037!important;border-color:#484c57!important}html[data-theme=dark] #modal-overlay .modal .profile-avatar-options .avatar-picker-3d button span{color:#f6f1e9}html[data-theme=dark] #modal-overlay .modal .profile-avatar-options .avatar-picker-3d button.selected{border-color:#e8b88b!important;box-shadow:0 0 0 2px #e8b88b33}
:is(.avatar,.family-avatar) img{object-fit:cover;object-position:50% 45%}
#photo-preview .family-avatar img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:cover!important}
@media(max-width:420px){#modal-overlay .modal .profile-avatar-options .avatar-picker-3d{gap:7px}#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button{padding:5px 4px 8px;border-radius:12px}#modal-overlay .modal .profile-avatar-options .avatar-picker-3d button span{font-size:10px}}