/* Height-based game layout correction for compact and tall phones. */
@media (max-width:700px) and (orientation:portrait){
 html body #root main.gameScreen.phoneGame.yuzbirGame{
  --portrait-rack-height:clamp(156px,30dvh,260px);
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackArea{
  position:fixed!important;top:auto!important;left:4%!important;right:4%!important;bottom:max(3px,env(safe-area-inset-bottom,0px))!important;
  width:92%!important;height:var(--portrait-rack-height)!important;min-height:0!important;max-height:none!important;
  overflow:hidden!important;z-index:140!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  position:fixed!important;left:10%!important;right:10%!important;top:clamp(76px,11dvh,100px)!important;
  bottom:calc(var(--portrait-rack-height) + 70px)!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;overflow:auto!important;z-index:30!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .indicatorPanel,
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .centerDeck{
  position:fixed!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 8px)!important;
  height:48px!important;min-height:48px!important;z-index:170!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .indicatorPanel{
  left:3%!important;right:auto!important;width:min(30vw,110px)!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .centerDeck{
  left:38%!important;right:auto!important;width:min(44vw,155px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{
  top:3px!important;left:3%!important;right:3%!important;width:94%!important;height:32px!important;min-height:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{
  top:38px!important;left:3%!important;right:3%!important;width:94%!important;height:46px!important;min-height:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{
  top:90px!important;left:3%!important;right:3%!important;bottom:4px!important;height:auto!important;width:auto!important;min-height:0!important
 }
}
@media (max-width:700px) and (orientation:portrait) and (max-height:520px){
 html body #root main.gameScreen.phoneGame.yuzbirGame{--portrait-rack-height:156px}
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{top:70px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{height:29px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{top:34px!important;height:42px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{top:80px!important}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body #root main.gameScreen.phoneGame.yuzbirGame{--landscape-rack-height:clamp(146px,46dvh,184px)}
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  left:20%!important;right:20%!important;top:74px!important;bottom:calc(var(--landscape-rack-height) + 12px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3{top:clamp(92px,33dvh,180px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-1,
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-3{top:clamp(108px,37dvh,220px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-0{
  bottom:calc(var(--landscape-rack-height) + 30px)!important
 }
}