/* v622 — direct fixes: switcher placement, stage clipping, Room Familiar/dark eyes, Salon movement styling. */

/* ---------- Avatar Studio ---------- */
body.avatar-page #ggAvatarSwitcherRowV622.gg-avatar-switcher-row-v622{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:8px 12px 10px!important;
  margin:0!important;
  min-height:54px!important;
  position:relative!important;
  z-index:25!important;
}
body.avatar-page #ggAvatarSwitcherRowV622 #ggAvatarSwitcherV339{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:min(238px,70vw)!important;
  min-height:42px!important;
  padding:4px!important;
  margin:0!important;
  gap:4px!important;
  overflow:hidden!important;
  border-radius:15px!important;
  box-sizing:border-box!important;
}
body.avatar-page #ggAvatarSwitcherRowV622 #ggAvatarSwitcherV339 button{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:38px!important;
  padding:7px 8px!important;
  font-size:13px!important;
  line-height:1!important;
}
/* Yellow Avatar Studio box is the hard visual boundary. */
body.avatar-page #avatarStage,
body.avatar-page .avatar-stage{
  overflow:hidden!important;
  clip-path:inset(0 round 24px)!important;
  contain:paint!important;
}
body.avatar-page #avatarSvg{overflow:hidden!important}

/* Preserve requested avatar-side fixes while older authority files are retired. */
body.avatar-page .gg-orange-fighter-native-v179 > path:nth-of-type(3),
body.avatar-page .gg-patrol-uniform-v244 > path:nth-of-type(5){display:none!important}
body.avatar-page #ggFrontExtraLayerV622,
body.avatar-page #ggBackExtraLayerV622{display:inline!important;visibility:visible!important;opacity:1!important}
body.avatar-page #wardrobeExtraLayer{pointer-events:none!important}

/* ---------- Avatar Room ---------- */
@keyframes ggRoomEyeGlowV622{
  0%,100%{filter:drop-shadow(0 0 4px #ff274c) drop-shadow(0 0 10px rgba(255,39,76,.96)) drop-shadow(0 0 19px rgba(255,39,76,.76)) drop-shadow(0 0 30px rgba(255,39,76,.48))}
  50%{filter:drop-shadow(0 0 6px #ff274c) drop-shadow(0 0 15px rgba(255,39,76,1)) drop-shadow(0 0 28px rgba(255,39,76,.94)) drop-shadow(0 0 38px rgba(255,39,76,.58))}
}
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom #ggFamiliarRoomHostV339{
  display:block!important;
  visibility:visible!important;
  z-index:9390!important;
}
/* Put the real avatar and pet above the blackout sheet, then dim their non-eye art. */
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar{
  z-index:9410!important;
  visibility:visible!important;
  opacity:1!important;
}
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339{
  z-index:9412!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg *{
  opacity:.16!important;
  visibility:visible!important;
}
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .pet-hover svg *{
  opacity:.18!important;
  visibility:visible!important;
}
/* Actual avatar eye groups: whites remain faint; actual eye/iris art glows strongly. */
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyesWhite,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyesWhite *{
  opacity:.22!important;
  visibility:visible!important;
  fill:rgba(255,65,92,.22)!important;
}
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyes,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyes *,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyeAccessory [data-eye-core],
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyeAccessory circle,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #roomExactAvatar svg #eyeAccessory ellipse{
  fill:#ff274c!important;
  stroke:#ffd1d9!important;
  opacity:1!important;
  visibility:visible!important;
  animation:ggRoomEyeGlowV622 1.35s ease-in-out infinite!important;
}
/* Actual Familiar eyes. */
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .owl-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .dragon-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .dog-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .cat-pupil-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .ghost-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .bat-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .bunny-eye-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .dove-eye-v377,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .crow-eye-v377,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .death-moth-eye-v397{
  fill:#ff274c!important;
  background:#ff274c!important;
  stroke:#ffd1d9!important;
  opacity:1!important;
  visibility:visible!important;
  animation:ggRoomEyeGlowV622 1.35s ease-in-out infinite!important;
}
/* Keep eye sockets/rings readable without turning them into a second red-eye pair. */
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .owl-eye-ring-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .dog-eye-socket-v345,
body.avatar-room-page:not(.gg-salon-room-v206) #avatarRoom.gg-blackout-v232.gg-v622-dark-eyes #ggFamiliarRoomHostV339 .cat-eye-shape-v345{
  opacity:.35!important;
  visibility:visible!important;
}

/* ---------- Goldie's Salon ---------- */
body.gg-salon-room-v206 #ggSalonClientV230{
  animation:none!important;
  will-change:left,bottom,transform!important;
  visibility:visible!important;
}
body.gg-salon-room-v206 #ggSalonClientV230.gg-v622-floor-walk > svg,
body.gg-salon-room-v206 #ggSalonClientV230.gg-v622-floor-walk > .room-exact-avatar{
  animation:ggV622FloorBob .55s ease-in-out infinite alternate!important;
}
@keyframes ggV622FloorBob{from{transform:translateY(0)}to{transform:translateY(-1.5px)}}
body.gg-salon-room-v206 #ggSalonClientV230 [data-v327-generated-beard],
body.gg-salon-room-v206 #ggSalonClientV230 [data-gg-client-generated-beard],
body.gg-salon-room-v206 #ggSalonClientV230 #facialHair,
body.gg-salon-room-v206 #ggSalonClientV230 #beardLayer{
  transform:translateY(22px)!important;
  transform-box:fill-box!important;
  transform-origin:50% 0!important;
}
body.gg-salon-room-v206 #ggSalonStudioCutV327 [data-v327-generated-beard],
body.gg-salon-room-v206 #ggSalonStudioCutV327 [data-gg-client-generated-beard],
body.gg-salon-room-v206 #ggSalonStudioCutV327 #facialHair,
body.gg-salon-room-v206 #ggSalonStudioCutV327 #beardLayer{
  transform:translateY(24px)!important;
  transform-box:fill-box!important;
  transform-origin:50% 0!important;
}

@media(max-width:700px){
  body.avatar-page #ggAvatarSwitcherRowV622.gg-avatar-switcher-row-v622{padding:7px 10px 9px!important;min-height:52px!important}
  body.avatar-page #ggAvatarSwitcherRowV622 #ggAvatarSwitcherV339{width:min(230px,72vw)!important}
}
@media(prefers-reduced-motion:reduce){
  body.avatar-room-page #avatarRoom.gg-v622-dark-eyes #roomExactAvatar #eyes *,
  body.avatar-room-page #avatarRoom.gg-v622-dark-eyes #ggFamiliarRoomHostV339 [class*="eye"]{animation:none!important}
  body.gg-salon-room-v206 #ggSalonClientV230.gg-v622-floor-walk > svg{animation:none!important}
}