/* Proportional desktop rack: tile width determines both row heights. */
@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame{--pc-social-reserve:0px!important;--pc-social-width:var(--pc-social-reserve)!important;--fit-tile:clamp(32px,calc((100vw - var(--pc-social-reserve) - 90px)/18),64px);--pc-rack-height:calc(100px + var(--fit-tile)*2.95)!important}
 html body #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail){--pc-social-reserve:clamp(260px,23vw,330px)!important}
 html body #root main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail{width:calc(var(--pc-social-reserve) - 12px)!important;min-width:0!important;right:8px!important}
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap{position:fixed!important;inset:64px var(--pc-social-reserve) calc(var(--pc-rack-height) + 16px) 0!important;width:auto!important;height:auto!important;min-height:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea{position:fixed!important;left:12px!important;right:calc(var(--pc-social-reserve) + 12px)!important;bottom:8px!important;top:auto!important;width:auto!important;transform:none!important;height:var(--pc-rack-height)!important;min-height:0!important;max-height:var(--pc-rack-height)!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead{inset:5px 10px auto!important;height:30px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools{position:static!important;width:100%!important;height:30px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button{height:30px!important;min-height:30px!important;font-size:12px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar{top:40px!important;left:10px!important;right:10px!important;height:30px!important;min-height:30px!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions{height:30px!important;min-height:30px!important;gap:6px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rack101ScoreBar>.rack101UnifiedActions>button{height:30px!important;min-height:30px!important;font-size:12px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackBoardShell,html body #root main.gameScreen.yuzbirGame.finishedHand .rackArea>.rackBoardShell{inset:76px 10px 6px!important;top:76px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid{width:100%!important;max-width:none!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;column-gap:2px!important;row-gap:6px!important;padding:4px!important;box-sizing:border-box!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot{width:100%!important;min-width:0!important;max-width:none!important;overflow:visible!important;background:transparent!important;border:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;inset:auto!important;padding:0!important;background:transparent!important;border:0!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile img{width:100%!important;height:100%!important;margin:0!important;object-fit:contain!important;transform:none!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard,html body #root main.gameScreen.yuzbirGame .feltTable101 .yuzbirMeldBoard.layoffReady{left:12%!important;right:12%!important;top:20%!important;bottom:20%!important;width:auto!important;height:auto!important;overflow:auto!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck{left:84%!important;top:86%!important;z-index:46!important;transform:translate(-50%,-50%) scale(.8)!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .tableTurnBadge{right:13%!important;bottom:4%!important}
 html body #root main.gameScreen.yuzbirGame .gameToast{max-width:440px!important;font-size:12px!important;padding:8px 14px!important}
}

@media(min-width:901px){html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools>button{width:100%!important;max-width:none!important;margin:0!important}}

@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied{width:100%!important;max-width:100%!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img{width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;object-fit:contain!important}
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>.rackTools{position:absolute!important;inset:0!important;width:auto!important;height:30px!important;min-height:30px!important}
}




@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-0{right:20%!important;left:auto!important;top:auto!important;bottom:6px!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .seat-1,html body #root main.gameScreen.yuzbirGame .feltTable101 .seat-3{top:28%!important;height:76px!important;min-height:0!important;width:98px!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-1{right:2%!important;left:auto!important;top:58%!important;bottom:auto!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 .discardSpot.discard-3{left:2%!important;right:auto!important;top:58%!important;bottom:auto!important}
}
@media(min-width:901px) and (max-height:720px){html body #root main.gameScreen.yuzbirGame .feltTable101 .centerDeck{top:82%!important;transform:translate(-50%,-50%) scale(.6)!important}}


@media(min-width:901px){
 html body #root main.gameScreen.yuzbirGame .rackArea>.rackHead>div:first-child,html body #root main.gameScreen.yuzbirGame .rackArea .rackHint,html body #root main.gameScreen.yuzbirGame .rackArea .rackMode,html body #root main.gameScreen.yuzbirGame .rackArea .rack101Warning,html body #root main.gameScreen.yuzbirGame .rackArea .rack101Score{display:none!important}
}