/* Circle depth for other profiles; founder artwork keeps its existing treatment. */
body:not(.king-profile-mode) #content .profile-title>.avatar,body:not(.king-profile-mode) #content .visitor-profile-avatar{box-shadow:0 5px 13px #0005,0 1px 3px #0003!important}
.spectrum-entry{position:relative;isolation:isolate;overflow:hidden}
.spectrum-entry:after{content:'';position:absolute;inset:-40%;pointer-events:none;opacity:0;z-index:3;background:linear-gradient(112deg,transparent 42%,color-mix(in srgb,var(--geo-action,var(--accent)) 9%,transparent) 47%,#ffffff25 49.5%,color-mix(in srgb,var(--geo-action,var(--accent)) 16%,transparent) 51%,transparent 56%);transform:translateX(-65%) rotate(-5deg);mix-blend-mode:screen}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduced]):not([data-motion=paused]) .spectrum-entry.dimension-shift:after{animation:dimensionSweep 1900ms cubic-bezier(.2,.65,.25,1) both}@keyframes dimensionSweep{0%{opacity:0;transform:translateX(-65%) rotate(-5deg)}22%{opacity:.8}74%{opacity:.6}100%{opacity:0;transform:translateX(65%) rotate(-5deg)}}}
@media(prefers-reduced-motion:reduce){.spectrum-entry:after{display:none!important}.spectrum-next{transition:none!important}}
html[data-motion=paused] .spectrum-entry:after,html[data-motion=reduced] .spectrum-entry:after{display:none!important}

.spectrum-hero .spectrum-entry{aspect-ratio:1672/941!important;height:auto!important;padding:0!important;width:100%;display:block}.spectrum-hero .spectrum-entry>.spectrum-base{display:block;width:100%!important;height:auto!important;aspect-ratio:1672/941;object-fit:contain!important}.spectrum-hero .spectrum-entry>.spectrum-next{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important}

/* Feathered reveal avoids a hard circle edge; opacity remains the fallback. */
@property --portal-radius{syntax:'<percentage>';inherits:false;initial-value:0%}
.spectrum-entry>.spectrum-next{-webkit-mask-image:radial-gradient(circle at 72% 52%,#000 max(0%,calc(var(--portal-radius) - 18%)),transparent var(--portal-radius));mask-image:radial-gradient(circle at 72% 52%,#000 max(0%,calc(var(--portal-radius) - 18%)),transparent var(--portal-radius))}
.spectrum-entry:after{background:linear-gradient(112deg,transparent 39%,color-mix(in srgb,var(--geo-action,var(--accent)) 14%,transparent) 45%,#ffffff20 48%,#ffffff85 49.6%,#ffffff0a 50.3%,color-mix(in srgb,var(--geo-action,var(--accent)) 25%,transparent) 52%,transparent 59%);will-change:transform,opacity}
.hero-jewel-glint{position:absolute;width:clamp(9px,1.3vw,16px);height:clamp(9px,1.3vw,16px);opacity:0;pointer-events:none;z-index:4;background:radial-gradient(circle,#fff 0 9%,#e3fbffbb 20%,transparent 70%);filter:drop-shadow(0 0 3px #fff9);clip-path:polygon(50% 0,57% 40%,100% 50%,58% 57%,50% 100%,43% 58%,0 50%,42% 42%)}.glint-one{left:29%;top:27%;--spark-delay:650ms}.glint-two{left:71%;top:26%;--spark-delay:1150ms}.glint-three{left:16%;top:77%;--spark-delay:1550ms}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduced]):not([data-motion=paused]) .spectrum-entry.dimension-shift:after{animation-duration:2600ms;animation-timing-function:cubic-bezier(.25,.1,.25,1)}html:not([data-motion=reduced]):not([data-motion=paused]) .dimension-shift .hero-jewel-glint{animation:jewelGlint 950ms ease-in-out var(--spark-delay) both}@keyframes jewelGlint{0%,100%{opacity:0;transform:scale(.35) rotate(-12deg)}46%{opacity:.95;transform:scale(1.25) rotate(8deg)}65%{opacity:.55;transform:scale(.9) rotate(13deg)}}}
html[data-motion=paused] .hero-jewel-glint,html[data-motion=reduced] .hero-jewel-glint{display:none!important}
@media(prefers-reduced-motion:reduce){.hero-jewel-glint{display:none!important}}