/* Sky behind fixed marble, frame on the identity avatar only. */
.profile-page .profile-layered-scene{isolation:isolate;background:#070f18}
.profile-page .profile-deep-sky{position:absolute;inset:-4%;z-index:0;background:url('/static/art/sanctuary-profile.webp') center 16%/160% 145% no-repeat;filter:brightness(.84);animation:profile-deep-cloud-flow 38s linear infinite;animation-delay:-19s}
.profile-page .profile-deep-sky.sky-following{animation-delay:-38s;opacity:0}
.profile-page .profile-marble-foreground{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:fill;filter:brightness(.8);transform:none;animation:none;mask-image:linear-gradient(90deg,#000 0%,#000 16%,transparent 19%,transparent 81%,#000 84%,#000 100%),linear-gradient(transparent 70%,#000 72%);pointer-events:none}
.profile-page .profile-dawn{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 80% 20%,#f1d09b4a,transparent 34%);animation:profile-dawn-breathe 29s ease-in-out infinite alternate;animation-delay:-11s}
.profile-page .profile-sun-rays{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.profile-avatar-frame{position:relative;display:grid;place-items:center;width:108px;height:108px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#394854,#09131d 35%,#2d3a44 70%,#101922);box-shadow:0 9px 23px #0008,inset 0 0 0 1px #90a4b05c}
.profile-page .profile-avatar-frame .avatar{width:94px;height:94px;border:1px solid #9aa7ad;overflow:hidden;box-shadow:inset 0 0 0 2px #040b12;background-color:#0a121b}
.profile-page .profile-avatar-frame .avatar img{border-radius:50%}
.profile-page .profile-avatar-frame .avatar:before,.profile-page .profile-avatar-frame .avatar:after{display:none}
.profile-page .profile-avatar-frame .avatar:after{content:"";display:block;position:absolute;inset:0;border:0;border-radius:50%;mask-image:none;background:linear-gradient(135deg,transparent 12%,#fff0cb33 42%,#f3d7a31a 55%,transparent 75%);pointer-events:none;animation:profile-avatar-illumination 10s ease-in-out infinite;animation-delay:-3s;z-index:2}
.avatar-rim{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none}
.avatar-rim circle{transform-origin:56px 56px;stroke-width:2;stroke-linecap:round}
.rim-base{stroke:#7b8f9d;opacity:.65}
.avatar-rim .rim-silver{stroke:url('#avatar-silver-light');stroke-width:2.6;opacity:.65;animation:none}
.avatar-rim .rim-gold{stroke:url('#avatar-warm-light');stroke-width:1.8;opacity:.3;animation:none}
.profile-page .home-motion-paused .avatar-rim circle{animation-play-state:paused!important}
@keyframes profile-deep-cloud-flow{0%{transform:translate3d(-6%,0,0) scale(1.04);opacity:0}50%{opacity:1}100%{transform:translate3d(6%,0,0) scale(1.04);opacity:0}}
@keyframes profile-dawn-breathe{from{opacity:.3;transform:translateX(-1%)}to{opacity:.7;transform:translateX(2%)}}
@keyframes sunbeam-play{0%,100%{opacity:.22;transform:rotate(-2deg)}37%{opacity:.82;transform:rotate(2.5deg)}68%{opacity:.4;transform:rotate(.5deg)}}
@keyframes sunbeam-drift{0%,100%{opacity:.72;transform:rotate(2deg)}26%{opacity:.28;transform:rotate(-2.5deg)}72%{opacity:.85;transform:rotate(-.5deg)}}
@keyframes profile-avatar-illumination{0%,100%{opacity:.16}30%{opacity:.7}58%{opacity:.3}78%{opacity:.85}}
@keyframes avatar-silver-reflection{from{opacity:.25}to{opacity:.95}}
@keyframes avatar-gold-reflection{from{opacity:.12}to{opacity:.62}}
@media(max-width:360px){.profile-avatar-frame{width:96px;height:96px}.profile-page .profile-avatar-frame .avatar{width:82px;height:82px}}
@media(prefers-reduced-motion:reduce){.profile-page .avatar-rim circle,.profile-page .profile-avatar-frame .avatar:after{animation:none!important}}