/* GUULRAADRAAC v136 — local 3D avatar system. */
.guulAvatar3D{position:relative;display:inline-block;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#fff5e9,#f4e9dc);isolation:isolate;box-shadow:0 8px 22px rgba(36,43,72,.13);flex:none}
.guulAvatar3D img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.guulAvatar3D .guulAvatarTint{position:absolute;left:0;right:0;bottom:0;height:43%;z-index:2;background:var(--avatar-tint,#5b4ce6);mix-blend-mode:hue;opacity:.9;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 16%,#000 34%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.35) 16%,#000 34%,#000 100%)}
.guulAvatar3D:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 2px rgba(255,255,255,.9),inset 0 -12px 24px rgba(35,31,58,.035);pointer-events:none}
.guulAvatarFallback{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ece8ff,#e9f5ff);font-weight:950;color:#5842df}

/* Account/avatar builder */
.v3AvatarBuilderV136{display:grid;gap:14px}
.v3AvatarBuilderTopV136{display:grid;grid-template-columns:112px minmax(0,1fr);gap:15px;align-items:center}
.v3AvatarPreviewV136{width:108px;height:108px;border:5px solid #fff;box-shadow:0 10px 28px rgba(50,62,110,.14)}
.v3AvatarBuilderCopyV136 small{display:block;font-size:9px;color:#6548e4;font-weight:950;letter-spacing:.09em}.v3AvatarBuilderCopyV136 h4{margin:3px 0 5px;font-size:17px;color:#17233e}.v3AvatarBuilderCopyV136 p{margin:0;color:#6c7890;font-size:10.5px;line-height:1.5}
.v3AvatarGenderV136{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.v3AvatarGenderV136 button{border:1px solid #dfe5f0;border-radius:14px;background:#f8faff;color:#182641;padding:10px 8px;font-weight:900;cursor:pointer}.v3AvatarGenderV136 button.active{background:linear-gradient(90deg,#5a3aeb,#3a79ed);color:#fff;border-color:transparent;box-shadow:0 7px 18px rgba(81,59,221,.18)}
.v3AvatarSectionLabelV136{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.v3AvatarSectionLabelV136 b{font-size:12px;color:#1d2941}.v3AvatarSectionLabelV136 small{font-size:8px;color:#7b879c}
.v3AvatarStylesV136{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.v3AvatarStyleV136{position:relative;aspect-ratio:1;border:2px solid transparent;border-radius:18px;background:#f7f8fc;padding:3px;cursor:pointer;transition:.18s transform,.18s border-color,.18s box-shadow}.v3AvatarStyleV136:hover{transform:translateY(-2px)}.v3AvatarStyleV136.active{border-color:#6045e8;box-shadow:0 5px 16px rgba(84,65,205,.18)}.v3AvatarStyleV136 .guulAvatar3D{width:100%;height:100%;box-shadow:none}.v3AvatarStyleV136:after{content:"✓";position:absolute;right:-2px;top:-3px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;background:#5d42e8;color:#fff;font-size:10px;font-weight:950;border:2px solid #fff}.v3AvatarStyleV136.active:after{display:grid}
.v3AvatarColorsV136{display:flex;gap:9px;flex-wrap:wrap}.v3AvatarColorV136{width:34px;height:34px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1px #dfe4ed;cursor:pointer;position:relative}.v3AvatarColorV136.active{box-shadow:0 0 0 3px #6045e8}.v3AvatarColorV136.active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:950;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.v3AvatarSaveV136{border:0;border-radius:14px;padding:12px 15px;background:linear-gradient(90deg,#5a39eb,#337ff0);color:#fff;font-weight:950;cursor:pointer;box-shadow:0 8px 20px rgba(75,59,204,.18)}.v3AvatarSaveV136[disabled]{opacity:.65;cursor:wait}.v3AvatarSaveStatusV136{min-height:16px;margin-top:7px;font-size:9.5px;color:#6a7890;font-weight:800}.v3AvatarSaveStatusV136.ok{color:#16835f}.v3AvatarSaveStatusV136.err{color:#b5475b}
@media(max-width:760px){.v3AvatarBuilderTopV136{grid-template-columns:88px 1fr}.v3AvatarPreviewV136{width:84px;height:84px}.v3AvatarStylesV136{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.v3AvatarStyleV136{border-radius:14px}.v3AvatarColorV136{width:31px;height:31px}}