/* OnlyGirth v33 · profile avatars and GirthHub message images */
.og-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border-radius:inherit;background:linear-gradient(145deg,#56231c,#291310);color:#f6c287;vertical-align:middle}
.og-avatar-fallback{display:grid;place-items:center;width:100%;height:100%;font:700 1.15em var(--head);text-transform:uppercase}.og-avatar-fallback-hidden{opacity:0;pointer-events:none}
.og-avatar-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;image-rendering:auto}
.pub-member-avatar>.og-avatar{width:100%;height:100%;border-radius:5px;font-size:35px}
.pub-profile-crest>.og-avatar{width:112px;height:112px;border-radius:8px;border:1px solid #a36e40;font-size:55px}
.gh-avatar{overflow:hidden}.gh-avatar>.og-avatar{width:100%;height:100%;font-size:19px}
.gh-avatar .og-avatar-image{border-radius:5px}
.og-avatar-settings{margin:18px 0 24px;padding:19px;border:1px solid #71442a;border-radius:7px;background:radial-gradient(ellipse at left top,#54201545,transparent 70%),#20100e}
.og-avatar-manager{display:flex;align-items:center;gap:21px}.og-avatar-settings-preview{width:100px;height:100px;min-width:100px;border:1px solid #b77c4b;border-radius:9px;font-size:52px}
.og-avatar-options{flex:1;min-width:0}.og-avatar-options h3{font:700 23px var(--head);color:#f3d4a0;margin:0 0 6px}.og-avatar-options p{color:#c1a08c;font-size:12px;line-height:1.6;margin:0 0 10px}
.og-avatar-options input[type=file]{display:block;max-width:100%;color:#e4c2a0;font-size:12px;margin:11px 0}
.og-avatar-options input[type=file]::file-selector-button{background:#3e1b14;border:1px solid #93542e;color:#efb579;border-radius:4px;padding:8px 11px;cursor:pointer;margin-right:12px}
.og-avatar-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.og-avatar-actions .button{font-size:11px}.og-avatar-actions button:disabled{opacity:.5;cursor:not-allowed}
.og-avatar-options .og-avatar-note{font-size:11px;color:#aa897d;margin:12px 0 0}
@media(max-width:780px){.pub-profile-crest>.og-avatar{width:78px;height:78px;font-size:39px}}
@media(max-width:560px){.og-avatar-manager{align-items:flex-start;gap:12px}.og-avatar-settings{padding:13px}.og-avatar-settings-preview{width:72px;height:72px;min-width:72px;font-size:34px}.pub-profile-crest>.og-avatar{width:62px;height:62px;font-size:30px}.og-avatar-options h3{font-size:19px}}