/* JakSky Avatar FX FINAL 26 — one clean engine, no V21/V22/V23/V24 stacking. */
.avatarFrame-mythic-evolution,
.avatarFrame-jade-dragon,
.avatarFrame-inferno-phoenix,
.avatarFrame-celestial-lotus,
.avatarFrame-yin-yang-seal,
.avatarFrame-void-rift{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
.avatarFrame-mythic-evolution::before,.avatarFrame-mythic-evolution::after,
.avatarFrame-jade-dragon::before,.avatarFrame-jade-dragon::after,
.avatarFrame-inferno-phoenix::before,.avatarFrame-inferno-phoenix::after,
.avatarFrame-celestial-lotus::before,.avatarFrame-celestial-lotus::after,
.avatarFrame-yin-yang-seal::before,.avatarFrame-yin-yang-seal::after,
.avatarFrame-void-rift::before,.avatarFrame-void-rift::after{
  display:none !important;content:none !important;
}
.avatarFrame-mythic-evolution .avatarFrameDecor,.avatarFrame-jade-dragon .avatarFrameDecor,
.avatarFrame-inferno-phoenix .avatarFrameDecor,.avatarFrame-celestial-lotus .avatarFrameDecor,
.avatarFrame-yin-yang-seal .avatarFrameDecor,.avatarFrame-void-rift .avatarFrameDecor{display:none !important;}

.jakAvatarFxHost > .jakAvatarFxVideo,
.jakAvatarFxHost > .jakAvatarFxFallback{
  position:absolute !important;left:50% !important;top:50% !important;
  transform:translate(-50%,-50%) !important;
  object-fit:contain !important;object-position:center !important;
  pointer-events:none !important;z-index:8 !important;
  max-width:none !important;max-height:none !important;
  border:0 !important;border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;filter:none !important;
}
/* Own profile: keep the size that already looked good. */
.profileAvatarFrameShell.jakAvatarFxHost > .jakAvatarFxVideo,
.profileAvatarFrameShell.jakAvatarFxHost > .jakAvatarFxFallback{width:162% !important;height:162% !important;}
.profileAvatarFrameShell.jakAvatarFxHost #profileAvatarMain.profileAvatarMain{
  width:72% !important;height:72% !important;position:relative !important;z-index:3 !important;
  border-radius:50% !important;object-fit:cover !important;box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
}
/* Public popup: contained inside the banner, never giant. */
.publicAvatarFrameShell.jakAvatarFxHost{
  width:98px !important;height:98px !important;min-width:98px !important;min-height:98px !important;
  max-width:98px !important;max-height:98px !important;padding:0 !important;margin:0 auto !important;
}
.publicAvatarFrameShell.jakAvatarFxHost > .jakAvatarFxVideo,
.publicAvatarFrameShell.jakAvatarFxHost > .jakAvatarFxFallback{width:142% !important;height:142% !important;}
.publicAvatarFrameShell.jakAvatarFxHost > img.publicProfileAvatar{
  width:70% !important;height:70% !important;position:relative !important;z-index:3 !important;
  margin:0 !important;border:0 !important;border-radius:50% !important;object-fit:cover !important;
  box-shadow:0 6px 18px rgba(0,0,0,.20) !important;
}
#publicProfileModal .publicProfileHero{
  height:142px !important;min-height:142px !important;display:grid !important;place-items:center !important;
  overflow:hidden !important;
}
/* Edit profile large preview. */
.editAvatarFramePreview.jakAvatarFxHost{width:118px !important;height:118px !important;padding:0 !important;}
.editAvatarFramePreview.jakAvatarFxHost > .jakAvatarFxVideo,
.editAvatarFramePreview.jakAvatarFxHost > .jakAvatarFxFallback{width:150% !important;height:150% !important;}
.editAvatarFramePreview.jakAvatarFxHost > .editProfileAvatar{
  width:72% !important;height:72% !important;position:relative !important;z-index:3 !important;
  margin:0 !important;border:0 !important;border-radius:50% !important;object-fit:cover !important;
  box-shadow:0 8px 22px rgba(0,0,0,.22) !important;
}
/* Picker: static transparent PNG to stay light on phones. */
.avatarFrameMini.jakAvatarFxMiniHost{
  position:relative !important;display:grid !important;place-items:center !important;
  width:52px !important;height:52px !important;min-width:52px !important;min-height:52px !important;
  overflow:visible !important;background:transparent !important;box-shadow:none !important;padding:0 !important;
}
.avatarFrameMini.jakAvatarFxMiniHost > img:not(.jakAvatarFxThumb){
  width:62% !important;height:62% !important;position:relative !important;z-index:2 !important;
  border-radius:50% !important;object-fit:cover !important;margin:0 !important;
}
.avatarFrameMini.jakAvatarFxMiniHost > .jakAvatarFxThumb{
  position:absolute !important;left:50% !important;top:50% !important;width:138% !important;height:138% !important;
  transform:translate(-50%,-50%) !important;object-fit:contain !important;pointer-events:none !important;
  z-index:5 !important;max-width:none !important;max-height:none !important;border:0 !important;
  background:transparent !important;box-shadow:none !important;
}
#editProfileModal .avatarFrameChoice{overflow:visible !important;}
#editProfileModal .avatarFramePicker{row-gap:12px !important;}
#editProfileModal .avatarFrameChoice.selected{
  border-color:rgba(92,190,255,.34) !important;
  background:linear-gradient(180deg,rgba(72,169,255,.055),rgba(255,255,255,.025)) !important;
  box-shadow:0 0 0 1px rgba(80,180,255,.05) inset !important;
}

