/* Landscape table rebuild: give the hand, stock, discard and melds separate zones. */
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body:has(main.gameScreen.phoneGame){overflow:hidden!important}
 html body #root main.gameScreen.phoneGame{
  --landscape-rack-height:clamp(166px,42dvh,198px);
  min-height:0!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame .gameTableWrap{min-height:0!important;max-height:100%!important;overflow:hidden!important}
 html body #root main.gameScreen.phoneGame .rackArea{
  position:fixed!important;left:1%!important;right:1%!important;bottom:3px!important;top:auto!important;
  box-sizing:border-box!important;width:98%!important;height:var(--landscape-rack-height)!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important;
  z-index:140!important;border-radius:12px 12px 9px 9px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{
  position:absolute!important;left:6px!important;right:50%!important;top:5px!important;width:auto!important;height:34px!important;
  min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:6px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child{
  display:block!important;flex:0 0 31%!important;min-width:0!important;overflow:hidden!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child>b{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child>span{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackNewTileBadge{
  max-width:100%!important;margin:1px 0 0!important;padding:1px 4px!important;font-size:8px!important;line-height:11px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:3px!important;
  flex:1 1 auto!important;width:auto!important;height:32px!important;min-width:0!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools button{
  min-width:0!important;width:100%!important;height:32px!important;min-height:32px!important;padding:2px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,1.3vw,11px)!important;line-height:1!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools .rackMode{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{
  position:absolute!important;left:50%!important;right:6px!important;top:5px!important;bottom:auto!important;width:auto!important;
  height:34px!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;
  border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.rack101Score,
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.handPenaltyCount,
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar>.drawFirstPrompt{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;
  width:100%!important;height:34px!important;min-height:0!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>button{
  min-width:0!important;width:100%!important;height:34px!important;min-height:34px!important;padding:2px 3px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important;
  font-size:clamp(9px,1.35vw,11px)!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>.returnSideTile{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{
  position:absolute!important;inset:45px 6px 5px!important;width:auto!important;height:auto!important;min-width:0!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{
  position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:0!important;
  gap:3px 2px!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  max-height:none!important;margin:0!important;padding:3px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot,
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-height:100%!important;padding:0!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard{
  position:fixed!important;left:16%!important;right:16%!important;top:82px!important;
  bottom:calc(var(--landscape-rack-height) + 58px)!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;margin:0!important;padding:20px 5px 5px!important;
  overflow:auto!important;overscroll-behavior:contain!important;z-index:30!important
 }
 html body #root main.gameScreen.phoneGame.playingHand.yuzbirGame .yuzbirMeldBoard:before{
  position:absolute!important;top:2px!important;left:5px!important;margin:0!important;padding:3px 5px!important;font-size:9px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLane{min-height:48px!important;margin:0 0 4px!important;padding:4px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldLaneHead{min-height:16px!important;font-size:9px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldGroups{gap:3px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat{
  min-width:0!important;min-height:0!important;padding:4px 6px!important;border-radius:8px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat b,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat .styledName b{font-size:clamp(10px,1.45vw,12px)!important;line-height:1.1!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1{
  position:fixed!important;top:44%!important;left:1%!important;right:auto!important;bottom:auto!important;width:14%!important;
  height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3{
  position:fixed!important;top:44%!important;right:1%!important;left:auto!important;bottom:auto!important;width:14%!important;
  height:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-1>b,
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-3>b{writing-mode:horizontal-tb!important;transform:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-2{
  position:fixed!important;top:40px!important;left:43%!important;right:auto!important;bottom:auto!important;width:14%!important;
  height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .seat-0{
  position:fixed!important;left:2%!important;right:auto!important;top:auto!important;bottom:calc(var(--landscape-rack-height) + 8px)!important;
  width:15%!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  transform:none!important;z-index:80!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirSeatAvatar{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-1{
  position:fixed!important;top:51%!important;left:14%!important;right:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-3{
  position:fixed!important;top:51%!important;right:14%!important;left:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-2{
  position:fixed!important;top:40px!important;left:28%!important;right:auto!important;bottom:auto!important;width:32px!important;height:42px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0{
  position:fixed!important;top:auto!important;left:calc(50% + 67px)!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 4px)!important;width:40px!important;min-width:40px!important;
  height:52px!important;min-height:52px!important;z-index:120!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discardSpot .imageTile.okeyTile.compact{width:100%!important;height:100%!important}
 html body #root main.gameScreen.phoneGame.playingHand .centerDeck{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 8px)!important;transform:translateX(-50%)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:122px!important;min-width:122px!important;height:44px!important;padding:3px 6px!important;z-index:110!important
 }
 html body #root main.gameScreen.phoneGame .centerDeck .deckStack{flex:0 0 28px!important;width:28px!important;height:36px!important}
 html body #root main.gameScreen.phoneGame .centerDeck small{font-size:0!important;line-height:1!important}
 html body #root main.gameScreen.phoneGame .centerDeck small:after{
  content:"SIRA BEKLE"!important;display:block!important;font-size:9px!important;line-height:1.1!important;white-space:normal!important
 }
 html body #root main.gameScreen.phoneGame .centerDeck.drawSource small:after{content:"ORTA · TAŞ ÇEK"!important}
 html body #root main.gameScreen.phoneGame .centerDeck.discardPhase small:after{content:"TAŞINI AT"!important}
 html body #root main.gameScreen.phoneGame.duzGame{
  --landscape-rack-height:clamp(122px,29dvh,148px)
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackHead{
  position:absolute!important;left:5px!important;right:5px!important;top:3px!important;width:auto!important;height:31px!important;
  min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child{display:block!important;flex:0 0 22%!important;min-width:0!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child>b{font-size:10px!important;white-space:nowrap!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackHead>div:first-child>span,
 html body #root main.gameScreen.phoneGame.duzGame .rackHead .rackNewTileBadge{display:none!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackTools{
  position:static!important;transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  flex:1 1 auto!important;gap:4px!important;width:auto!important;height:30px!important;margin:0!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackTools button{
  width:100%!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:2px 4px!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,1.35vw,11px)!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .rackTools .rackMode{display:none!important}
 html body #root main.gameScreen.phoneGame.duzGame .rackBoardShell{
  position:absolute!important;inset:36px 5px 4px!important;display:block!important;width:auto!important;height:auto!important;
  min-height:0!important;margin:0!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid{
  position:absolute!important;inset:0!important;display:grid!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr)!important;grid-auto-flow:row!important;grid-auto-rows:0!important;gap:2px 1px!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;margin:0!important;padding:2px!important;overflow:hidden!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot,
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot.occupied{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;padding:0!important;overflow:visible!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot>.imageTile.okeyTile,
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile{
  position:relative!important;inset:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:100%!important;min-height:0!important;max-height:100%!important;margin:0!important;padding:0!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .tileRackGrid .rackSlot>.imageTile.okeyTile img{
  width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock{display:flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;min-height:44px!important;padding:4px 7px!important}
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock:focus-visible{outline:2px solid #c8a7ff!important}
 html body #root main.gameScreen.phoneGame.playingHand.duzGame .centerDeck{
  width:100px!important;min-width:100px!important;bottom:calc(var(--landscape-rack-height) + 7px)!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .discard-0{
  position:fixed!important;top:auto!important;left:calc(50% - 102px)!important;right:auto!important;
  bottom:calc(var(--landscape-rack-height) + 5px)!important;width:38px!important;height:50px!important;min-height:50px!important;z-index:120!important
 }
 html body #root main.gameScreen.phoneGame.duzGame .seat-0 .myDiscardDock{
  position:fixed!important;left:calc(50% + 52px)!important;right:auto!important;top:auto!important;
  bottom:calc(var(--landscape-rack-height) + 5px)!important;z-index:125!important
 }
 html body #root main.gameScreen.phoneGame .tableChatBubble{
  right:8px!important;bottom:calc(var(--landscape-rack-height) + 8px)!important;width:38px!important;height:38px!important
 }
 html body #root main.gameScreen.phoneGame .autoPilotBanner,
 html body #root main.gameScreen.phoneGame .winnerBanner,
 html body #root main.gameScreen.phoneGame .nextHandDock{
  z-index:180!important;position:fixed!important;left:50%!important;right:auto!important;top:42px!important;bottom:auto!important;
  transform:translateX(-50%)!important;width:min(360px,55vw)!important;max-height:46px!important;min-height:0!important;
  padding:4px 7px!important;font-size:10px!important
 }
}
@media (orientation:landscape) and (max-width:620px) and (max-height:620px){
 html body #root main.gameScreen.phoneGame{--landscape-rack-height:clamp(170px,45dvh,206px)}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead{left:5px!important;right:5px!important;width:auto!important;height:32px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackHead>div:first-child{flex-basis:24%!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools{gap:2px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackTools button{font-size:8px!important;padding:1px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101ScoreBar{left:5px!important;right:5px!important;top:40px!important;height:25px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions{height:25px!important;gap:3px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rack101UnifiedActions>button{height:25px!important;min-height:25px!important;font-size:8px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .rackBoardShell{inset:70px 4px 4px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .tileRackGrid{grid-template-columns:repeat(18,minmax(0,1fr))!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .yuzbirMeldBoard{left:18%!important;right:18%!important}
 html body #root main.gameScreen.phoneGame.duzGame{--landscape-rack-height:clamp(126px,33dvh,154px)}
 html body #root main.gameScreen.phoneGame.duzGame .centerDeck{width:94px!important;min-width:94px!important}
 html body #root main.gameScreen.phoneGame.duzGame .discard-0{left:calc(50% - 90px)!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .centerDeck{width:108px!important;min-width:108px!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0{left:calc(50% + 60px)!important;width:36px!important;min-width:36px!important}
}
/* Show exactly where a thrown tile lands; reduced-motion users keep the same emphasis without animation. */
@keyframes darkLandscapeDiscardFlight{
 from{opacity:.35;transform:translateY(38px) scale(.78) rotate(-7deg)}
 68%{opacity:1;transform:translateY(-3px) scale(1.04) rotate(2deg)}
 to{opacity:1;transform:none}
}
@media (orientation:landscape) and (max-width:900px) and (max-height:620px){
 html body #root#root#root main.gameScreen.phoneGame .discardSpot .imageTile.justDiscarded{
  animation:darkLandscapeDiscardFlight .42s cubic-bezier(.2,.72,.2,1) both!important;z-index:18!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget{
  border:1px dashed #39d6b0!important;border-radius:8px!important;background:#0d29264a!important;
  display:flex!important;align-items:center!important;justify-content:center!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .discardOwner,
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .discardRoleLabel{display:none!important}
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget .tapDiscardHint{
  display:block!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;
  min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;padding:2px 4px!important;font-size:8px!important
 }
 html body #root main.gameScreen.phoneGame.yuzbirGame .discard-0.myDiscardTarget>span{
  font-size:8px!important;font-weight:900!important;color:#79ead1!important
 }
 html body #root main.gameScreen.phoneGame.playingHand .centerDeck.drawSource{
  outline:1px solid #8d6aff!important;outline-offset:2px!important;border-radius:8px!important
 }
}
@media (prefers-reduced-motion:reduce) and (orientation:landscape){
 html body #root#root#root main.gameScreen.phoneGame .discardSpot .imageTile.justDiscarded{animation:none!important}
}