/* Q71 - SOLO iPhone SE / piccoli iPhone iOS.
   Nessun effetto su Android o telefoni piu grandi. */
@supports (-webkit-touch-callout:none){
  @media screen and (max-width:375px) and (max-height:667px){
    .game-layout{
      padding:6px!important;
      gap:4px!important;
      min-height:calc(100dvh - 52px)!important;
      overflow:hidden!important;
    }

    .player-zone,.bot-zone{
      padding:7px 8px!important;
      min-height:0!important;
      border-radius:14px!important;
    }

    .player-zone .hand,
    .bot-zone .hand,
    .player-hand,
    .bot-hand{
      gap:3px!important;
      flex-wrap:nowrap!important;
      justify-content:center!important;
      align-items:center!important;
    }

    .player-zone .hand img,
    .bot-zone .hand img,
    .player-hand img,
    .bot-hand img,
    .player-zone .hand-card-wrap img,
    .bot-zone .hand-card-wrap img{
      width:52px!important;
      max-width:52px!important;
      height:auto!important;
    }

    .center-table,.table-zone{
      min-height:0!important;
      padding:2px 0!important;
    }

    .table-cards{
      gap:4px!important;
      max-width:286px!important;
      margin:auto!important;
      align-content:center!important;
      justify-content:center!important;
    }

    .table-cards img,
    .table-cards .hand-card-wrap img{
      width:55px!important;
      max-width:55px!important;
      height:auto!important;
    }

    .accusation-cards,
    .good-cards,
    .buona-cards{
      gap:3px!important;
      flex-wrap:nowrap!important;
    }

    .accusation-cards img,
    .good-cards img,
    .buona-cards img{
      width:50px!important;
      max-width:50px!important;
      height:auto!important;
    }

    .message{
      margin:3px!important;
      padding:5px 8px!important;
      font-size:.76rem!important;
    }

    .game-nav{
      min-height:52px!important;
      height:52px!important;
      padding:0 8px!important;
    }
  }

  /* iPhone SE di prima generazione / viewport 320x568 */
  @media screen and (max-width:320px) and (max-height:568px){
    .player-zone .hand img,
    .bot-zone .hand img,
    .player-hand img,
    .bot-hand img,
    .player-zone .hand-card-wrap img,
    .bot-zone .hand-card-wrap img{
      width:48px!important;
      max-width:48px!important;
    }

    .table-cards{
      max-width:270px!important;
      gap:3px!important;
    }

    .table-cards img,
    .table-cards .hand-card-wrap img{
      width:51px!important;
      max-width:51px!important;
    }

    .accusation-cards img,
    .good-cards img,
    .buona-cards img{
      width:46px!important;
      max-width:46px!important;
    }
  }
}