.capsule-figure{position:relative;width:100%;height:100%;aspect-ratio:560/1100}.capsule-avatar{position:absolute;left:7.6786%;top:24.3636%;width:84.6429%;height:70.31%;isolation:isolate}.capsule-avatar img{display:block;pointer-events:none;user-select:none}.capsule-shell,.capsule-accessory{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-width:none}.capsule-accessory{z-index:5;filter:drop-shadow(0 2px 1px #0002)}.capsule-face{position:absolute;left:0;top:29%;width:100%;height:30.64%;z-index:4;overflow:hidden;border-radius:8%}.capsule-expression{width:100%;height:100%;object-fit:contain}.capsule-neck{z-index:6}.capsule-clothing,.capsule-bottoms{inset:auto;left:-9.072%;top:-8.9005%;width:118.1435%;height:117.801%}.capsule-clothing{z-index:2}.capsule-bottoms{z-index:3}.capsule-head{inset:auto;left:-9.072%;top:-21.9895%;width:118.1435%;height:142.228%;z-index:7}.mbti-portrait{--mbti-ratio:1.9642857143}.mbti-portrait.is-selected .capsule-figure{filter:none}.mbti-portraits{overflow:visible}.character-inner{overflow:visible}@media(max-width:540px){.mbti-portraits{width:115%;aspect-ratio:560/1100;margin-left:-7.5%;justify-self:center}}
/* Size and motion separate the foreground hero from the orbiting cast. */
.character:not(.character-primary):not(.character-showcase) .character-inner{animation:capsule-orbit 8s ease-in-out infinite;animation-delay:var(--delay)}
.character-primary .character-inner{animation:capsule-hero-breathe 6s ease-in-out infinite}
.character-showcase .character-inner{animation:none}
@keyframes capsule-orbit{0%,100%{transform:translateY(9px) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes capsule-hero-breathe{0%,100%{transform:translateY(4px) scale(1)}50%{transform:translateY(-6px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.character-inner{animation:none!important}}