/* Q82 – live tornei amici mobile + indicatori tipo avversario */

/* Indicatore chiaro del tipo di avversario durante una partita. */
.game-layout:not(.multiplayer-classic-layout) .bot-identity .dealer-name-mark b::after{
  content:' 🤖';
  font-size:.82em;
  vertical-align:.04em;
}
.multiplayer-classic-layout:not(.q64-watch) .bot-identity .dealer-name-mark b::after{
  content:' 👤';
  font-size:.82em;
  vertical-align:.04em;
}

@media (max-width:700px){
  .q64-nav{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:56px!important;
    padding:0 16px!important;
    overflow:visible!important;
  }
  .q64-nav>a{position:relative!important;z-index:2!important;flex:0 0 auto!important}
  .q64-nav>strong{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;margin:0!important;
    line-height:1!important;white-space:nowrap!important;
  }
  .q64-nav>.q64-live{
    position:absolute!important;left:calc(50% + 44px)!important;top:50%!important;
    right:auto!important;bottom:auto!important;width:auto!important;min-width:0!important;
    height:auto!important;margin:0!important;padding:4px 7px!important;
    transform:translateY(-50%)!important;border-radius:999px!important;
    background:#d63a3a!important;color:#fff!important;font-size:.58rem!important;
    font-weight:900!important;line-height:1!important;letter-spacing:.06em!important;
    box-shadow:none!important;z-index:3!important;
  }

  .q64-watch #qturn,
  .q64-watch .q64-status{display:none!important}

  .q64-watch .q64-a,
  .q64-watch .q64-b{
    min-height:112px!important;height:112px!important;padding:9px 12px!important;
    border-radius:18px!important;
  }
  .q64-watch .q64-a{position:relative!important}
  .q64-watch .q64-head{align-items:flex-start!important}
  .q64-watch .q64-head>strong{font-size:1.75rem!important;line-height:1!important}
  .q64-watch .q64-head b{font-size:1rem!important}
  .q64-watch .q78-player-kind{font-size:.88rem!important;margin-top:2px!important}
  .q64-watch .q78-human-mark{transform:scale(.78);transform-origin:center}

  .q64-watch .player-hand,
  .q64-watch .bot-hand{gap:4px!important;margin-top:2px!important}

  .q64-watch .q64-b .bot-hand{
    width:100%!important;align-self:center!important;justify-content:center!important;
    margin-left:auto!important;margin-right:auto!important;
  }

  /* Q82p: la mano superiore viene spostata leggermente a destra per essere
     centrata visivamente come quella inferiore sul layout mobile reale. */
  .q64-watch .q64-a #qa-hand{
    position:absolute!important;
    left:56%!important;
    right:auto!important;
    width:max-content!important;
    max-width:none!important;
    justify-content:center!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }

  .q64-watch .player-hand .q64-card img,
  .q64-watch .bot-hand .q64-card img{width:49px!important;height:auto!important}

  .q64-watch .center-table{
    position:relative!important;min-height:430px!important;overflow:visible!important;
  }
  .q64-watch .table-cards{
    position:absolute!important;left:50%!important;top:40%!important;
    transform:translate(-50%,-50%)!important;width:min(94%,390px)!important;
    justify-content:center!important;align-items:center!important;gap:7px!important;z-index:5!important;
  }
  .q64-watch .table-cards .q64-card img,
  .q64-watch .table-cards img{max-width:76px!important;height:auto!important}

  /* Q82p: il riepilogo sale abbastanza da non coprire mai la mano inferiore. */
  .q64-watch .q64-summary{
    position:absolute!important;left:50%!important;top:62.5%!important;bottom:auto!important;
    transform:translateX(-50%)!important;z-index:10!important;
    width:min(92%,420px)!important;padding:6px 8px!important;border-radius:14px!important;
    gap:6px!important;box-shadow:0 7px 22px rgba(0,0,0,.34)!important;
  }
  .q64-watch .q64-summary article{padding:4px 6px!important;min-height:0!important}
  .q64-watch .q64-summary article>span{
    font-size:.58rem!important;line-height:1!important;margin-bottom:3px!important;
  }
  .q64-watch .q64-summary article>div{gap:3px!important}
  .q64-watch .q64-summary b{font-size:.95rem!important;line-height:1!important}
  .q64-watch .q64-summary small{font-size:.62rem!important;line-height:1.05!important}

  .q64-watch .q64-finished{
    width:min(90%,390px)!important;left:50%!important;transform:translateX(-50%)!important;
  }
}
