/* iPhone 12 landscape*/


@media screen and (max-width: 845px)  {

   :root {
      --scale: 0.38; /* Default scale value */
   }

   body {
      font-size: 15px;
   }

   #boxUserHand .card {
      transform: scale(var(--scale));
   }

   #battlefield .boxCardsPlayed .card {
      transform: scale(var(--scale));
   }


   @keyframes evade {
      0% {
         transform: scale(var(--scale)) translateY(0); /* Combine scale and translateX */
      }
      50% {
         transform: scale(var(--scale)) translateY(-40px); /* Combine both */
      }
      100% {
         transform: scale(var(--scale)) translateY(0);
      }
   }

   #popupCardDetail {
      zoom: 0.8;
   }

   #modules .grid .iap {
      max-height: 60vh;
   }

   .imgDeal .card {
      zoom: 0.8;
  }

  .card .cardTexts {
   font-size: 100%;
  }

  .card .name {
   font-size: 160%;
   line-height: 2.2em
  }

  .card .unitType {
   font-size: 10.5px
  }

  .card .cardPowers {
   width: 60px;
  }

  .boxAttributeIcon, .boxEffectIcon {
   width: 42px;
   height: 42px;
   
}


   /* -- user -- */

   .boxStat {
      min-height: 30px;
      padding: 2px 4px
   }
   .boxStat h3 {
      line-height: 26px;
   }


   #popRateMe .star:before {
      content: "\2B50";
      font-size: 30px;
   }
}