/* v361 — PC hand area/card height additional 5% reduction + left animation effect visibility fix */
@media (min-width:851px){
  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost{
    height:406.125px!important;
    min-height:406.125px!important;
    max-height:406.125px!important;
  }

  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost .right-hand-section{
    height:406.125px!important;
    min-height:406.125px!important;
    max-height:406.125px!important;
  }

  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost .handbox{
    height:361.6137px!important;
    min-height:361.6137px!important;
    max-height:361.6137px!important;
    overflow:hidden!important;
  }

  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand{
    grid-template-rows:repeat(2,180.38448px)!important;
    grid-auto-rows:180.38448px!important;
    height:361.58121px!important;
    min-height:361.58121px!important;
    max-height:361.58121px!important;
  }

  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand .card{
    height:180.38448px!important;
    min-height:180.38448px!important;
    max-height:180.38448px!important;
    grid-template-rows:19.855px minmax(0,1fr) 26.1725px!important;
  }

  body.unified-left-layout:not(.ui-mode-mobile-preview) #leftHandHost #hand.hand .card.utility-card{
    grid-template-rows:19.855px minmax(0,1fr) 34.295px!important;
  }

  /* v357 runtime had hidden the actual effect layers in the left animation window. */
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-shade{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-energy{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    opacity:.96!important;
    pointer-events:none!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:4!important;
    overflow:hidden!important;
    opacity:1!important;
    pointer-events:none!important;
  }
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene .scene-particles i{
    display:block!important;
  }
  /* Fire uses its dedicated flame pseudo layer; avoid a duplicate particle wall. */
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-fire .scene-particles{
    display:none!important;
  }
  /* 'none' must stay visually clean. */
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-shade,
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-energy,
  body.unified-left-layout:not(.ui-mode-mobile-preview) .left-card-effect-stage .hq-card-scene.left-effect-preview-scene.fx-none .scene-particles{
    display:none!important;
  }
}