/* v548 — rebuilt hand selection, graphics, and animation pass */
body.avatar-page.gg-hands-v548 #ggV548HandsPanel{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
  gap:12px;
  align-items:stretch;
}
body.avatar-page.gg-hands-v548 .gg-v548-hand-btn{
  appearance:none;
  border:1px solid rgba(143,149,158,.9);
  border-radius:18px;
  min-height:92px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:linear-gradient(145deg,#f5f6f8,#cbd1d8 48%,#eef1f4) !important;
  color:#232831 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 4px 10px rgba(0,0,0,.08) !important;
  font:700 12px/1.1 inherit;
  text-align:center;
}
body.avatar-page.gg-hands-v548 .gg-v548-hand-btn.active{
  background:linear-gradient(145deg,#f6dc84,#c99e36 55%,#f0cf69) !important;
  border-color:#9d7420 !important;
  color:#17140d !important;
  transform:translateY(-1px);
}
body.avatar-page.gg-hands-v548 .gg-v548-hand-preview{
  width:42px;height:42px;display:block;overflow:visible;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.18));
}
body.avatar-page.gg-hands-v548 .gg-v548-hand-label{display:block;max-width:72px}
body.avatar-page.gg-hands-v548 .gg-v548-hand-preview .gg-v548-icon-glow{opacity:.65}

body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536{pointer-events:none!important}
body.avatar-page.gg-hands-v548 svg #ggFloatingHandsV515{display:none!important;visibility:hidden!important;opacity:0!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="none"]{display:none!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .hand-motion{transform-box:fill-box;transform-origin:50% 82%;animation:none!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-hi{opacity:.42;mix-blend-mode:screen}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-shadow{opacity:.22}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-claw{filter:drop-shadow(0 0 2px rgba(255,255,255,.35))}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v166-claw-hand{
  shape-rendering:geometricPrecision;
}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v166-digits>*{vector-effect:non-scaling-stroke}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-spike{animation:ggV548Spike 2.2s ease-in-out infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-bolt{animation:ggV548Bolt .78s steps(2,end) infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-beard{animation:ggV548Beard 1.6s ease-in-out infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-normal-hand :is(.gg-v988-hand-rest,.gg-v988-hand-open,.gg-v988-hand-point){transform-box:fill-box;transform-origin:center}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-hand-rest{opacity:1;animation:ggV988HandRest 11.6s steps(1,end) infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-hand-open{opacity:0;animation:ggV988HandOpen 11.6s steps(1,end) infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-hand-point{opacity:0;animation:ggV988HandPoint 11.6s steps(1,end) infinite}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .hand-right .gg-v988-normal-hand :is(.gg-v988-hand-rest,.gg-v988-hand-open,.gg-v988-hand-point){animation-delay:-3.1s}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="float"] .hand-left .hand-motion,
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="wave"] .hand-left .hand-motion,
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="beardKnuckles"] .hand-left .hand-motion,
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="gothSpikes"] .hand-left .hand-motion{animation:ggV548FloatL 3s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="float"] .hand-right .hand-motion,
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="beardKnuckles"] .hand-right .hand-motion,
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="gothSpikes"] .hand-right .hand-motion{animation:ggV548FloatR 3.2s ease-in-out .12s infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="wave"] .hand-right .hand-motion{animation:ggV548Wave 1.08s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="bounce"] .hand-left .hand-motion{animation:ggV548BounceL 1.14s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="bounce"] .hand-right .hand-motion{animation:ggV548BounceR 1.14s ease-in-out .08s infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="crab"] .hand-left .hand-motion{animation:ggV548CrabL .88s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="crab"] .hand-right .hand-motion{animation:ggV548CrabR .88s ease-in-out .08s infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="boxing"] .hand-left .hand-motion{animation:ggV548BoxL .96s cubic-bezier(.42,0,.3,1) infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="boxing"] .hand-right .hand-motion{animation:ggV548BoxR .96s cubic-bezier(.42,0,.3,1) infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="hulk"] .hand-left .hand-motion{animation:ggV548HulkL 1.36s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="hulk"] .hand-right .hand-motion{animation:ggV548HulkR 1.36s ease-in-out .1s infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="wolverine"] .hand-left .hand-motion{animation:ggV548SlashL 1.05s ease-in-out infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="wolverine"] .hand-right .hand-motion{animation:ggV548SlashR 1.05s ease-in-out .08s infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="electric"] .hand-left .hand-motion{animation:ggV548ElectricL .82s linear infinite!important}
body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536[data-mode="electric"] .hand-right .hand-motion{animation:ggV548ElectricR .82s linear infinite!important}

