/* v363 — additional hand -5% + hard fix for card-entry/effect window */

/* 1) PC hand area: additional 5% reduction from v362. */
@media (min-width:851px){
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost,
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost .right-hand-section{
    height:374.2441875px!important;
    min-height:374.2441875px!important;
    max-height:374.2441875px!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost .handbox{
    height:333.22702455px!important;
    min-height:333.22702455px!important;
    max-height:333.22702455px!important;
    overflow:hidden!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand{
    grid-template-rows:repeat(2,166.22429832px)!important;
    grid-auto-rows:166.22429832px!important;
    height:333.197085015px!important;
    min-height:333.197085015px!important;
    max-height:333.197085015px!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand .card{
    height:166.22429832px!important;
    min-height:166.22429832px!important;
    max-height:166.22429832px!important;
    grid-template-rows:18.2963825px minmax(0,1fr) 24.11795875px!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand .card.utility-card{
    grid-template-rows:18.2963825px minmax(0,1fr) 31.6028425px!important;
  }
}

/* 2) Card appearance/effect box above HQ: hard override so effects visibly animate. */
.left-card-effect-stage > .hq-card-scene.left-effect-preview-scene{
  isolation:isolate!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-entry-motion{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  overflow:hidden!important;
  opacity:1;
  visibility:visible!important;
  transform-origin:center!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-shade,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-energy,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-particles{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-shade{
  z-index:2!important;
  background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(2,7,14,.15) 54%,rgba(0,0,0,.72) 100%)!important;
  animation:v363ShadePulse 1.35s ease-out both!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-energy{
  z-index:3!important;
  opacity:1!important;
  animation:v363EnergyBurst 1.25s cubic-bezier(.16,.72,.2,1) both!important;
  transform-origin:center!important;
  will-change:transform,filter!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-particles{
  z-index:4!important;
  opacity:1!important;
  overflow:hidden!important;
  animation:v363ParticleField 1.3s ease-out both!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene:not(.fx-none) .scene-particles i{
  display:block!important;
  visibility:visible!important;
  position:absolute!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 7px #fff,0 0 14px currentColor!important;
  animation:v363ParticleRise 1.25s ease-out both!important;
}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(1){left:12%!important;top:82%!important;animation-delay:.02s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(2){left:24%!important;top:66%!important;animation-delay:.08s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(3){left:38%!important;top:86%!important;animation-delay:.14s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(4){left:51%!important;top:72%!important;animation-delay:.20s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(5){left:63%!important;top:88%!important;animation-delay:.26s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(6){left:74%!important;top:64%!important;animation-delay:.32s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(7){left:84%!important;top:80%!important;animation-delay:.38s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i:nth-child(8){left:92%!important;top:70%!important;animation-delay:.44s!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-shade,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-energy,
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-particles{display:none!important}

/* Entry motion is reapplied last, above old transform/clip-path locks. */
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.entry-steady:not(.holding):not(.leaving) .scene-entry-motion{animation:v363EntrySteady .8s ease-out both!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.entry-impact:not(.holding):not(.leaving) .scene-entry-motion{animation:v363EntryImpact .78s cubic-bezier(.2,.72,.24,1) both!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.entry-unfold:not(.holding):not(.leaving) .scene-entry-motion{animation:v363EntryUnfold .9s cubic-bezier(.2,.76,.2,1) both!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.entry-suck:not(.holding):not(.leaving) .scene-entry-motion{animation:v363EntrySuck .95s cubic-bezier(.14,.72,.18,1) both!important}
.left-card-effect-stage .hq-card-scene.left-effect-preview-scene.entry-emerge:not(.holding):not(.leaving) .scene-entry-motion{animation:v363EntryEmerge .92s cubic-bezier(.18,.78,.2,1) both!important}

@keyframes v363ShadePulse{0%{filter:brightness(2)}45%{filter:brightness(.75)}100%{filter:brightness(1)}}
@keyframes v363EnergyBurst{0%{transform:scale(.25) rotate(-12deg);filter:brightness(2.8) saturate(1.8) blur(3px)}42%{transform:scale(1.16) rotate(3deg);filter:brightness(2) saturate(1.45)}100%{transform:scale(1) rotate(0);filter:brightness(1.08) saturate(1.12)}}
@keyframes v363ParticleField{0%{transform:scale(.7) rotate(-4deg);filter:brightness(2.2)}100%{transform:scale(1.08) rotate(2deg);filter:brightness(1)}}
@keyframes v363ParticleRise{0%{transform:translate3d(0,28px,0) scale(.25);filter:blur(2px) brightness(2.4)}55%{transform:translate3d(0,-18px,0) scale(1.5);filter:blur(0) brightness(1.7)}100%{transform:translate3d(0,-54px,0) scale(.5);filter:blur(1px) brightness(1)}}
@keyframes v363EntrySteady{0%{opacity:0;filter:brightness(.65) blur(4px);transform:translate3d(0,12px,0)}100%{opacity:1;filter:none;transform:translate3d(0,0,0)}}
@keyframes v363EntryImpact{0%{opacity:0;filter:brightness(.65);transform:translate3d(0,0,0)}22%{opacity:1;filter:brightness(1.45);transform:translate3d(-10px,2px,0) rotate(-.9deg)}38%{transform:translate3d(9px,-2px,0) rotate(.7deg)}56%{transform:translate3d(-6px,1px,0)}76%{transform:translate3d(3px,0,0)}100%{opacity:1;filter:none;transform:none}}
@keyframes v363EntryUnfold{0%{opacity:.12;clip-path:inset(0 49.5%);filter:brightness(2) blur(2px)}55%{opacity:1;clip-path:inset(0 7%);filter:brightness(1.25)}100%{opacity:1;clip-path:inset(0);filter:none}}
@keyframes v363EntrySuck{0%{opacity:0;filter:blur(20px) brightness(2.5);transform:translate3d(42px,-24px,0) skewX(-10deg)}45%{opacity:.9;filter:blur(6px) brightness(1.5);transform:translate3d(-12px,8px,0) skewX(4deg)}100%{opacity:1;filter:none;transform:none}}
@keyframes v363EntryEmerge{0%{opacity:0;clip-path:circle(0 at 50% 50%);filter:brightness(2.4) blur(5px)}55%{opacity:1;clip-path:circle(45% at 50% 50%);filter:brightness(1.35) blur(1px)}100%{opacity:1;clip-path:circle(75% at 50% 50%);filter:none}}