/* SOURCE: duz-draw-touch-20260930.css */
#root main.gameScreen .centerDeck.drawSource,
#root main.gameScreen .centerDeck.drawSource *{
 touch-action:none!important;
 -webkit-user-select:none!important;
 user-select:none!important;
 -webkit-touch-callout:none!important;
}
@media(max-width:999px){
 html:has(main.gameScreen.duzGame),body:has(main.gameScreen.duzGame){overscroll-behavior-y:none!important}
}

#root main.gameScreen .discardSpot.takeableDiscard,#root main.gameScreen .discardSpot.takeableDiscard *{touch-action:none!important;user-select:none!important;-webkit-touch-callout:none!important}


/* SOURCE: duz-discard-fit-20260930.css */
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock{
 box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
 width:48px!important;min-width:48px!important;height:62px!important;min-height:62px!important;padding:3px!important;gap:2px!important;border-width:2px!important;overflow:visible!important;
}
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock .discardDockTitle{flex:0 0 14px!important;height:14px!important;line-height:14px!important;font-size:12px!important;margin:0!important}
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock .discardDockTile{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:28px!important;height:36px!important;min-height:36px!important;overflow:visible!important;padding:0!important;margin:0!important}
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock .discardDockTile .imageTile.okeyTile.compact{position:relative!important;inset:auto!important;width:28px!important;min-width:28px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;transform:none!important;overflow:hidden!important}
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock .discardDockTile .imageTile img{width:100%!important;height:100%!important;object-fit:fill!important}
#root main.gameScreen.duzGame .gameTableWrap .feltTable .seat.seat-0 .myDiscardDock small{display:none!important}