/* Comments: only the dedicated lightweight video layer. */
.jakCommentAvatarWrapV19{
  position:relative !important;display:inline-grid !important;place-items:center !important;
  width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;
  max-width:40px !important;max-height:40px !important;flex:0 0 40px !important;
  margin:0 7px 1px 0 !important;padding:0 !important;vertical-align:middle !important;
  overflow:visible !important;isolation:isolate !important;line-height:0 !important;
}
.jakCommentAvatarWrapV19 > .commentAvatarV2{
  position:relative !important;z-index:2 !important;width:25px !important;height:25px !important;
  min-width:25px !important;min-height:25px !important;max-width:25px !important;max-height:25px !important;
  margin:0 !important;padding:0 !important;object-fit:cover !important;object-position:center !important;
  border-radius:50% !important;border:1px solid rgba(255,255,255,.35) !important;
  background:#14151b !important;box-shadow:0 2px 7px rgba(0,0,0,.18) !important;
}
.jakCommentAvatarWrapV19 > video.jakCommentAvatarFxOverlayV19,
.jakCommentAvatarWrapV19 > img.jakCommentAvatarFxFallbackV19{
  position:absolute !important;z-index:4 !important;left:50% !important;top:50% !important;
  width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;
  max-width:46px !important;max-height:46px !important;margin:0 !important;padding:0 !important;
  transform:translate(-50%,-50%) !important;object-fit:contain !important;object-position:center !important;
  pointer-events:none !important;border:0 !important;border-radius:0 !important;background:transparent !important;
  box-shadow:none !important;filter:none !important;
}
.jakCommentAvatarWrapV19.isReply{width:33px !important;height:33px !important;min-width:33px !important;min-height:33px !important;max-width:33px !important;max-height:33px !important;flex-basis:33px !important;}
.jakCommentAvatarWrapV19.isReply > .commentAvatarV2{width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;max-width:20px !important;max-height:20px !important;}
.jakCommentAvatarWrapV19.isReply > video.jakCommentAvatarFxOverlayV19,
.jakCommentAvatarWrapV19.isReply > img.jakCommentAvatarFxFallbackV19{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important;max-width:38px !important;max-height:38px !important;}
.jakCommentAvatarWrapV19 > .jakAvatarFxVideo,
.jakCommentAvatarWrapV19 > .jakAvatarFxThumb,
.jakCommentAvatarWrapV19 > .jakAvatarFxFallback,
.jakCommentAvatarFxArt{display:none !important;}
.comment > .jakCommentAvatarWrapV19 + .commentUserName,
.replyComment > .jakCommentAvatarWrapV19 + .commentUserName{vertical-align:middle !important;}

html[data-jak-theme="dark"] .profileAvatarFrameShell.jakAvatarFxHost #profileAvatarMain,
html[data-jak-theme="dark"] .publicAvatarFrameShell.jakAvatarFxHost img.publicProfileAvatar,
html[data-jak-theme="dark"] .editAvatarFramePreview.jakAvatarFxHost .editProfileAvatar{background:#07111f !important;}

@media(max-width:380px){
  .publicAvatarFrameShell.jakAvatarFxHost{width:92px !important;height:92px !important;min-width:92px !important;min-height:92px !important;max-width:92px !important;max-height:92px !important;}
  .avatarFrameMini.jakAvatarFxMiniHost{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;}
}
@media(prefers-reduced-motion:reduce){
  .jakAvatarFxVideo,.jakCommentAvatarFxOverlayV19{display:none !important;}
  .jakAvatarFxFallback,.jakCommentAvatarFxFallbackV19{display:block !important;}
}
