/* Grim & Goldie Studios v690 — shared Salon, Room, reviews, and Familiar fixes. */

/* Goldie's Salon: keep the one shared music/shop dock directly below the header. */
body.gg-salon-room-v206 .gg-book-music-dock-bottom-v669{
  position:fixed!important;
  left:50%!important;
  top:max(76px,calc(env(safe-area-inset-top) + 62px))!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  z-index:2147483300!important;
}
body.gg-salon-room-v206 .room-main{padding-top:max(118px,calc(env(safe-area-inset-top) + 102px))!important}

/* Gold metallic door treatment in the Salon header. */
body.gg-salon-room-v206 :is(.gg-salon-door-top-v242,.room-nav-icon,.gg-one-door-v250){
  background:linear-gradient(145deg,#fff0a1 0%,#dfb74a 34%,#b77d17 72%,#704309 100%)!important;
  border:2px solid #755014!important;
  color:#201707!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.62),0 7px 15px rgba(73,44,4,.3)!important;
}

/* Avatar Home category and option rails: native one-finger horizontal movement. */
body.avatar-room-page :is(#roomCategoryLoop,#roomOptionLoop){
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:none!important;
  padding-inline:38px!important;
  pointer-events:auto!important;
}
body.avatar-room-page :is(#roomCategoryLoop,#roomOptionLoop)::-webkit-scrollbar{display:none!important}
body.avatar-room-page :is(#roomCategoryLoop,#roomOptionLoop)>*{flex:0 0 auto!important;touch-action:manipulation!important}
body.avatar-room-page :is(.room-category-wrap-v061,#roomOptionDrawer,.room-studio-drawer){overflow:visible!important;pointer-events:auto!important}

/* The dark submenu cards always use readable white copy. */
body.avatar-room-page #roomOptionLoop :is(.room-option-chip,button,[data-room-option]),
body.avatar-room-page #roomOptionLoop :is(span,b,strong,small,i){
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.88)!important;
}
body.avatar-room-page #roomOptionLoop small{color:#e2e6eb!important}

/* Daily streak gold, Achievement/Trophy shell silver. */
body.avatar-room-page #dailyStreak.streak-badge{
  min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:9px 13px!important;
  border:2px solid #795411!important;border-radius:999px!important;
  background:linear-gradient(145deg,#fff0a3,#dfb64b 42%,#ad7618 100%)!important;
  color:#191308!important;font-weight:950!important;
  box-shadow:inset 0 1px #fff7bf,0 6px 14px rgba(85,52,3,.25)!important;
}
body.avatar-room-page .gg-progression-v106{
  background:linear-gradient(145deg,#f2f4f6 0%,#cbd0d6 43%,#989fa8 100%)!important;
  border:2px solid #646b74!important;color:#111318!important;
  box-shadow:inset 0 2px rgba(255,255,255,.82),0 10px 25px rgba(0,0,0,.18)!important;
}
body.avatar-room-page .gg-progression-v106 :is(h2,strong,p,span){color:#111318!important;text-shadow:none!important}
body.avatar-room-page .gg-progression-v106 .gg-achievement-v106{background:linear-gradient(145deg,#363940,#202228)!important;color:#fff!important}
body.avatar-room-page .gg-progression-v106 .gg-achievement-v106 :is(b,span){color:#f0f2f4!important}

/* Upper review action reuses the existing form section. */
.gg-review-spotlight-v688 .gg-review-top-action-v690{
  width:100%;min-height:46px;margin-top:12px;border:2px solid #77530f;border-radius:13px;
  background:linear-gradient(145deg,#fff0a0,#d9ad3e 50%,#a87016);color:#171108;
  font:950 14px/1 Inter,system-ui,sans-serif;box-shadow:inset 0 1px #fff7be,0 6px 14px rgba(77,47,3,.24);
}

/* Familiar preview is anchored to its own Studio stage, never the page edge. */
body.avatar-page #avatarStage{position:relative!important;overflow:hidden!important}
body.avatar-page #ggFamiliarPreviewV339{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;align-items:center!important}
body.avatar-page #ggFamiliarPreviewV339>.gg-familiar-avatar-v339,
body.avatar-page #ggFamiliarPreviewV339>.gg-familiar-main-model-v416,
body.avatar-page #ggFamiliarPreviewV339>[data-pet-type]{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:2px auto!important;translate:none!important;transform:none!important;transform-origin:center!important;
  width:min(150px,42%)!important;height:min(150px,42%)!important;max-width:calc(100% - 28px)!important;max-height:calc(100% - 96px)!important;
}
body.avatar-page #ggFamiliarPreviewV339 :is(svg,.gg-familiar-avatar-v339){max-width:100%!important;max-height:100%!important}

@media(max-width:560px){
  body.gg-salon-room-v206 .gg-book-music-dock-bottom-v669{top:max(72px,calc(env(safe-area-inset-top) + 58px))!important}
  body.gg-salon-room-v206 .room-main{padding-top:max(112px,calc(env(safe-area-inset-top) + 96px))!important}
}