.profile-avatar-edit{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto 14px;padding:0;border:0;background:none;color:#8ce8ff;cursor:pointer;font:inherit;font-size:13px}.profile-avatar-edit .profile-avatar{margin:0}.profile-picture--chosen{border-radius:50%;object-fit:cover;background:radial-gradient(circle at 50% 25%,#2271a6,#082444)}
.avatar-picker{box-sizing:border-box;width:100%;max-width:530px;height:100dvh;max-height:100dvh;margin:auto;padding:0;border:1px solid #4eaedb;border-radius:24px;color:#f6faff;background:linear-gradient(180deg,rgba(3,21,45,.92),rgba(4,31,65,.86)),url('../assets/images/scene-home-landscape.webp') center/cover;box-shadow:0 0 50px #00152c}.avatar-picker::backdrop{background:#001129dd;backdrop-filter:blur(8px)}.avatar-picker-content{position:relative;padding:max(28px,env(safe-area-inset-top)) 18px max(22px,env(safe-area-inset-bottom));text-align:center;min-height:100%;box-sizing:border-box}.avatar-back{position:absolute;left:18px;top:max(24px,env(safe-area-inset-top));width:42px;height:42px;border-radius:50%;border:1px solid #427da4;background:#17385f;color:#d8f3ff;display:grid;place-items:center;padding:0;min-width:0;line-height:0;cursor:pointer}.avatar-back svg{display:block;width:22px;height:22px;flex:none}.avatar-picker-symbol{display:block;width:68px;height:68px;margin:8px auto 22px;object-fit:cover;border-radius:50%;overflow:hidden;clip-path:circle(50%)}.avatar-picker h2{font-size:clamp(25px,6.5vw,34px);line-height:1.15;margin:0 0 9px;font-weight:800;color:#f6faff}.avatar-picker-subtitle{font-size:clamp(13px,3.7vw,17px);color:#bbd4ec;margin:0 0 25px;line-height:1.4}.avatar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.avatar-option,.avatar-upload{position:relative;display:flex;align-items:flex-end;justify-content:center;aspect-ratio:.76;padding:0;overflow:hidden;min-width:0;border-radius:17px;border:1px solid #3278ac;background:radial-gradient(ellipse at 50% 40%,#234c7d,#0b2549);box-shadow:inset 0 1px 4px #ffffff18,0 5px 12px #00132955;cursor:pointer}.avatar-option img{width:130%;max-width:none;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none}.avatar-option[aria-pressed="true"]{border:2px solid #67e6ff;box-shadow:0 0 16px #00c6ff66}.avatar-option[aria-pressed="true"]::after{content:'✓';position:absolute;right:6px;top:6px;border-radius:50%;width:23px;height:23px;background:#0874c4;color:white;font-size:16px}.avatar-upload{flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1.5px dashed #5acfff;color:#d3efff;font:inherit;font-size:clamp(13px,3.8vw,18px);line-height:1.3;background:linear-gradient(150deg,#123963,#0a2142)}.avatar-upload svg{width:42px;height:42px;color:#7ad9ff}.avatar-neutral{border:0;background:none;color:#b8dbf3;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:10px}.avatar-picker [role="status"]{color:#c3edff;font-size:14px;line-height:1.4;margin:14px 0 0}.avatar-upload-confirm{margin:18px 0 0;padding:16px;border:1px solid #4eb8dc;border-radius:16px;background:#0c345c}.avatar-upload-confirm[hidden]{display:none}.avatar-upload-confirm img{border-radius:50%;object-fit:cover}.avatar-upload-confirm p{font-size:14px;line-height:1.4}.avatar-upload-confirm button{font:inherit;font-size:14px;border:1px solid #68d8ff;border-radius:20px;padding:10px 15px;margin:4px;background:#075eaa;color:white;cursor:pointer}.avatar-picker button:focus-visible,.profile-avatar-edit:focus-visible{outline:3px solid #83ecff;outline-offset:3px}.avatar-picker button:disabled{opacity:.5;cursor:wait}@media(max-width:540px){.avatar-picker{max-width:none;border:0;border-radius:0}}@media(max-width:350px){.avatar-grid{gap:8px}.avatar-picker-content{padding-left:12px;padding-right:12px}.avatar-upload svg{width:32px;height:32px}}