#view-profile .avatar-unlock-note{margin:4px 0 14px;color:#dbc9ef;font-size:14px;line-height:1.45;padding:10px 14px;border:1px solid rgba(233,208,155,.24);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
#view-profile .avatar-grid{display:grid;grid-template-columns:repeat(5,minmax(62px,1fr));gap:10px}
#view-profile .avatar-option{position:relative;isolation:isolate;overflow:hidden;min-height:84px;border:1px solid rgba(233,208,155,.2);border-radius:16px;background:linear-gradient(180deg,rgba(18,12,38,.72),rgba(8,7,20,.92));padding:6px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease}
#view-profile .avatar-option img{display:block;width:100%;aspect-ratio:1;border-radius:12px;object-fit:cover;transition:filter .18s ease,transform .18s ease,opacity .18s ease}
#view-profile .avatar-option:hover{transform:translateY(-2px);border-color:rgba(255,227,162,.48)}
#view-profile .avatar-option.selected{border-color:#f3d48a;box-shadow:0 0 0 2px rgba(243,212,138,.15),0 0 22px rgba(231,193,99,.22)}
#view-profile .avatar-option.is-locked{cursor:not-allowed}
#view-profile .avatar-option.is-locked img{filter:blur(7px) saturate(.72) brightness(.72);transform:scale(1.05);opacity:.92}
#view-profile .avatar-lock-overlay{position:absolute;inset:auto 8px 8px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 9px;border-radius:11px;background:linear-gradient(180deg,rgba(6,7,18,.92),rgba(27,18,44,.92));border:1px solid rgba(235,208,140,.24);color:#fff2c1;font-size:11px;letter-spacing:.03em;box-shadow:0 10px 22px rgba(0,0,0,.28)}
#view-profile .avatar-lock-overlay strong{font-size:13px;line-height:1}
#view-profile .avatar-lock-overlay small{font-size:11px;white-space:nowrap}
#view-profile .avatar-unlock-chip{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:rgba(32,94,54,.88);border:1px solid rgba(179,236,162,.35);color:#efffdf;font-size:10px;font-weight:700;letter-spacing:.06em;pointer-events:none}
@media (max-width: 900px){#view-profile .avatar-grid{grid-template-columns:repeat(4,minmax(58px,1fr));gap:9px}}
@media (max-width: 560px){#view-profile .avatar-grid{grid-template-columns:repeat(3,minmax(56px,1fr))}#view-profile .avatar-option{min-height:78px}}

#view-profile .avatar-option .avatar-new-badge.picker{top:8px;right:8px;left:auto;bottom:auto;padding:4px 7px;font-size:10px}
.avatar-new-badge{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:linear-gradient(180deg,#ffefb3,#dca63a);color:#3a2203;font-size:11px;font-weight:800;letter-spacing:.06em;box-shadow:0 10px 20px rgba(214,165,60,.35),0 0 0 1px rgba(255,255,255,.3) inset}
.avatar-new-badge.mini{padding:4px 7px;font-size:9px;left:6px;top:6px}
.avatar-album-card{overflow:hidden}
.avatar-album-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.avatar-album-mini{position:relative;border:1px solid rgba(233,208,155,.2);border-radius:18px;padding:7px;background:linear-gradient(180deg,rgba(15,13,36,.86),rgba(6,8,20,.96));cursor:pointer;overflow:hidden}
.avatar-album-mini img{display:block;width:100%;aspect-ratio:1;border-radius:13px;object-fit:cover}
.avatar-album-mini.is-locked img{filter:blur(8px) brightness(.7) saturate(.75);transform:scale(1.05)}
.avatar-mini-lock{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(8,9,20,.9);border:1px solid rgba(239,216,160,.22);color:#f6e3aa;font-size:10px}
.avatar-album-dialog{width:min(1060px,96vw)}
.avatar-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;max-height:min(68vh,820px);overflow:auto;padding-right:6px}
.avatar-album-entry{position:relative;border:1px solid rgba(234,208,154,.16);border-radius:24px;padding:12px;background:radial-gradient(circle at 50% 0%,rgba(132,102,192,.18),transparent 54%),linear-gradient(180deg,rgba(19,12,37,.9),rgba(10,9,22,.98));box-shadow:0 18px 40px rgba(0,0,0,.2)}
.avatar-album-entry.is-selected{box-shadow:0 0 0 1px rgba(255,225,142,.55),0 18px 40px rgba(0,0,0,.26),0 0 28px rgba(235,197,92,.22)}
.avatar-album-entry.is-open{cursor:pointer}
.avatar-album-frame{position:relative;padding:10px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.avatar-album-frame img{display:block;width:100%;aspect-ratio:1;border-radius:16px;object-fit:cover}
.avatar-album-entry.is-locked .avatar-album-frame img{filter:blur(9px) brightness(.68) saturate(.75);transform:scale(1.04)}
.avatar-album-copy{padding:12px 4px 4px}
.avatar-album-copy strong{display:block;font-size:18px;color:#fff0c6;margin-bottom:5px}
.avatar-album-copy small{display:block;color:#cfc2e9;line-height:1.45}
.avatar-album-open,.avatar-album-lock{position:absolute;left:14px;right:14px;bottom:14px;display:inline-flex;justify-content:center;align-items:center;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em}
.avatar-album-open{background:rgba(31,96,55,.88);border:1px solid rgba(176,239,164,.3);color:#ecffe7}
.avatar-album-lock{background:rgba(7,8,18,.9);border:1px solid rgba(237,213,159,.24);color:#ffefc5}
.avatar-unlock-dialog{width:min(760px,94vw);overflow:hidden}
.avatar-unlock-dialog::backdrop{backdrop-filter:blur(8px)}
.avatar-unlock-heading{position:relative;z-index:1}
.avatar-unlock-gallery{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:8px 0 10px}
.avatar-unlock-card{position:relative;border-radius:24px;padding:16px;background:radial-gradient(circle at 50% 0%,rgba(255,223,118,.18),transparent 50%),linear-gradient(180deg,rgba(38,24,70,.95),rgba(14,10,28,.98));border:1px solid rgba(243,215,151,.35);box-shadow:0 24px 50px rgba(0,0,0,.24);text-align:center;transform:translateY(12px) scale(.96);opacity:0;transition:transform .45s ease,opacity .45s ease}
.avatar-unlock-dialog.is-awake .avatar-unlock-card{transform:translateY(0) scale(1);opacity:1}
.avatar-unlock-card img{display:block;width:min(220px,100%);margin:18px auto 12px;border-radius:22px;box-shadow:0 0 0 3px rgba(255,241,192,.5),0 0 26px rgba(244,208,97,.28)}
.avatar-unlock-card strong{display:block;color:#fff2ca;font-size:22px;margin-bottom:6px}
.avatar-unlock-card small{display:block;color:#e6dbff}
.avatar-unlock-text{position:relative;z-index:1;text-align:center;color:#efe4ff;line-height:1.6;margin:10px 0 6px}
.avatar-unlock-sparkles{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.avatar-unlock-sparkles span{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff8d9 0%,#f4c75c 58%,rgba(255,255,255,0) 70%);box-shadow:0 0 12px rgba(244,199,92,.55);animation:avatarSparkle 3.6s linear infinite}
.avatar-unlock-sparkles span:nth-child(1){left:8%;top:18%;animation-delay:0s}.avatar-unlock-sparkles span:nth-child(2){left:24%;top:74%;animation-delay:.6s}.avatar-unlock-sparkles span:nth-child(3){left:48%;top:14%;animation-delay:1.2s}.avatar-unlock-sparkles span:nth-child(4){left:65%;top:68%;animation-delay:1.8s}.avatar-unlock-sparkles span:nth-child(5){left:83%;top:26%;animation-delay:2.4s}.avatar-unlock-sparkles span:nth-child(6){left:90%;top:78%;animation-delay:3s}
@keyframes avatarSparkle{0%{transform:translateY(18px) scale(.3);opacity:0}15%{opacity:1}50%{transform:translateY(-8px) scale(1)}100%{transform:translateY(-24px) scale(.2);opacity:0}}
@media (max-width: 960px){.avatar-album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.avatar-album-preview{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width: 640px){.avatar-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.avatar-album-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.avatar-unlock-gallery{grid-template-columns:1fr}.avatar-unlock-card strong{font-size:19px}}