/*
 DARK OKEY - MOBIL 101 OKEY
 Oyuncular:
   SEN   = ALT
   BOT 1 = SAG
   BOT 2 = UST
   BOT 3 = SOL

 Tas atma alanlari:
   SEN   = SAG ALT
   BOT 1 = SAG UST
   BOT 2 = SOL UST
   BOT 3 = SOL ALT

 Yalnizca mobil 101 Okey icindir.
*/

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

  /* OYUNCU KOLTUKLARI */

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .seat-1 {
    left: auto !important;
    right: 19px !important;
  }

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .seat-3 {
    right: auto !important;
    left: 19px !important;
  }

  /* SEN - SAG ALT */

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .discard-0 {
    position: fixed !important;
    left: auto !important;
    right: 20px !important;
    top: auto !important;
    bottom: calc(var(--portrait-rack-height, 136px) + 106px) !important;
    transform: none !important;
  }

  /* BOT 1 - SAG UST */

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .discard-1 {
    position: fixed !important;
    left: auto !important;
    right: 20px !important;
    top: calc(35dvh - 105px) !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* BOT 2 - SOL UST */

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .discard-2 {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    top: 105px !important;
    bottom: auto !important;
    transform: none !important;
  }

  /* BOT 3 - SOL ALT */

  html body #root#root#root#root#root#root#root#root
  main.gameScreen.phoneGame.yuzbirGame .feltTable101 .discard-3 {
    position: fixed !important;
    left: 20px !important;
    right: auto !important;
    top: calc(35dvh + 110px) !important;
    bottom: auto !important;
    transform: none !important;
  }

}

/* TEST mobile 101: side player names stay horizontal and readable. */
@media(max-width:700px){
 body #root main.gameScreen.phoneGame.yuzbirGame .feltTable101 :is(.seat-1,.seat-3){width:clamp(62px,18vw,88px)!important;max-width:88px!important;}
 body #root main.gameScreen.phoneGame.yuzbirGame .feltTable101 :is(.seat-1,.seat-3)>b,
 body #root main.gameScreen.phoneGame.yuzbirGame .feltTable101 :is(.seat-1,.seat-3)>b .styledName,
 body #root main.gameScreen.phoneGame.yuzbirGame .feltTable101 :is(.seat-1,.seat-3)>b .styledName>b{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;width:100%!important;font-size:clamp(10px,2.7vw,13px)!important;letter-spacing:0!important;}
}