/* Short desktop viewport fit for 1366x768 PCs. Mobile/tablet rules stay untouched. */
@media (min-width:1000px) and (max-height:720px) {
 html body #root main.gameScreen.yuzbirGame {
  --pc-rack-height:clamp(174px,28dvh,198px)!important;
  overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap {
  position:fixed!important;inset:60px var(--pc-social-reserve) calc(var(--pc-rack-height) + 10px) 0!important;
  left:0!important;right:var(--pc-social-reserve)!important;bottom:calc(var(--pc-rack-height) + 10px)!important;
  width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .feltTable101 {
  position:absolute!important;inset:6px 10px 0!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;transform:none!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea {
  position:fixed!important;left:12px!important;right:auto!important;bottom:6px!important;
  width:calc(100vw - var(--pc-social-reserve) - 24px)!important;height:var(--pc-rack-height)!important;
  min-height:0!important;max-height:var(--pc-rack-height)!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;box-sizing:border-box!important;z-index:65!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead {
  inset:4px 10px auto!important;height:32px!important;min-height:0!important;gap:6px!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead>div:first-child {
  flex:1 1 130px!important;max-width:220px!important;font-size:11px!important;line-height:1.1!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackHead .rackTools {height:30px!important;gap:5px!important;flex:1 1 auto!important;}
 html body #root main.gameScreen.yuzbirGame .rackHead .rackTools button {
  min-width:0!important;height:30px!important;min-height:30px!important;padding:0 7px!important;font-size:11px!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101ScoreBar {
  top:39px!important;left:10px!important;right:10px!important;height:32px!important;min-height:32px!important;
  gap:5px!important;align-items:center!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101Score {
  flex:0 0 50px!important;width:50px!important;min-width:50px!important;height:30px!important;min-height:0!important;
  margin:0!important;padding:2px 4px!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101Score small,
 html body #root main.gameScreen.yuzbirGame .rack101Score span {display:none!important}
 html body #root main.gameScreen.yuzbirGame .rack101Score strong {font-size:15px!important;line-height:1!important}
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions {
  height:30px!important;min-height:30px!important;gap:5px!important;align-self:center!important;
 }
 html body #root main.gameScreen.yuzbirGame .rack101UnifiedActions button {
  height:30px!important;min-height:30px!important;padding:0 6px!important;font-size:11px!important;white-space:nowrap!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;min-height:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .tileRackGrid {
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:1px!important;height:100%!important;min-height:0!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar {
  top:6px!important;height:60px!important;width:210px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel {
  width:204px!important;height:56px!important;min-height:56px!important;padding:3px 6px!important;gap:5px!important;
 }
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .indicatorInfo,
 html body #root main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyInfo {
  width:88px!important;min-width:88px!important;height:48px!important;min-height:48px!important;padding:2px!important;
 }
 html body main.gameScreen.yuzbirGame .gameInfoBar .indicatorPanel .okeyTile {
  width:30px!important;min-width:30px!important;max-width:30px!important;height:44px!important;min-height:44px!important;
  max-height:44px!important;flex:0 0 30px!important;
 }
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner {
  position:fixed!important;top:66px!important;left:220px!important;right:calc(var(--pc-social-reserve) + 12px)!important;
  width:auto!important;max-width:460px!important;min-height:32px!important;padding:3px 8px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
  box-sizing:border-box!important;z-index:100!important;
 }
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div {min-width:0!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div>b {font-size:11px!important;line-height:1.1!important;white-space:nowrap!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>div>span {display:none!important;}
 html body #root main.gameScreen.yuzbirGame .autoPilotBanner>button {height:26px!important;min-height:26px!important;padding:0 8px!important;font-size:10px!important;white-space:nowrap!important;}
}

/* PC responsive correction v2: Düz Okey + reclaim unused chat space in 101. */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame {--pc-social-reserve:0px!important;}
 html body #root main.gameScreen.yuzbirGame:not(.socialCollapsed):has(.desktopSocialRail) {--pc-social-reserve:400px!important;}
 html body #root main.gameScreen.duzGame {
  --pc-social-reserve:0px!important;
  --pc-rack-height:clamp(156px,25dvh,196px)!important;
  height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important;
 }
 html body #root main.gameScreen.duzGame:not(.socialCollapsed):has(.desktopSocialRail) {--pc-social-reserve:340px!important;}
 html body #root main.gameScreen.duzGame>.topbar {
  position:relative!important;z-index:180!important;height:58px!important;min-height:58px!important;
  max-height:58px!important;padding:5px 12px!important;flex-wrap:nowrap!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight {
  min-width:0!important;flex-wrap:nowrap!important;gap:5px!important;justify-content:flex-end!important;
 }
 html body #root main.gameScreen.duzGame>.gameTableWrap {
  position:fixed!important;top:60px!important;left:0!important;right:var(--pc-social-reserve)!important;
  bottom:calc(var(--pc-rack-height) + 8px)!important;width:auto!important;height:auto!important;
  min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;
  transform:none!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .gameInfoBar {
  position:absolute!important;left:12px!important;top:4px!important;right:auto!important;bottom:auto!important;
  display:block!important;width:210px!important;height:54px!important;min-height:0!important;margin:0!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;overflow:visible!important;z-index:35!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel {
  position:relative!important;display:flex!important;align-items:center!important;gap:6px!important;
  width:204px!important;min-width:204px!important;height:52px!important;margin:0!important;padding:2px 5px!important;
  box-sizing:border-box!important;border:1px solid rgba(225,190,91,.55)!important;border-radius:12px!important;
  background:linear-gradient(145deg,#32231a,#120f0d)!important;box-shadow:0 4px 12px #0005!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel .featured {
  width:90px!important;height:46px!important;grid-template-rows:10px 30px 8px!important;gap:0!important;
 }
 html body #root main.gameScreen.duzGame .indicatorPanel .featured>.imageTile {
  width:23px!important;min-width:23px!important;height:30px!important;min-height:30px!important;
 }
 html body #root main.gameScreen.duzGame .feltTable {
  position:absolute!important;left:12px!important;right:12px!important;top:58px!important;bottom:38px!important;
  width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;
  border-radius:24px!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .actionPanel {
  position:absolute!important;left:12px!important;right:12px!important;bottom:3px!important;inset:auto 12px 3px!important;
  width:auto!important;height:30px!important;min-height:0!important;max-height:30px!important;
  margin:0!important;padding:4px 8px!important;overflow:hidden!important;font-size:11px!important;line-height:1.2!important;
 }
 html body #root main.gameScreen.duzGame .rackArea {
  position:fixed!important;left:12px!important;right:calc(var(--pc-social-reserve) + 12px)!important;bottom:6px!important;
  width:auto!important;height:var(--pc-rack-height)!important;min-height:0!important;max-height:var(--pc-rack-height)!important;
  margin:0!important;padding:3px 8px 5px!important;transform:none!important;overflow:hidden!important;
  box-sizing:border-box!important;z-index:70!important;
 }
 html body #root main.gameScreen.duzGame .rackHead {
  position:absolute!important;inset:3px 8px auto!important;height:30px!important;min-height:30px!important;
  margin:0!important;display:flex!important;align-items:center!important;gap:6px!important;z-index:85!important;
 }
 html body #root main.gameScreen.duzGame .rackHead>div:first-child {flex:1 1 auto!important;min-width:0!important;max-width:220px!important;font-size:11px!important;line-height:1.1!important;}
 html body #root main.gameScreen.duzGame .rackHead>div:first-child>span,
 html body #root main.gameScreen.duzGame .rackMode {display:none!important;}
 html body #root main.gameScreen.duzGame .rackTools {height:28px!important;gap:5px!important;min-width:0!important;}
 html body #root main.gameScreen.duzGame .rackTools button {
  height:28px!important;min-height:28px!important;min-width:0!important;padding:2px 8px!important;font-size:11px!important;white-space:nowrap!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {
  position:absolute!important;inset:37px 8px 5px!important;width:auto!important;height:auto!important;min-height:0!important;
  margin:0!important;display:block!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid {
  position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(15,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:1px!important;width:100%!important;height:100%!important;
  min-width:0!important;min-height:0!important;max-width:100%!important;padding:2px!important;
  justify-content:center!important;align-content:stretch!important;overflow:hidden!important;box-sizing:border-box!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot {
  position:relative!important;display:grid!important;place-items:center!important;width:auto!important;min-width:0!important;
  height:100%!important;min-height:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile {
  position:relative!important;inset:auto!important;width:min(100%,44px)!important;min-width:0!important;max-width:44px!important;
  height:auto!important;min-height:0!important;max-height:100%!important;aspect-ratio:.68!important;margin:0!important;
  transform:none!important;translate:none!important;animation:none!important;
 }
 html body #root main.gameScreen.duzGame .gameChatDock.desktopSocialRail {
  position:fixed!important;top:64px!important;right:10px!important;bottom:10px!important;width:320px!important;
  max-width:calc(100vw - 20px)!important;z-index:220!important;
 }
}
@media (min-width:1000px) and (max-height:760px) {
 html body #root main.gameScreen.duzGame {--pc-rack-height:clamp(150px,25dvh,170px)!important;}
 html body #root main.gameScreen.duzGame .feltTable {top:54px!important;bottom:34px!important;}
 html body #root main.gameScreen.duzGame .actionPanel {height:26px!important;max-height:26px!important;}
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {top:35px!important;}
}

/* v3: Firefox/Chrome 1366px layout. A closed/missing chat rail must not reserve a phantom 400px column. */
@media (min-width:1000px) {
 html body #root main.gameScreen.yuzbirGame.socialCollapsed,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) {--pc-social-reserve:0px!important;}
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  left:0!important;right:0!important;width:100vw!important;max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .feltTable101,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .feltTable101 {
  left:12px!important;right:12px!important;width:auto!important;max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea {
  left:12px!important;right:12px!important;width:auto!important;max-width:none!important;margin:0!important;
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .desktopSocialToggle,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .desktopSocialToggle {
  right:12px!important;
 }
}

/* v4: wider PC 101 meld area and true contiguous rack groups. Mobile rules are unchanged. */
@media (min-width:1000px) {
 html,body,#root { width:100%!important; max-width:none!important; }
 body:has(main.gameScreen.yuzbirGame) { overflow-x:hidden!important; }
 html body #root main.gameScreen.yuzbirGame { width:100vw!important; max-width:none!important; margin-left:0!important; margin-right:0!important; }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {
  left:0!important; right:0!important; width:100vw!important; max-width:none!important;
 }
 html body #root main.gameScreen.yuzbirGame .feltTable101 { left:12px!important; right:12px!important; width:auto!important; max-width:none!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  left:8%!important; right:auto!important; top:7%!important; width:84%!important; height:74%!important;
  max-width:none!important; min-height:0!important; padding-left:10px!important; padding-right:10px!important;
  overflow:auto!important; z-index:12!important;
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas { gap:4px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldLane { min-height:60px!important; padding:4px 6px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroups { gap:3px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup { gap:0!important; padding:1px!important; }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {
  width:34px!important; min-width:34px!important; height:49px!important;
 }
}

/* v5: reliable PC 101 layout for Windows scaling/zoom; stays off on phone widths. */
@media (min-width:900px) {
 html,body,#root {width:100%!important;max-width:none!important}
 html body #root main.gameScreen.yuzbirGame {width:100vw!important;max-width:none!important;margin:0!important;overflow-x:hidden!important}
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap {
  position:fixed!important;top:64px!important;left:0!important;right:var(--pc-social-reserve,0px)!important;
  bottom:calc(var(--pc-rack-height,220px) + 16px)!important;width:auto!important;max-width:none!important;
  min-width:0!important;margin:0!important;padding:0!important;transform:none!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed>.gameTableWrap,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail))>.gameTableWrap {right:0!important;width:100vw!important}
 html body #root main.gameScreen.yuzbirGame .feltTable101 {
  position:absolute!important;left:12px!important;right:12px!important;top:8px!important;bottom:0!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;max-width:none!important;
  margin:0!important;transform:none!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard {
  left:8%!important;right:auto!important;top:7%!important;width:84%!important;height:74%!important;
  max-width:none!important;max-height:none!important;min-height:0!important;overflow:auto!important
 }
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas {gap:4px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldLane {min-height:60px!important;margin-bottom:0!important;padding:4px 6px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroups {gap:3px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup {gap:0!important;padding:1px!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldGroup .imageTile.okeyTile.compact {width:34px!important;min-width:34px!important;height:49px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea {
  left:12px!important;right:auto!important;width:calc(100vw - var(--pc-social-reserve,0px) - 24px)!important;
  max-width:none!important;margin:0!important;transform:none!important
 }
 html body #root main.gameScreen.yuzbirGame.socialCollapsed .rackArea,
 html body #root main.gameScreen.yuzbirGame:not(:has(.desktopSocialRail)) .rackArea {width:calc(100vw - 24px)!important}
 html body #root main.gameScreen.yuzbirGame .gameChatDock.floatingSocial.desktopSocialRail {
  position:fixed!important;display:block!important;visibility:visible!important;top:78px!important;right:10px!important;
  bottom:10px!important;width:clamp(300px,28vw,390px)!important;max-width:calc(100vw - 24px)!important;
  z-index:400!important;overflow:hidden!important
 }
}

/* v6: PC 101 rack tiles fill adjacent cells with no visual gutters. */
@media (min-width:900px) {
 html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:stretch!important;align-items:stretch!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {
  display:grid!important;flex:1 1 100%!important;width:100%!important;max-width:100%!important;
  grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:stretch!important;align-content:stretch!important;padding:0!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;width:auto!important;min-width:0!important;max-width:none!important;
  height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;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;
  aspect-ratio:auto!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
}

/* v7: matching PC rack treatment for Duz Okey + visible leave-table action. */
@media (min-width:900px) {
 html body #root main.gameScreen.duzGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:center!important;align-items:stretch!important;width:100%!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid {
  display:grid!important;flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
  grid-template-columns:repeat(15,48px)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:center!important;align-content:stretch!important;padding:0!important;margin:0 auto!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;width:48px!important;min-width:48px!important;max-width:48px!important;
  height:100%!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.duzGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;position:relative!important;inset:auto!important;width:48px!important;min-width:48px!important;
  max-width:48px!important;height:100%!important;min-height:0!important;max-height:100%!important;
  aspect-ratio:.68!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton {
  display:inline-flex!important;position:static!important;flex:0 0 auto!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;width:auto!important;min-width:104px!important;max-width:none!important;
  height:34px!important;min-height:34px!important;padding:5px 9px!important;font-size:10px!important;
  color:#ffd6d1!important;background:linear-gradient(#572a2e,#32191d)!important;
  border:1px solid #b55a5d!important;border-radius:9px!important;white-space:nowrap!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton span {
  display:inline-flex!important;font-size:14px!important;line-height:1!important;
 }
 html body #root main.gameScreen.duzGame>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton b {
  display:inline!important;font-size:10px!important;line-height:1!important;
 }
}

/* v8: 101 PC rack keeps real drop slots while compacting empty separators. */
@media (min-width:900px) {
 html body #root main.gameScreen.yuzbirGame .rackArea .rackBoardShell {
  display:flex!important;justify-content:center!important;align-items:stretch!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {
  display:grid!important;flex:0 1 auto!important;width:max-content!important;max-width:100%!important;
  grid-template-columns:repeat(18,max-content)!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:0!important;justify-content:center!important;align-content:stretch!important;padding:0!important;margin:0 auto!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot {
  display:grid!important;place-items:stretch!important;min-width:0!important;height:100%!important;
  min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 }
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {width:44px!important;max-width:44px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty {width:14px!important;max-width:14px!important}
 html body #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot>.imageTile.okeyTile:not(.compact) {
  display:block!important;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;
  aspect-ratio:auto!important;margin:0!important;transform:none!important;object-fit:fill!important;
 }
}

/* v9: unique PC table-create entry; selected lobby game preselects and locks form mode. */
@media screen and (min-width:1025px) {
  main.entertainmentLobby .lobbyChatQuickActions button:nth-child(3),
  main.entertainmentLobby .lobbyChatQuickActions button:nth-child(4),
  main.entertainmentLobby .lobbyEmpty button { display:none!important; }

  main.entertainmentLobby .createPanelInline.okey101 .createFormGrid > label:nth-child(2),
  main.entertainmentLobby .createPanelInline.duz-okey .createFormGrid > label:nth-child(2) { display:none!important; }
}


/* v10: PC 101 seat content stays inside its card; bot controls use real grid rows. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    top:2%!important;left:50%!important;right:auto!important;bottom:auto!important;
    width:280px!important;height:62px!important;min-width:280px!important;max-width:280px!important;
    box-sizing:border-box!important;padding:5px 8px!important;
    display:grid!important;grid-template-columns:24px minmax(65px,1fr) auto!important;
    grid-template-rows:24px 18px!important;gap:2px 7px!important;
    align-items:center!important;justify-items:stretch!important;transform:translateX(-50%)!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>b {grid-area:1/2!important;min-width:0!important;white-space:nowrap!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>span:not(.yuzbirSeatAvatar) {grid-area:2/2/3/4!important;position:static!important;white-space:nowrap!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>.botSeatRemove {
    grid-area:1/3!important;position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;justify-self:end!important;align-self:center!important;width:auto!important;min-width:78px!important;max-width:94px!important;
    height:22px!important;min-height:22px!important;margin:0!important;padding:0 6px!important;font-size:10px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1,
  #root main.gameScreen.yuzbirGame .seat.seat-3 {
    top:36%!important;width:150px!important;min-width:150px!important;max-width:150px!important;height:80px!important;
    box-sizing:border-box!important;padding:6px!important;
    display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;
    grid-template-rows:22px 16px 23px!important;gap:2px 5px!important;
    align-items:center!important;justify-items:stretch!important;transform:none!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1 {left:1%!important;right:auto!important}
  #root main.gameScreen.yuzbirGame .seat.seat-3 {right:1%!important;left:auto!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.yuzbirSeatAvatar,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>b,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b {grid-area:1/2!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>span:not(.yuzbirSeatAvatar),
  #root main.gameScreen.yuzbirGame .seat.seat-3>span:not(.yuzbirSeatAvatar) {grid-area:2/1/3/3!important;position:static!important;white-space:nowrap!important;font-size:10px!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.botSeatRemove,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.botSeatRemove {
    grid-area:3/1/4/3!important;position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;justify-self:center!important;align-self:center!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:23px!important;min-height:23px!important;margin:0!important;padding:0 4px!important;font-size:10px!important;
  }
}


/* v11: give the top PC seat three readable rows instead of compressing its controls. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-2 {
    width:280px!important;min-width:280px!important;max-width:280px!important;height:82px!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:23px 17px 22px!important;gap:2px 7px!important;
    align-content:center!important;padding:6px 8px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.yuzbirSeatAvatar {grid-area:1/1!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>b {grid-area:1/2!important;justify-self:start!important}
  #root main.gameScreen.yuzbirGame .seat.seat-2>span:not(.yuzbirSeatAvatar) {
    grid-area:2/1/3/3!important;justify-self:center!important;font-size:10px!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-2>.botSeatRemove {
    grid-area:3/1/4/3!important;justify-self:center!important;align-self:center!important;
    width:auto!important;min-width:108px!important;max-width:140px!important;height:22px!important;
  }
}


/* v12: show the wooden rack as a continuous surface, not a grid of empty boxes.
   Empty rack slots keep their hit area for drag/drop; only their decoration is removed. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {background:transparent!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty {
    background:transparent!important;background-image:none!important;border-color:transparent!important;
    outline:0!important;box-shadow:none!important;opacity:1!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty:before,
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty:after {
    display:none!important;content:none!important;
  }
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.empty.dropTarget {
    background:#f2d98225!important;border:1px dashed #f0d477b0!important;border-radius:5px!important;
    box-shadow:inset 0 0 0 1px #f0d47735!important;
  }
}


/* v13: visible 3px breathing room between adjacent rack tiles. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid {column-gap:3px!important;row-gap:3px!important}
}


/* v14: target a true ~3px visible gap after accounting for transparent PNG margins.
   The tile button/slot remains the original size, so drag/drop hit targets do not expand. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    display:block!important;width:calc(100% + 10px)!important;max-width:none!important;height:100%!important;
    margin-left:-5px!important;object-fit:fill!important;pointer-events:none!important;
  }
}


/* v15: tighter visible rack spacing and a large, one-click PC discard target for 101. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile {overflow:visible!important}
  #root main.gameScreen.yuzbirGame .rackArea .tileRackGrid .rackSlot.occupied>.imageTile.okeyTile img {
    width:calc(100% + 13px)!important;max-width:none!important;height:100%!important;
    margin-left:-6.5px!important;object-fit:fill!important;pointer-events:none!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady {
    z-index:120!important;left:60%!important;right:auto!important;bottom:2%!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    width:76px!important;min-width:76px!important;height:96px!important;min-height:96px!important;
    padding:4px!important;overflow:visible!important;box-sizing:border-box!important;
    background:linear-gradient(160deg,#123f34,#09251f)!important;border:2px solid #f2cb68!important;
    border-radius:12px!important;box-shadow:0 0 0 3px #f2cb6833,0 5px 16px #0008!important;cursor:pointer!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady>.imageTile.okeyTile {
    position:absolute!important;top:4px!important;left:50%!important;transform:translateX(-50%)!important;
    width:48px!important;min-width:48px!important;height:68px!important;min-height:68px!important;
  }
  #root main.gameScreen.yuzbirGame .discardSpot.discard-0.myDiscardTarget.tapDiscardReady .tapDiscardHint {
    position:absolute!important;left:4px!important;right:4px!important;bottom:4px!important;transform:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;
    height:24px!important;min-height:24px!important;padding:0 4px!important;background:#f0c65c!important;
    color:#17211c!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:900!important;
    line-height:1!important;white-space:nowrap!important;cursor:pointer!important;z-index:3!important;
  }
}


/* v16: compact vertical names in the left/right 101 PC seats. */
@media screen and (min-width:1025px) {
  #root main.gameScreen.yuzbirGame .seat.seat-1,
  #root main.gameScreen.yuzbirGame .seat.seat-3 {
    width:104px!important;min-width:104px!important;max-width:104px!important;height:112px!important;
    grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:25px 42px 17px 22px!important;
    gap:2px 5px!important;padding:6px!important;align-content:center!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>b,
  #root main.gameScreen.yuzbirGame .seat.seat-3>b {
    grid-area:1/2/3/3!important;writing-mode:vertical-rl!important;text-orientation:mixed!important;
    justify-self:center!important;align-self:center!important;max-height:62px!important;overflow:hidden!important;
    font-size:12px!important;line-height:1!important;white-space:nowrap!important;
  }
  #root main.gameScreen.yuzbirGame .seat.seat-1>span:not(.yuzbirSeatAvatar),
  #root main.gameScreen.yuzbirGame .seat.seat-3>span:not(.yuzbirSeatAvatar) {grid-area:3/1/4/3!important}
  #root main.gameScreen.yuzbirGame .seat.seat-1>.botSeatRemove,
  #root main.gameScreen.yuzbirGame .seat.seat-3>.botSeatRemove {grid-area:4/1/5/3!important}
}
