.user-profile-layout { align-items: flex-start; }
.user-avatar-column { position:sticky; top:92px; z-index:5; max-width:250px; }
.user-avatar-card { --avatar-neon:#94a3b8; width:100%; max-width:230px; overflow:hidden; margin:0 auto; padding:20px 14px; border:1px solid rgba(148,163,184,.18); border-radius:18px; text-align:center; background:linear-gradient(155deg,#182334,#0c131f); box-shadow:0 16px 38px rgba(0,0,0,.22); }
.user-avatar-ring { position:relative; box-sizing:border-box; width:132px !important; min-width:132px; max-width:132px !important; height:132px !important; min-height:132px; max-height:132px !important; overflow:visible; margin:0 auto 13px; padding:6px; border-radius:50%; background:linear-gradient(135deg,var(--avatar-neon),#fff,var(--avatar-neon)); box-shadow:0 0 8px var(--avatar-neon),0 0 22px color-mix(in srgb,var(--avatar-neon) 58%,transparent); animation:user-avatar-pulse 2.5s ease-in-out infinite; }
.user-avatar-image,.user-avatar-fallback { display:block; box-sizing:border-box; width:120px !important; min-width:120px; max-width:120px !important; height:120px !important; min-height:120px; max-height:120px !important; overflow:hidden; border:3px solid #101826; border-radius:50% !important; object-fit:cover !important; aspect-ratio:1/1; image-rendering:auto; transform:translateZ(0); backface-visibility:hidden; }
.user-avatar-image { cursor:zoom-in; transition:filter .2s ease, transform .2s ease; }
.user-avatar-image:hover,.user-avatar-image:focus-visible { filter:brightness(1.08); outline:2px solid #fff; outline-offset:-5px; }
.user-avatar-fallback { display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,#25364d,#111927); font-size:40px; font-weight:700; }
.user-avatar-level { position:absolute; right:-1px; bottom:7px; display:grid; min-width:33px; height:33px; padding:0 6px; place-items:center; border:2px solid #101826; border-radius:18px; color:#071018; background:var(--avatar-neon); box-shadow:0 0 11px var(--avatar-neon); font-size:10px; font-weight:800; }
.user-avatar-name { max-width:100%; overflow:hidden; margin:0 0 3px; color:#f5f7fb; font-size:15px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.user-trust-label { color:#aebbd0; font-size:12px; }
.user-trust-steps { display:flex; justify-content:center; gap:5px; margin:9px 0 14px; }
.user-trust-steps span { width:32px; height:4px; border-radius:5px; background:rgba(255,255,255,.13); }
.user-trust-steps span.active { background:var(--avatar-neon); box-shadow:0 0 9px var(--avatar-neon); }
.user-avatar-upload-label { display:block; margin-bottom:6px; padding:8px 10px; border:1px solid rgba(255,255,255,.22); border-radius:10px; color:#dce5f2; font-size:12px; cursor:pointer; transition:.2s; }
.user-avatar-upload-label:hover { border-color:var(--avatar-neon); color:#fff; }
.user-avatar-upload-label input { position:absolute; width:1px; height:1px; opacity:0; }
.user-avatar-help { display:block; margin-bottom:12px; color:#8391a5; font-size:10px; }
.user-avatar-action { min-width:92px; height:34px; padding:5px 12px; border-radius:8px; font-size:12px; }
.user-position-editor { margin-top:14px; padding-top:12px; border-top:1px solid rgba(255,255,255,.12); }
.user-position-editor label { display:flex; justify-content:space-between; margin:0 2px 2px; color:#aebbd0; font-size:10px; }
.user-position-editor input[type=range] { width:100%; height:4px; margin:0 0 9px; accent-color:var(--avatar-neon); cursor:pointer; }
.user-neon-picker { margin-top:14px; padding-top:12px; border-top:1px solid rgba(255,255,255,.12); }
.user-neon-picker label { display:block; margin-bottom:9px; color:#c8d2df; font-size:12px; }
.user-neon-controls { display:flex; justify-content:center; gap:8px; }
.user-neon-controls input[type=color] { width:34px; height:30px; padding:2px; border:1px solid rgba(255,255,255,.25); border-radius:7px; background:#111927; cursor:pointer; }
.user-neon-controls .btn { min-width:54px; height:30px; padding:3px 9px; border-radius:7px; font-size:11px; }
.user-avatar-lightbox { position:fixed; inset:0; z-index:10100; display:none; align-items:center; justify-content:center; padding:28px; background:rgba(4,8,14,.88); backdrop-filter:blur(12px); }
.user-avatar-lightbox.is-open { display:flex; }
.user-avatar-lightbox-stage { display:flex; align-items:center; justify-content:center; max-width:min(92vw,1100px); max-height:88vh; overflow:hidden; border:1px solid rgba(218,194,137,.45); border-radius:16px; background:#080d15; box-shadow:0 28px 90px rgba(0,0,0,.65); }
.user-avatar-lightbox-stage img { display:block; width:auto !important; height:auto !important; max-width:92vw !important; max-height:88vh !important; object-fit:contain !important; image-rendering:auto; }
.user-avatar-lightbox-close { position:fixed; top:22px; right:28px; z-index:1; display:grid; width:44px; height:44px; padding:0; place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#fff; background:rgba(17,25,39,.82); font-size:30px; line-height:1; cursor:pointer; }
.user-avatar-lightbox-close:hover { color:#111925; border-color:#d8c18b; background:#d8c18b; }
body.avatar-lightbox-open { overflow:hidden; }
@keyframes user-avatar-pulse { 50% { filter:brightness(1.22); transform:scale(1.015); } }
@media(max-width:767.98px){ .user-avatar-column{position:relative;top:auto;max-width:100%;margin-bottom:20px}.user-avatar-card{max-width:280px;margin:auto} }
@media(prefers-reduced-motion:reduce){.user-avatar-ring{animation:none}}