@keyframes ggV548FloatL{0%,100%{transform:translate(0,0) rotate(-4deg)}38%{transform:translate(-1px,-2px) rotate(2deg)}72%{transform:translate(1px,-1px) rotate(-1deg)}}
@keyframes ggV548FloatR{0%,100%{transform:translate(0,0) rotate(4deg)}42%{transform:translate(1px,-2px) rotate(-2deg)}76%{transform:translate(-1px,-1px) rotate(1deg)}}
@keyframes ggV548Wave{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(3px,-7px) rotate(14deg)}50%{transform:translate(4px,-10px) rotate(22deg)}75%{transform:translate(1px,-4px) rotate(-7deg)}}
@keyframes ggV548BounceL{0%,100%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(-9px) rotate(-5deg) scale(1.04)}}
@keyframes ggV548BounceR{0%,100%{transform:translateY(2px) rotate(1deg)}50%{transform:translateY(-9px) rotate(5deg) scale(1.04)}}
@keyframes ggV548CrabL{0%,100%{transform:translateY(1px) rotate(-2deg) scaleX(1)}50%{transform:translateY(-6px) rotate(-16deg) scaleX(1.06)}}
@keyframes ggV548CrabR{0%,100%{transform:translateY(1px) rotate(2deg) scaleX(1)}50%{transform:translateY(-6px) rotate(16deg) scaleX(1.06)}}
@keyframes ggV548BoxL{0%,100%{transform:translate(0,2px) scale(1)}30%{transform:translate(-2px,-2px) scale(1.02)}50%{transform:translate(-10px,-10px) scale(1.05)}70%{transform:translate(-1px,-1px) scale(1.02)}}
@keyframes ggV548BoxR{0%,100%{transform:translate(0,2px) scale(1)}30%{transform:translate(2px,-2px) scale(1.02)}50%{transform:translate(10px,-10px) scale(1.05)}70%{transform:translate(1px,-1px) scale(1.02)}}
@keyframes ggV548HulkL{0%,100%{transform:translate(0,2px) scale(1)}50%{transform:translate(-5px,-8px) scale(1.1) rotate(-6deg)}}
@keyframes ggV548HulkR{0%,100%{transform:translate(0,2px) scale(1)}50%{transform:translate(5px,-8px) scale(1.1) rotate(6deg)}}
@keyframes ggV548SlashL{0%,100%{transform:translate(0,2px) rotate(0)}50%{transform:translate(-8px,-10px) rotate(-14deg)}}
@keyframes ggV548SlashR{0%,100%{transform:translate(0,2px) rotate(0)}50%{transform:translate(8px,-10px) rotate(14deg)}}
@keyframes ggV548ElectricL{0%,100%{transform:translate(0,2px) rotate(-1deg) scale(1);filter:drop-shadow(0 0 4px rgba(121,240,255,.45))}50%{transform:translate(-2px,-8px) rotate(-4deg) scale(1.05);filter:drop-shadow(0 0 10px rgba(121,240,255,.8))}}
@keyframes ggV548ElectricR{0%,100%{transform:translate(0,2px) rotate(1deg) scale(1);filter:drop-shadow(0 0 4px rgba(121,240,255,.45))}50%{transform:translate(2px,-8px) rotate(4deg) scale(1.05);filter:drop-shadow(0 0 10px rgba(121,240,255,.8))}}
@keyframes ggV548Spike{0%,100%{opacity:.96}50%{opacity:.58}}
@keyframes ggV548Bolt{0%,100%{opacity:.4}50%{opacity:1}}
@keyframes ggV548Beard{0%,100%{transform:translateY(0)}50%{transform:translateY(1.2px)}}
@keyframes ggV988HandRest{0%,66%,74%,87%,93%,100%{opacity:1}67%,73%,88%,92%{opacity:0}}
@keyframes ggV988HandOpen{0%,66%,74%,100%{opacity:0}67%,73%{opacity:1}}
@keyframes ggV988HandPoint{0%,87%,93%,100%{opacity:0}88%,92%{opacity:1}}
@media (prefers-reduced-motion:reduce){
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .hand-motion,
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-spike,
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-bolt,
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v548-beard,
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-normal-hand :is(.gg-v988-hand-rest,.gg-v988-hand-open,.gg-v988-hand-point){animation:none!important}
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 .gg-v988-hand-rest{opacity:1!important}
  body.avatar-page.gg-hands-v548 svg #ggGlobalHandsV536 :is(.gg-v988-hand-open,.gg-v988-hand-point){opacity:0!important}
}
/* v166 reference-gremlin claw redesign */
body.avatar-page.gg-hands-v548 #ggGlobalHandsV536 .hand-left,
body.avatar-page.gg-hands-v548 #ggGlobalHandsV536 .hand-right{transform-box:fill-box;transform-origin:center}
body.avatar-page.gg-hands-v548 .gg-v548-hand-preview{width:42px;height:42px}
body.avatar-page.gg-hands-v548 .gg-v548-hand-btn{min-height:86px;padding:9px 7px}