/* One clear entrance for table creation; the game chips below are promotional labels. */
#root .darkGameShortcutHidden{display:none!important}
#root .darkGamePromos{position:relative!important;display:grid!important;flex:0 0 auto!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;min-width:0;min-height:0!important;height:auto!important;max-height:none!important;box-sizing:border-box;padding:7px 0 9px;align-self:stretch!important;z-index:1}
#root .darkGamePromo{position:relative!important;display:flex!important;align-items:center;gap:6px;min-width:0;min-height:46px!important;height:46px!important;max-height:46px!important;padding:5px 7px;border:1px solid #d6dce8;border-radius:11px;background:linear-gradient(135deg,#fff,#f3f5fb);box-shadow:0 3px 10px #18243b12;color:#253148;overflow:hidden!important}
#root .darkGamePromoIcon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:8px;background:#6b35a4;color:#fff;font-size:16px;font-weight:800}
#root .promo-duz .darkGamePromoIcon{background:#18855b}#root .promo-tavla .darkGamePromoIcon{background:#d07b1d}#root .promo-batak .darkGamePromoIcon{background:#176baa}
#root .darkGamePromoCopy{display:grid!important;gap:1px;flex:1 1 auto;min-width:0;overflow:hidden}#root .darkGamePromoCopy b{display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.15}#root .darkGamePromoCopy small{display:none!important}
#root .darkGamePromo em{position:absolute;right:4px;top:3px;margin:0;padding:2px 4px;border-radius:999px;background:#ede5fa;color:#6738a0;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.04em}
#root .lobbyTablesBar{flex-wrap:nowrap!important}#root .lobbyTablesActions{flex:0 0 auto!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesBar{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesBar>.darkGamePromos{position:relative!important;display:grid!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
#root .mobileTablesHead>.darkGamePromos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px 0;flex:0 0 auto!important;width:100%!important}
#root .mobileTablesHead .darkGamePromo{min-height:42px!important;height:42px!important;max-height:42px!important;padding:5px 7px;border-radius:10px;gap:5px}
#root .mobileTablesHead .darkGamePromoIcon{flex-basis:25px;width:25px;height:25px;font-size:15px}
#root .mobileTablesHead .darkGamePromoCopy b{font-size:10px}#root .mobileTablesHead .darkGamePromoCopy small{display:none!important}#root .mobileTablesHead .darkGamePromo em{display:none!important}

/* Compact create panel: essentials first, less-used choices behind one disclosure. */
html body #root .createPanelInline{width:min(680px,calc(100vw - 28px))!important;max-width:680px!important;max-height:calc(100dvh - 28px)!important;padding:20px!important;border-radius:18px!important}
html body #root .createPanelInline .createPanelHead{margin-bottom:12px!important}
html body #root .createPanelInline .createPanelHead h2{font-size:22px!important}
html body #root .createPanelInline .createFormGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
html body #root .createPanelInline .darkCreateExtraField{display:none!important}
html body #root .createPanelInline.darkCreateAdvancedOpen .darkCreateExtraField{display:grid!important}
html body #root .createPanelInline .createFormGrid>label:nth-child(1){grid-column:1/-1!important}
html body #root .createPanelInline .darkCreateAdvancedToggle{display:grid!important;grid-template-columns:28px 1fr auto 16px;align-items:center;gap:8px;width:100%;margin:12px 0;padding:10px 12px;border:1px solid #cfd8e6;border-radius:12px;background:#f4f6fb;color:#253148;text-align:left;cursor:pointer}
html body #root .createPanelInline .darkCreateAdvancedToggle>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ece4fa;color:#6939a5}
html body #root .createPanelInline .darkCreateAdvancedToggle>b{font-size:12px}
html body #root .createPanelInline .darkCreateAdvancedToggle>small{color:#6b788d;font-size:10px}
html body #root .createPanelInline .darkCreateAdvancedToggle>i{font-size:16px;font-style:normal}
html body #root .createPanelInline .darkAllGameChoices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
html body #root .createPanelInline .darkCreateGameOption{min-height:38px!important;padding:7px 8px!important;border:1px solid var(--create-border)!important;border-radius:10px!important;background:var(--create-field)!important;color:var(--create-text)!important;font-weight:700!important;cursor:pointer}
html body #root .createPanelInline .darkCreateGameOption.create-tavla{border-color:#d58b35!important}
html body #root .createPanelInline .darkCreateGameOption.create-batak{border-color:#3c88c4!important}
html body #root .createPanelInline .createChecks{display:flex!important;flex-wrap:wrap!important;gap:8px 18px!important;margin:10px 0!important}
html body #root .createPanelInline .createNow{min-width:190px!important;min-height:46px!important;border-radius:12px!important}
html[data-theme=light] body #root .createPanelInline .darkCreateAdvancedToggle{background:#f4f6fb;color:#253148}
html[data-theme=dark] body #root .createPanelInline .darkCreateAdvancedToggle{background:#202a3a;color:#edf2fa;border-color:#42516a}
html[data-theme=dark] body #root .darkGamePromo{background:linear-gradient(135deg,#222c3d,#192333);border-color:#3b4860;color:#edf2fa}
html[data-theme=dark] body #root .darkGamePromoCopy small{color:#a8b6ca}
@media(max-width:700px){
  #root .darkGamePromos{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px 0 8px}
  #root .mobileTablesHead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important}
  #root .mobileTablesHead .darkGamePromos{width:100%!important}
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesBar{height:auto!important;min-height:0!important;overflow:visible!important}
  html body #root .createPanelInline{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:14px!important}
  html body #root .createPanelInline .darkCreateAdvancedToggle{grid-template-columns:28px 1fr 16px}
  html body #root .createPanelInline .darkCreateAdvancedToggle>small{grid-column:2/-1}
  html body #root .createPanelInline .createFormGrid{gap:9px!important}
  html body #root .createPanelInline .createNow{width:100%!important}
}