/* SOURCE: window-controls-20261005.css */
html body .darkClosableWindow{box-sizing:border-box;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;overscroll-behavior:contain}
html body .darkWindowCloseBar{position:sticky;top:0;z-index:20;display:flex;justify-content:flex-end;background:#111c2b;padding:4px 0 8px;margin-bottom:4px}
html body .darkWindowClose{display:inline-flex!important;align-items:center;justify-content:center;flex-shrink:0;width:44px!important;height:44px!important;min-width:44px;padding:0!important;border:1px solid #9aadc6!important;border-radius:10px;background:#26394f!important;color:#fff!important;font:700 28px/1 system-ui!important;cursor:pointer;opacity:1!important}
html body :is(.leaveTableButton,.mobileLeaveTable,.finishedLeaveTable){display:inline-flex!important;align-items:center;justify-content:center;gap:6px;flex-shrink:0!important;width:auto!important;min-width:max-content!important;min-height:40px!important;padding:8px 12px!important;background:#792b39!important;color:#fff!important;border:1px solid #f5a7b6!important;font-size:13px!important;font-weight:750!important;line-height:1.25!important;white-space:nowrap!important;opacity:1!important;text-shadow:none!important;overflow:visible!important}
html body .leaveTableTextButton b{display:inline!important;visibility:visible!important;color:#fff!important;font-size:13px!important;opacity:1!important}
html body :is(.userSettingsClose,.socialClose,.mobileCreateSheetHead button){min-width:40px!important;min-height:40px!important;color:#fff!important;background:#26394f!important;border:1px solid #9aadc6!important;opacity:1!important}
html body :is(.darkWindowClose,.leaveTableButton,.mobileLeaveTable,.finishedLeaveTable):focus-visible{outline:3px solid #facc15!important;outline-offset:2px}


/* SOURCE: table-header-clean-20261005.css */
html body #root main.gameScreen>.topbar .topbarRight>.speedScaleControl{display:none!important}
html body #root main.gameScreen>.topbar .topbarRight>.tableQuickTools{position:static!important;inset:auto!important;transform:none!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;gap:5px!important}
html body #root main.gameScreen>.topbar .topbarRight{min-width:0!important;gap:6px!important}
html body #root main.gameScreen>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton{position:static!important;inset:auto!important;transform:none!important;max-width:none!important;min-width:max-content!important;width:auto!important;font-size:12px!important;padding:6px 10px!important}
html body #root main.gameScreen>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton b{display:inline!important;font-size:12px!important}
html body #root .mobileCreateSheet .speedScaleControl{display:grid;gap:5px;min-width:0}html body #root .mobileCreateSheet .speedScaleDots{display:flex;gap:6px}html body #root .mobileCreateSheet .speedScaleDots button{min-width:36px;min-height:36px}


/* SOURCE: toolbar-readable-20261006.css */

/* Readable game toolbar controls. */
@media(min-width:901px){
 html body #root main.gameScreen>.topbar{height:110px!important;min-height:110px!important;max-height:110px!important;padding:10px 16px!important;align-items:center!important;overflow:visible!important}
 html body #root main.gameScreen>.topbar .topbarRight{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important;height:auto!important}
 html body #root main.gameScreen>.topbar .topbarRight>.tableQuickTools{gap:8px!important;flex-wrap:wrap!important}
 html body #root main.gameScreen>.topbar button,html body #root main.gameScreen>.topbar .tablePointsMenu>summary{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:44px!important;max-width:none!important;height:42px!important;min-height:42px!important;padding:9px 13px!important;font:650 15px/1.25 system-ui!important;border-radius:10px!important;white-space:nowrap!important}
 html body #root main.gameScreen>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton,html body #root main.gameScreen>.topbar .topbarRight>.leaveTableButton.leaveTableTextButton b{font-size:15px!important}
 html body #root main.gameScreen>.topbar .themeToggle{width:auto!important;min-width:90px!important}
 html body #root main.gameScreen>.topbar .balancePills>span{min-height:38px!important;display:inline-flex!important;align-items:center!important;padding:8px 10px!important;font:650 15px/1.25 system-ui!important}
 html body #root main.gameScreen>.topbar .radioGameToggle{min-width:154px!important;background:#184e3b!important;border:1px solid #53b18a!important;color:#fff!important}
 html body #root main.gameScreen>.topbar .radioGameToggle[aria-pressed=false]{background:#28384a!important;border-color:#8898ac!important}
 html body #root main.gameScreen>.topbar .radioGameToggle[aria-pressed=true]{background:#184e3b!important}
 html body #root main.gameScreen.yuzbirGame>.gameTableWrap{top:116px!important}
 html body #root main.gameScreen>.topbar .tablePointsPopup{top:calc(100% + 6px)!important;font-size:15px!important}
 html body #root main.gameScreen>.topbar .stats{font-size:15px!important}
}
@media(min-width:1600px){html body #root main.gameScreen>.topbar{height:64px!important;min-height:64px!important;max-height:64px!important}html body #root main.gameScreen.yuzbirGame>.gameTableWrap{top:70px!important}}
html body #root main.gameScreen>.topbar .radioGameToggle{font-size:14px!important;white-space:nowrap!important;min-width:140px!important;width:auto!important;max-width:none!important}

/* Keep sound labels inside their controls in every lobby layout. */
.mobileSoundToggle,.soundToggle,.soundGameToggle,.gameSoundToggle{width:auto!important;min-width:104px!important;flex:0 0 auto!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;line-height:1.2!important;min-height:38px!important;height:auto!important;padding:9px 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;}


/* SOURCE: indicator-fit-20261006.css */

/* Compact indicator fits inside the central lane, text below its tile. */
@media(min-width:901px){
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck{top:calc(50% + 30px)!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;gap:3px!important;padding:0!important;box-sizing:border-box!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>.okeyTile{order:1!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;margin:0!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>small{order:2!important;display:block!important;font-size:11px!important;line-height:14px!important;text-align:center!important;white-space:nowrap!important;width:100%!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>span{order:3!important;font-size:11px!important;line-height:13px!important;white-space:nowrap!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>button{order:4!important;padding:2px 5px!important;font-size:10px!important;min-height:22px!important}
 html body #root main.gameScreen.yuzbirGame .indicatorPanel{padding:5px!important;gap:0!important;box-sizing:border-box!important;overflow:hidden!important}
 html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldTurnArrow,html body #root main.gameScreen.yuzbirGame .yuzbirMeldBoard .playingNicknameArrow{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker{display:none!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker.myTurnMarker{display:flex!important;position:absolute!important;top:calc(100% + 28px)!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;flex-direction:column!important;align-items:center!important;gap:2px!important;width:100px!important;max-width:100px!important;background:transparent!important;pointer-events:none!important;z-index:50!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker.myTurnMarker>b{font-size:25px!important;line-height:26px!important;color:#ffe08a!important}
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .feltTable101 .centerDeck .turnTimeMarker.myTurnMarker>span{font-size:12px!important;line-height:15px!important;color:#ffe08a!important}
}


/* SOURCE: rack-active-width-20261006.css */

/* Wooden rack matches the complete active slot area. */
@media(min-width:901px){
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea>.rackBoardShell,
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame).finishedHand .rackArea>.rackBoardShell{
  left:50%!important;right:auto!important;width:min(calc(100% - 20px),calc(18 * var(--fit-tile,38px) + 48px))!important;
  min-width:0!important;max-width:calc(100% - 20px)!important;transform:translateX(-50%)!important;margin:0!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackArea .rackBoardShell>.tileRackGrid{
  width:100%!important;min-width:0!important;max-width:100%!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;justify-content:center!important;box-sizing:border-box!important
 }
 html body #root main.gameScreen.desktopGame.yuzbirGame:not(.phoneGame) .rackBoardShell .rackSlot{
  min-width:0!important;width:100%!important;pointer-events:auto!important
 }
}
@media(min-width:1000px){
 html body #root#root#root main.gameScreen.duzGame .rackArea .rackBoardShell{width:min(calc(100% - 16px),724px)!important;max-width:calc(100% - 16px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
 html body #root#root#root main.gameScreen.duzGame .rackBoardShell .tileRackGrid{grid-template-columns:repeat(15,minmax(0,1fr))!important;justify-content:center!important}
}


/* SOURCE: rack-polish-20261006.css */
/* Rack frame, controls and discard feedback */
.gameScreen .rackBoardShell{border:2px solid #9e6d32!important;border-radius:16px!important;background:linear-gradient(90deg,#6b411f 0,#c28a43 8px,#f0c27b 12px,#80542c 18px,transparent 22px,transparent calc(100% - 22px),#80542c calc(100% - 18px),#f0c27b calc(100% - 12px),#c28a43 calc(100% - 8px),#6b411f 100%),linear-gradient(180deg,#b9813b,#734624)!important;box-shadow:inset 0 1px 0 #ffdea4, inset 0 -3px 5px #35200b88,0 5px 14px #0005!important;}
.gameScreen .rackControls button,.gameScreen .rackToolbar button{font-size:14px!important;min-height:34px!important;font-weight:700!important;}
.gameScreen .discardSpot.darkDiscardGlow{animation:darkDiscardGlow 950ms ease-out!important;}
@keyframes darkDiscardGlow{0%,20%{filter:drop-shadow(0 0 9px #ffdc70);box-shadow:0 0 0 2px #ffe59a,0 0 24px #ffcb5a;}100%{filter:drop-shadow(0 0 0 transparent);box-shadow:0 0 0 2px transparent,0 0 0 transparent;}}
@media(prefers-reduced-motion:reduce){.gameScreen .discardSpot.darkDiscardGlow{animation:none!important;outline:2px solid #ffe59a;}}

.gameScreen .rackTools button,.gameScreen .rack101UnifiedActions button{font-size:14px!important;line-height:1.25!important;min-height:36px!important;font-weight:750!important;}
.gameScreen .pcRackHandCount{font-size:13px!important;line-height:1.3!important;}


/* SOURCE: create-simple-20261006.css */

/* One readable create-table surface across light and dark themes. */
html body #root#root#root#root main.entertainmentLobby .createPanelInline{box-sizing:border-box!important;position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;width:min(740px,calc(100vw - 32px))!important;max-width:740px!important;max-height:calc(100dvh - 40px)!important;overflow:auto!important;margin:0!important;padding:24px!important;border:1px solid var(--create-border)!important;border-radius:20px!important;background:var(--create-bg)!important;color:var(--create-text)!important;box-shadow:0 24px 80px #0005!important;z-index:3200!important;font-size:14px!important;--create-bg:#17212f;--create-field:#243144;--create-text:#edf2fa;--create-muted:#adb9cb;--create-border:#42516a;--create-accent:#7854c4;}
html[data-theme=light] body #root#root#root#root main.entertainmentLobby .createPanelInline{--create-bg:#fff;--create-field:#f3f5f9;--create-text:#202c3e;--create-muted:#5d6c80;--create-border:#d4dce7;--create-accent:#7150b7;}
html body #root#root#root#root .createPanelInline .createPanelHead{align-items:center!important;margin-bottom:20px!important;}
html body #root#root#root#root .createPanelInline .createPanelHead h2{font-size:24px!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .eyebrow{display:none!important;}
html body #root#root#root#root .createPanelInline .panelClose{width:36px!important;height:36px!important;font-size:24px!important;border-radius:10px!important;color:var(--create-text)!important;background:var(--create-field)!important;padding:0!important;}
html body #root#root#root#root .createPanelInline .createFormGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin:0!important;}
html body #root#root#root#root .createPanelInline .createFormGrid>label{display:grid!important;align-content:start!important;gap:8px!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline :is(input:not([type=checkbox]),select){width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;font-size:14px!important;font-weight:500!important;border:1px solid var(--create-border)!important;border-radius:10px!important;color:var(--create-text)!important;background:var(--create-field)!important;}
html body #root#root#root#root .createPanelInline .gameChoices{display:flex!important;gap:6px!important;margin:0!important;}
html body #root#root#root#root .createPanelInline .gameChoices button{flex:1!important;min-height:42px!important;padding:8px!important;font-size:14px!important;border-radius:9px!important;border:1px solid var(--create-border)!important;background:var(--create-field)!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .gameChoices button.active{background:var(--create-accent)!important;color:white!important;border-color:var(--create-accent)!important;}
html body #root#root#root#root .createPanelInline :is(.speedPicker,.speedControl)::before{content:none!important;}
html body #root#root#root#root .createPanelInline .tableThemePicker{margin-top:22px!important;padding:16px!important;border:1px solid var(--create-border)!important;border-radius:12px!important;background:var(--create-field)!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .tableThemePickerHead{margin-bottom:12px!important;}
html body #root#root#root#root .createPanelInline .tableThemePickerHead b{font-size:15px!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .tableThemePickerHead span{font-size:12px!important;color:var(--create-muted)!important;}
html body #root#root#root#root .createPanelInline .tableThemeOptions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption{display:grid!important;min-height:94px!important;padding:9px!important;gap:7px!important;border-radius:10px!important;border:2px solid transparent!important;background:var(--create-bg)!important;color:var(--create-text)!important;opacity:1!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption.active{border-color:var(--create-accent)!important;box-shadow:0 0 0 2px #7854c422!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption>small{display:none!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption>b{font-size:12px!important;line-height:1.3!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption>em{font-size:11px!important;font-style:normal!important;color:var(--create-muted)!important;}
html body #root#root#root#root .createPanelInline .themePreview{height:30px!important;width:100%!important;}
html body #root#root#root#root .createPanelInline .createChecks{display:flex!important;flex-wrap:wrap!important;gap:14px!important;margin:18px 0!important;color:var(--create-text)!important;font-size:13px!important;}
html body #root#root#root#root .createPanelInline .createChecks label{font-size:13px!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .createNow{width:100%!important;min-height:46px!important;font-size:16px!important;border-radius:10px!important;background:var(--create-accent)!important;color:white!important;}
html body #root#root#root#root .createPanelInline :is(.createHelp,.createHint,.botInfo){color:var(--create-muted)!important;background:var(--create-field)!important;font-size:13px!important;line-height:1.5!important;}
@media(max-width:600px){html body #root#root#root#root main.entertainmentLobby .createPanelInline{padding:18px!important;width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;}html body #root#root#root#root .createPanelInline .createFormGrid{grid-template-columns:1fr!important;gap:14px!important;}html body #root#root#root#root .createPanelInline .tableThemeOptions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

html body #root#root#root#root main.gameScreen.tableTheme-classic-green .feltTable{background:radial-gradient(ellipse at 50% 42%,#28634a,#103024)!important;border-color:#956133!important;}
html body #root#root#root#root main.gameScreen.tableTheme-classic-green .feltTable .yuzbirMeldLane{background:#153e30!important;border-color:#956133!important;}
html body #root#root#root#root main.gameScreen.tableTheme-classic-green .feltTable .yuzbirMeldGroup{background:#28634a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-classic-green .feltTable .seat,html body #root#root#root#root main.gameScreen.tableTheme-classic-green .feltTable .discardSpot{background:#103024!important;border-color:#956133!important;}
html body #root#root#root#root .createPanelInline .theme-classic-green .themePreview{background:linear-gradient(135deg,#28634a,#103024)!important;border-color:#956133!important;}
html body #root#root#root#root main.gameScreen.tableTheme-dark-modern .feltTable{background:radial-gradient(ellipse at 50% 42%,#23433f,#101f24)!important;border-color:#343c48!important;}
html body #root#root#root#root main.gameScreen.tableTheme-dark-modern .feltTable .yuzbirMeldLane{background:#182e31!important;border-color:#343c48!important;}
html body #root#root#root#root main.gameScreen.tableTheme-dark-modern .feltTable .yuzbirMeldGroup{background:#23433f!important;}
html body #root#root#root#root main.gameScreen.tableTheme-dark-modern .feltTable .seat,html body #root#root#root#root main.gameScreen.tableTheme-dark-modern .feltTable .discardSpot{background:#101f24!important;border-color:#343c48!important;}
html body #root#root#root#root .createPanelInline .theme-dark-modern .themePreview{background:linear-gradient(135deg,#23433f,#101f24)!important;border-color:#343c48!important;}
html body #root#root#root#root main.gameScreen.tableTheme-vip-lounge .feltTable{background:radial-gradient(ellipse at 50% 42%,#543168,#21152e)!important;border-color:#72558a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-vip-lounge .feltTable .yuzbirMeldLane{background:#352342!important;border-color:#72558a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-vip-lounge .feltTable .yuzbirMeldGroup{background:#543168!important;}
html body #root#root#root#root main.gameScreen.tableTheme-vip-lounge .feltTable .seat,html body #root#root#root#root main.gameScreen.tableTheme-vip-lounge .feltTable .discardSpot{background:#21152e!important;border-color:#72558a!important;}
html body #root#root#root#root .createPanelInline .theme-vip-lounge .themePreview{background:linear-gradient(135deg,#543168,#21152e)!important;border-color:#72558a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-rustic-gold .feltTable{background:radial-gradient(ellipse at 50% 42%,#67462e,#2e2118)!important;border-color:#b8894d!important;}
html body #root#root#root#root main.gameScreen.tableTheme-rustic-gold .feltTable .yuzbirMeldLane{background:#473022!important;border-color:#b8894d!important;}
html body #root#root#root#root main.gameScreen.tableTheme-rustic-gold .feltTable .yuzbirMeldGroup{background:#67462e!important;}
html body #root#root#root#root main.gameScreen.tableTheme-rustic-gold .feltTable .seat,html body #root#root#root#root main.gameScreen.tableTheme-rustic-gold .feltTable .discardSpot{background:#2e2118!important;border-color:#b8894d!important;}
html body #root#root#root#root .createPanelInline .theme-rustic-gold .themePreview{background:linear-gradient(135deg,#67462e,#2e2118)!important;border-color:#b8894d!important;}
html body #root#root#root#root main.gameScreen.tableTheme-platinum-black-gold .feltTable{background:radial-gradient(ellipse at 50% 42%,#303640,#10151c)!important;border-color:#c5a56a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-platinum-black-gold .feltTable .yuzbirMeldLane{background:#202730!important;border-color:#c5a56a!important;}
html body #root#root#root#root main.gameScreen.tableTheme-platinum-black-gold .feltTable .yuzbirMeldGroup{background:#303640!important;}
html body #root#root#root#root main.gameScreen.tableTheme-platinum-black-gold .feltTable .seat,html body #root#root#root#root main.gameScreen.tableTheme-platinum-black-gold .feltTable .discardSpot{background:#10151c!important;border-color:#c5a56a!important;}
html body #root#root#root#root .createPanelInline .theme-platinum-black-gold .themePreview{background:linear-gradient(135deg,#303640,#10151c)!important;border-color:#c5a56a!important;}
html body #root#root#root#root .createPanelInline .speedScaleControl>small{display:none!important;}
html body #root#root#root#root .createPanelInline .speedScaleDots{display:flex!important;gap:6px!important;}
html body #root#root#root#root .createPanelInline .speedScaleDots button{flex:1!important;min-height:42px!important;font-size:14px!important;padding:8px!important;border-radius:9px!important;border:1px solid var(--create-border)!important;background:var(--create-field)!important;color:var(--create-text)!important;}
html body #root#root#root#root .createPanelInline .speedScaleDots button.active{background:var(--create-accent)!important;border-color:var(--create-accent)!important;color:white!important;}
html body #root#root#root#root .createPanelInline :is(button,input,select):focus-visible{outline:3px solid #a78bfa!important;outline-offset:2px!important;}

/* Desktop form fits as one sheet; admin tools are not part of table creation. */
@media(min-width:901px){
html body #root#root#root#root main.entertainmentLobby .createPanelInline{width:min(980px,calc(100vw - 40px))!important;max-width:980px!important;padding:18px 22px!important;overflow:visible!important;}
html body #root#root#root#root .createPanelInline .createPanelHead{margin-bottom:14px!important;}
html body #root#root#root#root .createPanelInline .createFormGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px 16px!important;}
html body #root#root#root#root .createPanelInline .createFormGrid>label{gap:6px!important;}
html body #root#root#root#root .createPanelInline :is(input:not([type=checkbox]),select,.gameChoices button,.speedScaleDots button){min-height:38px!important;padding:8px 10px!important;}
html body #root#root#root#root .createPanelInline .tableThemePicker{margin-top:14px!important;padding:12px!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption{min-height:80px!important;gap:5px!important;}
html body #root#root#root#root .createPanelInline .createChecks{margin:12px 0!important;gap:10px 18px!important;}
html body #root#root#root#root .createPanelInline :is(.createHelp,.createHint,.botInfo,.botModeHint,.notice){font-size:12px!important;margin:6px 0!important;padding:6px!important;}
}
html body #root#root#root#root .createPanelInline .adminStyleWorkshop{display:none!important;}
html body #root#root#root#root .createPanelInline .tableThemeOption.active{background:var(--create-bg)!important;}


/* SOURCE: chat-media-20261006.css */
html body #root#root#root#root .chatMediaPicker{background:var(--surface,#17212f)!important;color:var(--text,#edf2fa)!important;padding:10px!important;border:1px solid var(--border,#475569)!important;border-radius:12px!important;}
html body #root#root#root#root .chatMediaGrid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(36px,1fr))!important;gap:4px!important;max-height:280px!important;overflow:auto!important;}
html body #root#root#root#root .chatMediaCell{position:relative!important;min-width:0!important;}
html body #root#root#root#root .chatMediaCell>button:first-child{width:100%!important;height:40px!important;min-height:40px!important;padding:3px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--border,#475569)!important;border-radius:6px!important;background:var(--surface,#17212f)!important;}
html body #root#root#root#root .chatMediaCell img{max-width:32px!important;max-height:32px!important;object-fit:contain!important;}
html body #root#root#root#root .chatMediaUpload{width:100%!important;margin-top:8px!important;padding:9px!important;font-size:13px!important;border-radius:8px!important;}
html body #root#root#root#root .chatMediaManager .chatMediaGrid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))!important;max-height:430px!important;}
html body #root#root#root#root .chatMediaManager .chatMediaCell>button:first-child{height:72px!important;}
html body #root#root#root#root .chatMediaManager .chatMediaCell img{max-width:54px!important;max-height:54px!important;}
html body #root#root#root#root .chatMediaDelete{position:absolute!important;top:0!important;right:0!important;width:24px!important;height:24px!important;min-height:24px!important;padding:0!important;border-radius:50%!important;background:#b42338!important;color:#fff!important;font-size:18px!important;}
html body #root#root#root#root .chatUploadedImage{display:block!important;max-width:min(260px,100%)!important;max-height:220px!important;object-fit:contain!important;border-radius:8px!important;margin:4px 0!important;}

html body #root#root#root#root .chatMediaManager{display:flex!important;flex-direction:column!important;max-height:none!important;overflow:visible!important;}
html body #root#root#root#root .chatMediaManagementBar{display:block!important;flex:none!important;padding-bottom:12px!important;}
html body #root#root#root#root .chatMediaManagementBar .chatMediaUpload{display:block!important;font-size:20px!important;min-height:48px!important;background:#6848bb!important;color:white!important;margin:0!important;}
html body #root#root#root#root .chatMediaManagementBar p,html body #root#root#root#root .chatMediaStatus{font-size:17px!important;line-height:1.5!important;margin:10px 0!important;}
html body #root#root#root#root .chatMediaManager .chatMediaGrid{flex:0 1 auto!important;max-height:min(430px,44vh)!important;min-height:72px!important;}
html body #root#root#root#root .chatMediaManager .chatMediaCell>button:first-child{touch-action:none!important;cursor:grab!important;}
html body #root#root#root#root .chatMediaManager .chatMediaCell.selected{outline:3px solid #9974f5!important;border-radius:8px!important;}
html body #root#root#root#root .chatMediaCell img{width:auto!important;height:auto!important;object-fit:contain!important;image-rendering:auto!important;}


/* SOURCE: lobby-wide-names-20261006.css */

@media(min-width:1200px){
html body #root#root#root#root main.entertainmentLobby>.lobbySocialLayout{--lobby-people:440px!important;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr) 440px!important;}
html body #root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-columns:minmax(0,1fr) 440px!important;}
html body #root#root#root#root main.entertainmentLobby .lobbyPeopleRail{min-width:0!important;width:100%!important;}
html body #root#root#root#root main.entertainmentLobby .onlineUserIdentity{min-width:0!important;max-width:none!important;flex:1!important;}
html body #root#root#root#root main.entertainmentLobby .onlineUserIdentity .styledName{max-width:100%!important;}
html body #root#root#root#root main.entertainmentLobby .onlineUserIdentity .styledName>b{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important;text-overflow:clip!important;}
}
@media(min-width:1200px) and (max-width:1450px){html body #root#root#root#root main.entertainmentLobby>.lobbySocialLayout{--lobby-people:410px!important;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr) 410px!important;}html body #root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby{grid-template-columns:minmax(0,1fr) 410px!important;}}


/* SOURCE: moderation-theme-20261006.css */
.darkAdminTools .darkAdminHeader{position:sticky;top:-20px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-20px -20px 12px;padding:16px 20px;background:#111c2b;border-bottom:1px solid #43546b;}
.darkAdminTools .darkAdminHeader h2{margin:0;font-size:24px;}
.darkAdminTools .darkAdminClose{display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;padding:0!important;font-size:30px!important;line-height:1!important;border-radius:10px!important;cursor:pointer!important;}
html[data-theme=light] .darkAdminTools,html[data-theme=light] .darkSecurityDialog{background:#fff!important;color:#243247!important;border-color:#c3cddd!important;}
html[data-theme=light] .darkAdminTools .darkAdminHeader{background:#fff!important;border-color:#d0d9e5!important;}
html[data-theme=light] .darkAdminTools :is(h2,h3,label,b){color:#243247!important;}
html[data-theme=light] .darkAdminTools :is(p,small){color:#516279!important;}
html[data-theme=light] .darkAdminTools :is(input,select,button:not(.primary):not(.danger)){background:#f0f3f8!important;color:#243247!important;border-color:#c3cddd!important;}
html[data-theme=light] .darkAdminTools :is(.darkAuthorityPanel,.darkAuthorityCheck,[role=status]){background:#f4f6fa!important;color:#243247!important;border-color:#c3cddd!important;}
html[data-theme=light] .darkAdminTools .darkAuthorityExpiry{color:#236752!important;}
html[data-theme=light] .darkAdminTools .danger{background:#b42338!important;color:#fff!important;border-color:#b42338!important;}
html[data-theme=light] .darkAdminTools .primary{background:#7050b8!important;color:#fff!important;}
.darkAdminTools .darkAuthorityCheck{font-size:16px!important;letter-spacing:0!important;text-transform:none!important;}
.darkAdminTools .darkAuthorityCheck small{font-size:13px!important;text-transform:none!important;letter-spacing:0!important;}


/* SOURCE: mobile-101-clear-layout-20261006.css */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame{--portrait-rack-height:clamp(190px,30dvh,260px);}
html body #root#root#root#root main.gameScreen.yuzbirGame .topbar{position:fixed!important;inset:0 0 auto!important;height:44px!important;min-height:44px!important;padding:4px 8px!important;z-index:210!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .topbarRight{position:static!important;display:flex!important;gap:5px!important;align-items:center!important;width:100%!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools{position:static!important;display:flex!important;gap:5px!important;margin:0 44px 0 42px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .messageSoundButton,html body #root#root#root#root main.gameScreen.yuzbirGame .tablePointsMenu>summary{font-size:11px!important;min-height:30px!important;padding:5px!important;white-space:nowrap!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .leaveTableButton{position:fixed!important;top:48px!important;left:8px!important;right:auto!important;width:auto!important;min-height:32px!important;height:32px!important;padding:5px 9px!important;font-size:12px!important;z-index:210!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{position:fixed!important;left:78px!important;right:78px!important;top:154px!important;bottom:calc(var(--portrait-rack-height) + 128px)!important;width:auto!important;height:auto!important;min-width:0!important;min-height:70px!important;max-height:none!important;z-index:20!important;margin:0!important;transform:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard:before{content:"AÇILAN TAŞLAR"!important;font-size:11px!important;height:28px!important;padding:6px!important;text-align:center!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty{width:100%!important;min-width:0!important;min-height:0!important;padding:14px 8px!important;box-sizing:border-box!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty b{font-size:14px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoardEmpty span{font-size:12px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat{position:fixed!important;z-index:60!important;max-width:74px!important;min-width:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-2{top:82px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;max-width:140px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-1{top:35dvh!important;left:5px!important;right:auto!important;bottom:auto!important;transform:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-3{top:35dvh!important;right:5px!important;left:auto!important;bottom:auto!important;transform:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-0{top:auto!important;bottom:calc(var(--portrait-rack-height) + 110px)!important;left:8px!important;right:auto!important;transform:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discardSpot{position:fixed!important;width:34px!important;height:46px!important;min-height:46px!important;z-index:65!important;transform:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:98px!important;left:auto!important;right:24px!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-1{top:calc(35dvh + 72px)!important;left:20px!important;right:auto!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-3{top:calc(35dvh + 72px)!important;right:20px!important;left:auto!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-0{top:auto!important;bottom:calc(var(--portrait-rack-height) + 60px)!important;right:20px!important;left:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discardRoleLabel{font-size:9px!important;white-space:normal!important;max-width:66px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel{position:fixed!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 62px)!important;left:calc(50% - 45px)!important;right:auto!important;width:90px!important;height:46px!important;min-height:46px!important;transform:none!important;z-index:80!important;}
html body #root#root#root#root main.gameScreen.playingHand.yuzbirGame .centerDeck{position:fixed!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 10px)!important;left:calc(50% - 55px)!important;right:auto!important;width:110px!important;min-width:110px!important;height:44px!important;min-height:44px!important;transform:none!important;z-index:80!important;}
}

/* Discards sit beside their owner, outside the opened-stone window. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-1{left:6px!important;max-width:36px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-3{right:44px!important;max-width:36px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .seat-2{left:calc(50% - 24px)!important;max-width:130px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discardSpot{width:30px!important;height:44px!important;min-height:44px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:88px!important;left:calc(50% + 58px)!important;right:auto!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-1{top:calc(35dvh + 4px)!important;left:44px!important;right:auto!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-3{top:calc(35dvh + 4px)!important;right:8px!important;left:auto!important;bottom:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-0{top:auto!important;bottom:calc(var(--portrait-rack-height) + 106px)!important;left:78px!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discardRoleLabel{font-size:9px!important;max-width:62px!important;line-height:1.1!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .discard-1 .discardRoleLabel,html body #root#root#root#root main.gameScreen.yuzbirGame .discard-3 .discardRoleLabel{display:none!important;}
}

/* Compact portrait rack with larger tile faces and less empty wood. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame{--portrait-rack-height:178px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackArea{left:1%!important;right:1%!important;width:98%!important;height:178px!important;padding:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackBoardShell{position:absolute!important;top:84px!important;bottom:5px!important;left:1%!important;right:1%!important;width:auto!important;height:auto!important;padding:2px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .tileRackGrid{position:absolute!important;inset:2px!important;width:calc(100% - 4px)!important;height:calc(100% - 4px)!important;grid-template-columns:repeat(18,minmax(0,1fr))!important;grid-template-rows:repeat(2,40px)!important;align-content:center!important;gap:3px 1px!important;padding:0!important;min-height:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackSlot{height:40px!important;min-height:0!important;min-width:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackSlot>.imageTile.okeyTile{width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackSlot>.imageTile.okeyTile img{width:100%!important;height:100%!important;object-fit:fill!important;transform:none!important;}
}

/* Small rack controls: pair/open left, automatic sort centered, other actions right. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame :is(.rackHead,.rackTools,.rack101ScoreBar,.rack101UnifiedActions){display:contents!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackHead>div:first-child,
html body #root#root#root#root main.gameScreen.yuzbirGame :is(.rackMode,.rack101Score,.handPenaltyCount,.drawFirstPrompt){display:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame :is(.rackTools,.rack101UnifiedActions)>button{position:absolute!important;top:6px!important;bottom:auto!important;width:calc(16.666% - 4px)!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:3px 1px!important;font-size:10px!important;line-height:1.1!important;white-space:nowrap!important;border-radius:7px!important;margin:0!important;z-index:5!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(2){left:3px!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(1){left:calc(16.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(1){left:calc(33.333% + 1px)!important;right:auto!important;width:calc(33.333% - 4px)!important;font-size:12px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(2){left:calc(66.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(3){left:auto!important;right:3px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(3){top:40px!important;left:auto!important;right:3px!important;width:80px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(4){top:40px!important;left:auto!important;right:87px!important;width:110px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101Warning{position:absolute!important;top:40px!important;left:4px!important;max-width:45%!important;font-size:10px!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.playingHand.yuzbirGame .centerDeck{left:calc(50% - 108px)!important;right:auto!important;bottom:calc(var(--portrait-rack-height) + 10px)!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel{left:calc(50% + 10px)!important;right:auto!important;bottom:calc(var(--portrait-rack-height) + 10px)!important;height:44px!important;min-height:44px!important;}
}

/* Portrait-only: one compact control row and a shared draw/indicator baseline. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame{--portrait-rack-height:136px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackArea{height:136px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackBoardShell{top:42px!important;bottom:5px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame :is(.rackTools,.rack101UnifiedActions)>button{top:5px!important;height:32px!important;min-height:32px!important;width:calc(16.666% - 3px)!important;font-size:9px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(2){left:2px!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(1){left:calc(16.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(1){left:calc(33.333% + 1px)!important;right:auto!important;font-size:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(1)::after{content:"Oto Diz"!important;font-size:11px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(2){left:calc(50% + 1px)!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(3){left:calc(66.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(3){left:auto!important;right:2px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(4){display:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101Warning{top:38px!important;z-index:10!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .gameInfoBar{display:contents!important;transform:none!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;contain:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel{position:fixed!important;top:auto!important;left:calc(50% + 10px)!important;right:auto!important;bottom:calc(var(--portrait-rack-height) + 10px)!important;transform:none!important;margin:0!important;width:90px!important;height:44px!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo{position:static!important;transform:none!important;min-height:0!important;height:44px!important;width:90px!important;margin:0!important;padding:3px!important;box-sizing:border-box!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions:has(.returnSideTile)>button:nth-child(3){display:none!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button.returnSideTile:nth-child(4){display:block!important;top:5px!important;left:auto!important;right:2px!important;width:calc(16.666% - 3px)!important;font-size:0!important;}
html body #root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button.returnSideTile:nth-child(4)::after{content:"Geri bırak"!important;font-size:9px!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.rackTools,.rack101UnifiedActions)>button{top:5px!important;bottom:auto!important;width:calc(16.666% - 3px)!important;height:32px!important;min-height:32px!important;font-size:9px!important;transform:none!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(2){left:2px!important;right:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(1){left:calc(16.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(1){left:calc(33.333% + 1px)!important;right:auto!important;width:calc(16.666% - 3px)!important;font-size:0!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(2){left:calc(50% + 1px)!important;right:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rackTools>button:nth-child(3){left:calc(66.666% + 1px)!important;right:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(3){top:5px!important;left:auto!important;right:2px!important;width:calc(16.666% - 3px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rack101UnifiedActions>button:nth-child(4){top:5px!important;left:auto!important;right:2px!important;width:calc(16.666% - 3px)!important;}
}

/* Portrait opened-stone viewport and contained discard labels. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{left:62px!important;right:62px!important;top:138px!important;bottom:calc(var(--portrait-rack-height) + 100px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-1{left:5px!important;max-width:46px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-3{right:5px!important;max-width:46px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-1{left:14px!important;right:auto!important;top:calc(35dvh + 62px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-3{right:14px!important;left:auto!important;top:calc(35dvh + 62px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot::before,html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot::after{display:none!important;content:none!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .discardOwner{display:block!important;position:absolute!important;top:-19px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:48px!important;max-width:48px!important;min-width:0!important;font-size:9px!important;line-height:1.2!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:1px!important;box-sizing:border-box!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .discardOwner::after{content:none!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .discardRoleLabel{display:none!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .takeDiscardHint{position:absolute!important;top:47px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:48px!important;min-width:0!important;max-width:48px!important;height:28px!important;min-height:28px!important;padding:2px!important;font-size:0!important;white-space:normal!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .takeDiscardHint::after{content:"Yandan al"!important;font-size:9px!important;line-height:1.1!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .discardHistoryCount{position:absolute!important;top:78px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:48px!important;min-width:0!important;max-width:48px!important;min-height:20px!important;height:20px!important;font-size:8px!important;line-height:1.1!important;padding:2px!important;white-space:nowrap!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .meldTurnArrow{position:fixed!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 60px)!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;max-width:130px!important;height:30px!important;min-height:0!important;padding:3px 7px!important;font-size:11px!important;z-index:85!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .leaveTableButton{top:48px!important;right:8px!important;left:auto!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .leaveTableButton{top:46px!important;height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:11px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-2{top:60px!important;left:calc(50% - 30px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:82px!important;left:calc(50% + 64px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:118px!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>small{font-size:0!important;letter-spacing:0!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>small::after{content:"G"!important;font-size:14px!important;font-weight:800!important;}
}

/* Keep nicknames clear; discard piles stay outside the opened-stone area. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .centerDeck{left:calc(50% - 55px)!important;right:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel{left:calc(50% + 65px)!important;right:auto!important;width:52px!important;min-width:0!important;height:44px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo{width:52px!important;min-width:0!important;max-width:52px!important;height:44px!important;padding:2px!important;gap:2px!important;box-sizing:border-box!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .indicatorPanel .indicatorInfo>small::after{font-size:11px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .leaveTableButton{top:40px!important;right:8px!important;height:24px!important;min-height:24px!important;padding:2px 6px!important;font-size:10px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-0{left:auto!important;right:14px!important;top:auto!important;bottom:calc(var(--portrait-rack-height) + 106px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{left:auto!important;right:14px!important;top:150px!important;bottom:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-1{left:14px!important;right:auto!important;top:calc(35dvh + 98px)!important;bottom:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-3{right:14px!important;left:auto!important;top:calc(35dvh + 98px)!important;bottom:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.seat-1,.seat-3){width:48px!important;max-width:48px!important;min-height:0!important;height:auto!important;display:flex!important;flex-direction:column!important;gap:3px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.seat-1,.seat-3)>b{position:static!important;writing-mode:horizontal-tb!important;transform:none!important;width:48px!important;max-width:48px!important;min-width:0!important;height:auto!important;min-height:24px!important;max-height:48px!important;padding:2px!important;font-size:10px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.seat-1,.seat-3)>span:last-child{display:none!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.seat-1,.seat-3) .yuzbirSeatAvatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discardSpot .tapDiscardHint{display:none!important;}
}

/* Each side player discards on their own right, outside the meld board. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{left:78px!important;right:78px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-1{left:4px!important;right:auto!important;width:32px!important;max-width:32px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-3{right:42px!important;left:auto!important;width:32px!important;max-width:32px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.seat-1,.seat-3)>b{width:32px!important;max-width:32px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-1{left:42px!important;right:auto!important;top:calc(35dvh + 24px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-3{right:6px!important;left:auto!important;top:calc(35dvh + 24px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.discard-1,.discard-3) .discardOwner{width:32px!important;max-width:32px!important;font-size:8px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame :is(.discard-1,.discard-3) :is(.takeDiscardHint,.discardHistoryCount){width:32px!important;max-width:32px!important;}
}

html body #root#root#root#root#root main.gameScreen .messageSoundButton{font-size:24px!important;line-height:1!important;width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important;padding:3px!important;flex:0 0 38px!important;}

/* Exit shares the same compact toolbar row as the bell. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools{margin:0 44px 0 38px!important;gap:4px!important;align-items:center!important;flex-wrap:nowrap!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools .leaveTableButton{position:static!important;inset:auto!important;transform:none!important;width:auto!important;min-width:0!important;height:30px!important;min-height:30px!important;padding:3px 5px!important;font-size:10px!important;white-space:nowrap!important;margin:0!important;flex:0 0 auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools .leaveTableButton>span{display:none!important;}
}

/* Opposite player's discard immediately beside their nickname. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:82px!important;left:calc(50% - 125px)!important;right:auto!important;bottom:auto!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools .leaveTableButton{display:inline-flex!important;visibility:visible!important;opacity:1!important;width:76px!important;min-width:76px!important;max-width:none!important;overflow:visible!important;align-items:center!important;justify-content:center!important;color:#fff!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .tableQuickTools .leaveTableButton>b{display:inline!important;visibility:visible!important;opacity:1!important;font-size:10px!important;line-height:1.2!important;color:#fff!important;white-space:nowrap!important;}
}

/* Portrait refinements: opposite seat, full-size joker, header-free meld area. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{left:calc(50% - 137px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .seat-2{top:52px!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard::before{display:none!important;content:none!important;height:0!important;padding:0!important;margin:0!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard .meldPanCanvas{padding-top:0!important;margin-top:0!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .rackSlot>.imageTile.okeyTile.invertedOkey{width:100%!important;min-width:0!important;max-width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0!important;margin:0!important;transform:none!important;box-sizing:border-box!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .imageTile.okeyFace img{display:block!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;object-fit:fill!important;padding:0!important;margin:0!important;transform:none!important;}
}

@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{left:calc(50% - 147px)!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .yuzbirMeldBoard{top:86px!important;}
}

/* SVG's default aspect-ratio letterboxing made the joker visibly shorter. */
html body #root#root#root#root#root main.gameScreen.yuzbirGame .imageTile.okeyFace img{content:url("/assets/tiles/okey-face-full.svg")!important;object-fit:fill!important;}


/* Bot-1 is seat 3 (right); lift its discard without changing player order. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-3{top:max(80px,calc(35dvh + 24px - 300px))!important;}
}


/* User requested portrait discard placement adjustments: 2026-10-06. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-3{right:36px!important;left:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-0{right:44px!important;left:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:82px!important;left:calc(50% - 30px)!important;right:auto!important;bottom:auto!important;}
}


/* Keep Bot-3 history label beside its discard tile: 2026-10-06. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2 .discardHistoryCount{top:50%!important;left:calc(100% + 8px)!important;right:auto!important;bottom:auto!important;transform:translateY(-50%)!important;width:max-content!important;min-width:58px!important;max-width:72px!important;height:24px!important;min-height:24px!important;padding:4px 6px!important;line-height:1.1!important;white-space:nowrap!important;z-index:70!important;}
}


/* Stack Bot-2 above Bot-3 on the player's left: 2026-10-06. */
@media(max-width:700px) and (orientation:portrait){
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-1{top:82px!important;left:42px!important;right:auto!important;bottom:auto!important;}
html body #root#root#root#root#root main.gameScreen.yuzbirGame .discard-2{top:calc(35dvh + 24px)!important;left:42px!important;right:auto!important;bottom:auto!important;}
}