/* v674 — preview mode chamber + gothic salon art + interactive room Familiar authority */
:root{
  --gg-v674-silver:linear-gradient(145deg,#f7f9fb 0%,#cdd3da 28%,#8f98a4 52%,#e6e9ed 72%,#7a838e 100%);
  --gg-v674-gold:linear-gradient(145deg,#f3dc83 0%,#b89032 30%,#6e4e13 52%,#d8b956 75%,#8c671d 100%);
  --gg-v674-purple:linear-gradient(145deg,#ad74df 0%,#70409b 31%,#261631 55%,#7846a7 77%,#3a1f52 100%);
}
body.avatar-page .avatar-preview-card.rich-avatar-card{
  position:relative;isolation:isolate;overflow:hidden;
  transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;
}
body.avatar-page .avatar-preview-card.rich-avatar-card::before,
body.avatar-page .avatar-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.36;
  background-image:linear-gradient(120deg,transparent 0 46%,rgba(255,255,255,.16) 48%,transparent 50%),radial-gradient(circle at 12px 12px,rgba(18,20,24,.48) 0 2px,transparent 2.5px);
  background-size:88px 100%,42px 42px;
}
body.avatar-page .avatar-preview-card.rich-avatar-card>*{position:relative;z-index:1}
body.avatar-page .avatar-stage{position:relative;isolation:isolate;transition:background .24s ease,box-shadow .24s ease}
/* The actors participate in layout; transient effects must not become grid items. */
body.avatar-page .avatar-stage>:is(#avatarSvg,#ggAvatarIdleRigV786,#ggFamiliarPreviewV339){position:relative;z-index:1}
body.avatar-page .avatar-preview-card.gg-preview-mode-basic,
body.avatar-page .avatar-preview-card.gg-preview-mode-basic .avatar-stage,
body.avatar-page .avatar-preview-card.gg-preview-mode-basic #ggFamiliarPreviewV339{background:var(--gg-v674-silver)!important;border-color:#808995!important;box-shadow:inset 0 0 34px rgba(30,35,42,.30),0 10px 28px rgba(0,0,0,.15)!important}
body.avatar-page .avatar-preview-card.gg-preview-mode-unlocked,
body.avatar-page .avatar-preview-card.gg-preview-mode-unlocked .avatar-stage,
body.avatar-page .avatar-preview-card.gg-preview-mode-unlocked #ggFamiliarPreviewV339{background:var(--gg-v674-gold)!important;border-color:#8c681f!important;box-shadow:inset 0 0 34px rgba(48,31,4,.34),0 10px 28px rgba(0,0,0,.18)!important}
body.avatar-page .avatar-preview-card.gg-preview-mode-purchased,
body.avatar-page .avatar-preview-card.gg-preview-mode-purchased .avatar-stage,
body.avatar-page .avatar-preview-card.gg-preview-mode-purchased #ggFamiliarPreviewV339{background:var(--gg-v674-purple)!important;border-color:#4d276d!important;box-shadow:inset 0 0 38px rgba(12,5,18,.46),0 10px 28px rgba(0,0,0,.22)!important}body.avatar-page .avatar-preview-card.gg-preview-mode-purchased{background:linear-gradient(145deg,#f4f4f4 0%,#d1d1d1 48%,#b7b7b7 100%)!important;border-color:#4d276d!important;box-shadow:none!important;color:#181818;}
body.avatar-page .avatar-preview-card.gg-preview-mode-unlocked::after,
body.avatar-page .avatar-preview-card.gg-preview-mode-purchased::after{
  content:"";position:absolute;inset:10px;border:1px solid currentColor;border-radius:20px;pointer-events:none;z-index:0;opacity:.22;
  background:repeating-linear-gradient(135deg,transparent 0 21px,currentColor 22px 23px,transparent 24px 44px);
}
body.avatar-page .avatar-preview-card.gg-preview-mode-unlocked::after{color:#ffe699}
body.avatar-page .avatar-preview-card.gg-preview-mode-purchased::after{color:#d6a8ff}

/* Shared gothic/bone/dragon salon icon authority. */
.gg-gothic-icon-v674{display:inline-grid;place-items:center;width:1.35em;height:1.35em;vertical-align:-.24em;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}
.gg-gothic-icon-v674 svg{display:block;width:100%;height:100%;overflow:visible}
.gg-gothic-scissors-v674 .blade{fill:none;stroke:#d8dde4;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.gg-gothic-scissors-v674 .bone{fill:#e8e0d2;stroke:#242027;stroke-width:2}
.gg-gothic-scissors-v674 .dark{fill:#242027;stroke:#b99745;stroke-width:1.4}
.gg-gothic-brush-v674 .handle{fill:#dfd5c7;stroke:#28222c;stroke-width:2}
.gg-gothic-brush-v674 .scale{fill:#4e3b58;stroke:#c3a451;stroke-width:1.2}
.gg-gothic-brush-v674 .bristle{fill:#1b1820;stroke:#a78d4e;stroke-width:1.1}
.gg-gothic-crest-v674{display:inline-flex;align-items:center;justify-content:center;gap:0;position:relative}
.gg-gothic-crest-v674 .gg-gothic-icon-v674:first-child{transform:rotate(-24deg) translateX(.12em)}
.gg-gothic-crest-v674 .gg-gothic-icon-v674:last-child{transform:rotate(24deg) translateX(-.12em)}
.gg-atmosphere-item.scissor .gg-gothic-icon-v674{width:34px;height:34px}
.gg-v592-tool-orbit .gg-gothic-icon-v674{width:58px;height:58px}
#ggV531AutoCutFx .gg-gothic-icon-v674,#ggV505CutFx .gg-gothic-icon-v674,.gg-v491-cut-fx .gg-gothic-icon-v674,.gg-v501-cut-fx .gg-gothic-icon-v674{width:30px;height:30px}
#ggV531AutoCutFx .brush .gg-gothic-icon-v674,.gg-v491-cut-fx .fx-brush .gg-gothic-icon-v674{width:28px;height:28px}
body.goldie-page .gg-atmosphere-item,body.gg-salon-room-v206 .gg-atmosphere-item{pointer-events:none!important}

/* Auto Cut custom art remains light: only transforms/opacity are animated. */
.gg-v674-auto-tool{position:absolute;z-index:50;pointer-events:none;will-change:transform,opacity}
.gg-v674-auto-tool.scissor{animation:ggV674Snip .78s cubic-bezier(.25,.75,.25,1) infinite alternate}
.gg-v674-auto-tool.brush{animation:ggV674Brush .95s ease-in-out infinite alternate}
@keyframes ggV674Snip{from{transform:translate3d(-4px,3px,0) rotate(-12deg) scale(.94)}to{transform:translate3d(6px,-3px,0) rotate(10deg) scale(1.06)}}
@keyframes ggV674Brush{from{transform:translate3d(-7px,2px,0) rotate(-18deg)}to{transform:translate3d(8px,-2px,0) rotate(14deg)}}

/* Room full-size Familiar tap animations. Placement root is NEVER transformed. */
#ggFamiliarRoomHostV339{touch-action:none;cursor:pointer}
#ggFamiliarRoomHostV339 .gg-familiar-special-motion{transform-origin:50% 60%;will-change:transform,opacity}
#ggFamiliarRoomHostV339.gg-v674-tap-active{z-index:1750!important}
#ggFamiliarRoomHostV339 .gg-v674-pet-fx{position:absolute;inset:-25%;pointer-events:none;z-index:90;overflow:visible}
#ggFamiliarRoomHostV339 .gg-v674-pet-fx i{position:absolute;pointer-events:none}
.gg-v674-feather{width:8px;height:13px;border-radius:70% 15% 70% 15%;background:linear-gradient(145deg,#f2f0e9,#8d930a);opacity:0;animation:ggV674Feather .85s ease-out forwards}
.gg-v674-feather.dark{background:linear-gradient(145deg,#4a4650,#111217)}
.gg-v674-spark{width:7px;height:7px;border-radius:50%;background:#f5d777;box-shadow:0 0 9px #f4ca52;opacity:0;animation:ggV674Spark .7s ease-out forwards}
.gg-v674-smoke{width:15px;height:15px;border-radius:50%;background:rgba(180,185,191,.62);box-shadow:12px -5px 0 rgba(140,145,153,.38);opacity:0;animation:ggV674Smoke .85s ease-out forwards}
.gg-v674-bubble{width:10px;height:10px;border:1.5px solid rgba(154,229,255,.9);border-radius:50%;opacity:0;animation:ggV674Bubble .9s ease-out forwards}
@keyframes ggV674Feather{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}25%{opacity:.9}100%{opacity:0;transform:translate3d(var(--dx,18px),var(--dy,36px),0) rotate(170deg)}}
@keyframes ggV674Spark{0%{opacity:0;transform:scale(.3)}30%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx,20px),var(--dy,-26px),0) scale(.2)}}
@keyframes ggV674Smoke{0%{opacity:0;transform:scale(.4)}35%{opacity:.75}100%{opacity:0;transform:translate3d(var(--dx,20px),-24px,0) scale(1.7)}}
@keyframes ggV674Bubble{0%{opacity:0;transform:scale(.4)}30%{opacity:.85}100%{opacity:0;transform:translate3d(var(--dx,12px),-38px,0) scale(1.25)}}

/* Full room must use native renderer; AI helper/card visuals are not room pets. */
#avatarRoom #ggAiPetV370,#avatarRoom .gg-ai-helper-v370,#avatarRoom .gg-ai-pet-preview,#avatarRoom [data-ai-pet-preview]{display:none!important;pointer-events:none!important}

@media(max-width:700px){
  .gg-atmosphere-item.scissor .gg-gothic-icon-v674{width:28px;height:28px}
  body.goldie-page .gg-atmosphere-item:nth-of-type(n/**/+10){display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .gg-v674-auto-tool,.gg-v674-feather,.gg-v674-spark,.gg-v674-smoke,.gg-v674-bubble{animation:none!important}
  body.avatar-page .avatar-preview-card.rich-avatar-card,body.avatar-page .avatar-stage{transition:none!important}
}
.room-station-v060::after{content:""!important}.room-station-v060 .gg-v674-station-icon{position:absolute;right:10px;top:9px;width:38px;height:38px;z-index:3;pointer-events:none}