@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .topbar{position:relative!important;height:44px!important;min-height:44px!important;padding:3px!important;overflow:visible!important}
#root main.gameScreen.duzGame .topbar .brand,#root main.gameScreen.duzGame .topbar .soundToggle,#root main.gameScreen.duzGame .topbar .lobbyPeekButton,#root main.gameScreen.duzGame .membershipBadge{display:none!important}
#root main.gameScreen.duzGame .topbarRight{position:relative!important;width:100%!important;height:38px!important;overflow:visible!important}
#root main.gameScreen.duzGame .tableQuickTools{left:6px!important;top:2px!important;transform:none!important}
#root main.gameScreen.duzGame .leaveTableButton{position:absolute!important;inset:2px 44px auto auto!important;width:34px!important;height:34px!important;padding:6px!important}
#root main.gameScreen.duzGame .themeToggle{position:absolute!important;inset:2px 4px auto auto!important;width:34px!important;height:34px!important;min-width:0!important;padding:5px!important}
#root main.gameScreen.duzGame .themeToggle b{display:none!important}
#root main.gameScreen.duzGame .tableScoreStrip{display:none!important}
#root main.gameScreen.duzGame .gameTableWrap{padding:4px 6px 8px!important}
#root main.gameScreen.duzGame .gameInfoBar{height:57px!important;min-height:57px!important;padding:0!important;margin-bottom:4px!important;overflow:visible!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{display:flex!important;flex-direction:row!important;align-items:center!important;width:120px!important;min-width:120px!important;height:55px!important;min-height:55px!important;padding:3px!important;overflow:visible!important;gap:6px!important}
#root main.gameScreen.duzGame .indicatorPanel .featured{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;position:static!important;width:48px!important;min-width:0!important;height:48px!important;padding:0!important;margin:0!important;background:none!important;border:0!important}
#root main.gameScreen.duzGame .indicatorPanel .featured .imageTile.okeyTile.compact{width:22px!important;min-width:22px!important;height:30px!important}
#root main.gameScreen.duzGame .feltTable{height:clamp(290px,48dvh,390px)!important;min-height:0!important}
#root main.gameScreen.duzGame .feltTable .seat-0{width:125px!important;left:50%!important;bottom:10px!important;padding:6px!important;transform:translateX(-50%)!important}
#root main.gameScreen.duzGame .feltTable .seat-0 .myDiscardDock{right:-56px!important;top:50%!important}
#root main.gameScreen.duzGame .rackArea{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:5px 0 0!important;padding:5px!important;overflow:visible!important}
#root main.gameScreen.duzGame .rackHead{display:flex!important;justify-content:center!important;min-height:34px!important;margin-bottom:5px!important}
#root main.gameScreen.duzGame .rackHead>div:first-child{display:none!important}
#root main.gameScreen.duzGame .rackTools{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px!important}
#root main.gameScreen.duzGame .rackTools button{min-height:32px!important;font-size:10px!important;padding:4px!important}
#root main.gameScreen.duzGame .rackBoardShell{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:106px!important;min-height:106px!important;margin:0!important}
#root main.gameScreen.duzGame .tileRackGrid{height:106px!important;min-height:106px!important;grid-template-rows:repeat(2,46px)!important;padding:5px 3px!important}
#root main.gameScreen.duzGame .rackArea>.ghost,#root main.gameScreen.duzGame .gameNotice,#root main.gameScreen.duzGame .gameSocialLauncher{display:none!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot{position:relative!important;display:block!important;height:46px!important;transform:none!important;translate:none!important;padding:0!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile:hover,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:46px!important;transform:none!important;translate:none!important;animation:none!important;padding:0!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;margin:0!important;transform:none!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{max-height:46px!important;min-height:46px!important;aspect-ratio:auto!important;display:block!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{max-height:none!important;min-height:0!important;aspect-ratio:auto!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{height:42px!important;min-height:42px!important;max-height:42px!important;top:2px!important;bottom:auto!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel{align-items:flex-start!important;gap:8px!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured{display:grid!important;grid-template-rows:10px 30px 8px!important;justify-items:center!important;align-content:start!important;align-items:center!important;gap:0!important;height:48px!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>small{grid-row:1!important;line-height:10px!important;margin:0!important;padding:0!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact{grid-row:2!important;position:relative!important;inset:auto!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:0!important;transform:none!important;aspect-ratio:auto!important;box-shadow:none!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact img{width:100%!important;height:100%!important;object-fit:fill!important;transform:none!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>span{grid-row:3!important;line-height:8px!important;margin:0!important;padding:0!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .imageTile.okeyTile img[src$="/okey-face.svg"]{content:url("/assets/tiles/duz-okey-aligned.svg")!important;object-fit:fill!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile{border:0!important;border-radius:2px!important;outline:none!important;outline-offset:0!important;filter:none!important;box-shadow:0 1px 2px #0005!important;transition:none!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.invertedOkey{outline:none!important;box-shadow:0 0 0 1px #d8ad50!important}
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{outline:none!important;filter:none!important;box-shadow:0 0 0 1px #b98bf3,0 0 4px #9b65ff80!important}
}

@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact,
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact.invertedOkey{outline:none!important;outline-offset:0!important;border:0!important;border-radius:2px!important;box-shadow:none!important;filter:none!important;background:transparent!important}
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact::before,
#root main.gameScreen.duzGame .gameInfoBar .indicatorPanel .featured>.imageTile.okeyTile.compact::after{display:none!important}
}

/* Düz Okey: all rack states use identical geometry. */
@media(max-width:700px) and (orientation:portrait){
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected:hover,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.selected:active,
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile.newlyDrawn{position:absolute!important;inset:2px 0 auto 0!important;top:2px!important;bottom:auto!important;height:38px!important;min-height:38px!important;max-height:38px!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;animation:none!important;box-sizing:border-box!important}
#root main.gameScreen.duzGame .gameTableWrap .rackBoardShell .tileRackGrid .rackSlot>.imageTile.okeyTile img{height:100%!important;max-height:100%!important;width:100%!important;object-fit:fill!important;transform:none!important}
}