/* Visible, compact promotion tiles with the game name always readable. */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesBar{display:flex!important;flex-flow:column nowrap!important;align-items:stretch!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding-bottom:8px!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesBar>.darkGamePromos{position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;flex:0 0 auto!important;align-self:stretch!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:5px 0 4px!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromo{position:relative!important;display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;grid-template-rows:25px 13px!important;align-content:center!important;align-items:center!important;justify-items:stretch!important;gap:3px 6px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:50px!important;height:50px!important;max-height:50px!important;padding:5px 6px!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoIcon{grid-column:1!important;grid-row:1!important;width:25px!important;height:25px!important;min-width:25px!important;max-width:25px!important;font-size:15px!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoCopy{display:grid!important;grid-column:2!important;grid-row:1!important;grid-template-columns:minmax(0,1fr)!important;align-content:center!important;align-self:stretch!important;min-width:0!important;overflow:hidden!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoCopy b{display:block!important;visibility:visible!important;opacity:1!important;color:#253148!important;font-size:10px!important;line-height:1.15!important;font-weight:850!important;white-space:nowrap!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoCopy small{display:block!important;visibility:visible!important;opacity:1!important;grid-column:1/-1!important;grid-row:2!important;color:#64738a!important;font-size:8px!important;line-height:1!important;white-space:nowrap!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromo em{right:3px!important;top:2px!important;padding:1px 3px!important;font-size:5px!important}
html[data-theme=dark] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoCopy b{color:#f5effa!important}
html[data-theme=dark] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .darkGamePromoCopy small{color:#bdc8d8!important}
@media(max-width:700px){
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead>.darkGamePromos{grid-template-columns:repeat(2,minmax(0,1fr))!important;flex:0 0 auto!important;width:100%!important}
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead .darkGamePromo{min-height:54px!important;height:54px!important;max-height:54px!important;grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:28px 14px!important;padding:6px 8px!important}
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead .darkGamePromoIcon{width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;font-size:17px!important}
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead .darkGamePromoCopy b{font-size:11px!important}
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead .darkGamePromoCopy small{display:block!important;font-size:9px!important}
 html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .mobileTablesHead .darkGamePromo em{display:block!important}
}

/* Oyun adları yalnızca bilgi etiketi; açıklama ve tanıtım rozeti yok. */
#root .darkGamePromo{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:1fr!important;min-height:44px!important;height:44px!important;max-height:44px!important;padding:6px 9px!important}
#root .darkGamePromoCopy{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important}
#root .darkGamePromoCopy b{font-size:12px!important}
#root .darkGamePromoCopy small,#root .darkGamePromo em{display:none!important}
@media(max-width:700px){#root .mobileTablesHead .darkGamePromo{min-height:42px!important;height:42px!important;max-height:42px!important;padding:5px 8px!important}#root .mobileTablesHead .darkGamePromoCopy b{font-size:11px!important}}