/* DARK OYUN: vivid table colors, layout remains defined above */
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea article.tableCard.funTableCard,
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTableCard {
  color:#202638!important;
  background:linear-gradient(155deg,#ffffff 0%,#f5f3fb 100%)!important;
  border-color:#d9c8ec!important;
  box-shadow:0 5px 16px rgba(53,28,77,.12),inset 0 1px 0 #fff!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableCardTop,
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard h3 {
  color:#241b32!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual {
  background:radial-gradient(ellipse at 50% 40%,#138c54 0%,#087244 58%,#075334 100%)!important;
  border-color:#56351f!important;
  box-shadow:inset 0 0 0 2px rgba(238,190,117,.22),inset 0 0 20px rgba(0,35,20,.32),0 3px 8px rgba(20,25,26,.20)!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble {
  color:#fff!important;
  background:linear-gradient(180deg,#20334c,#101e31)!important;
  border-color:#647d9c!important;
  box-shadow:0 2px 5px rgba(0,0,0,.28)!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .compactMeta span {
  color:#394254!important;
  background:#edf0f6!important;
  border-color:#d7dce7!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .joinFun,
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button.primary {
  color:#fff!important;
  background:linear-gradient(135deg,#7223a0,#8d2bc0)!important;
  border-color:#7624a4!important;
  box-shadow:0 3px 9px rgba(91,31,126,.25),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button[data-dark-game-color="101"] {background-color:#df741c!important;border-color:#ca6010!important}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button[data-dark-game-color="duz"] {background-color:#d94350!important;border-color:#c83240!important}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button[data-dark-game-color="tavla"] {background-color:#2877d0!important;border-color:#1e64b6!important}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button[data-dark-game-color="batak"] {background-color:#8842b6!important;border-color:#713299!important}
html:not([data-theme="dark"]) body #root#root#root#root#root#root#root#root#root main.mobileLobbyShell:not(.mobileLobbyWhilePlaying) .mobileTablePlayers>span {
  color:#fff!important;
  background:linear-gradient(180deg,#24415d,#172a40)!important;
  border-color:#7891ad!important;
}


/* DARK OYUN: fixed PC palette and theme-aware mobile lobby colors */
@media(min-width:701px){
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySocialLayout{
  --accent:#7828a5!important;--accent-2:#5f1f86!important;--accent-soft:#f1e4f8!important;
  --accent-text:#64218a!important;--success:#16884f!important;--danger:#c83c4b!important;
  --surface:#fff!important;--surface-2:#f7f2fb!important;--text:#202638!important;
  --muted:#626b7a!important;--border:#dccce9!important;--border-strong:#bea5d2!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby :is(.tablesArea,.richChat,.onlineUsersPanel){
  color:#202638!important;background:linear-gradient(155deg,#fff 0%,#f7f3fb 100%)!important;
  border-color:#d9c7e8!important;box-shadow:0 7px 22px rgba(49,28,69,.12)!important;
}
}
@media(max-width:700px){
html[data-theme="light"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySocialLayout{
  --accent:#7628a5!important;--accent-2:#5c2083!important;--accent-soft:#efe2f8!important;
  --accent-text:#63218a!important;--success:#16884f!important;--danger:#cb3b4b!important;
  --surface:#fff!important;--surface-2:#f5f0fa!important;--text:#202638!important;
  --muted:#626b7a!important;--border:#dccce9!important;--border-strong:#bfa6d2!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySocialLayout{
  --accent:#ba79ed!important;--accent-2:#9853cf!important;--accent-soft:#40264f!important;
  --accent-text:#dfb5ff!important;--success:#48c785!important;--danger:#ff7781!important;
  --surface:#202532!important;--surface-2:#292f40!important;--text:#f5effa!important;
  --muted:#c2b7cc!important;--border:#4c4059!important;--border-strong:#795f8d!important;
}
html[data-theme="light"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby :is(.tablesArea,.richChat,.onlineUsersPanel){
  color:#202638!important;background:linear-gradient(155deg,#fff 0%,#f5f0fa 100%)!important;
  border-color:#dccce9!important;box-shadow:0 5px 18px rgba(60,29,82,.12)!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby :is(.tablesArea,.richChat,.onlineUsersPanel){
  color:#f5effa!important;background:linear-gradient(150deg,#252837 0%,#1b202c 100%)!important;
  border-color:#574565!important;box-shadow:0 6px 20px rgba(0,0,0,.32)!important;
}
}

/* Online nick cards */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow{
  color:#283044!important;background:linear-gradient(110deg,#fff,#f2ebf8)!important;
  border:1px solid #d8c6e7!important;box-shadow:0 2px 7px rgba(46,28,62,.09)!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow:hover{
  background:linear-gradient(110deg,#f3e6fb,#e9daf5)!important;border-color:#a96ad0!important;transform:translateY(-1px)!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow.me{
  background:linear-gradient(110deg,#e8f7ef,#d7f0e2)!important;border-color:#58b681!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .userAvatar{
  color:#fff!important;background:linear-gradient(145deg,#8e3fbb,#5f2085)!important;
  border:2px solid #d7b4eb!important;box-shadow:0 2px 6px rgba(64,26,83,.24)!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserIdentity>b{color:#252238!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow small{color:#526078!important}

/* Chat panel, messages and composer */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessages{
  background:linear-gradient(180deg,#fbf9fd,#f3eff8)!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessage{
  background:rgba(255,255,255,.92)!important;border:1px solid #e3d9ec!important;
  border-left:3px solid #9a53bd!important;border-radius:10px!important;
  box-shadow:0 2px 6px rgba(42,27,55,.06)!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessage.mine{
  background:linear-gradient(110deg,#f4e9fb,#eadcf5)!important;border-color:#d7b8e8!important;
  border-left-color:#7426a0!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatNameButton{color:#70269a!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer{
  background:linear-gradient(110deg,#f6effa,#ece5f4)!important;border:1px solid #d8c4e7!important;
  border-radius:13px!important;padding:7px!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer input:not([type="file"]){
  color:#242638!important;background:#fff!important;border:1px solid #cbb7db!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .chatSend>button:last-child{
  color:#fff!important;background:linear-gradient(135deg,#7628a5,#963ac0)!important;
  border-color:#75249f!important;box-shadow:0 3px 8px rgba(92,31,126,.24)!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .chatUploadButton,
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .emojiButton{
  color:#70269a!important;background:linear-gradient(145deg,#fff,#eadcf5)!important;
  border-color:#bd91d4!important;
}

/* Mobile theme variants for nick and chat surfaces */
@media(max-width:700px){
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow{
  color:#f4eef9!important;background:linear-gradient(110deg,#303445,#292c3d)!important;
  border-color:#574467!important;box-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow:hover{
  background:linear-gradient(110deg,#40304c,#342b45)!important;border-color:#a365c7!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow.me{
  background:linear-gradient(110deg,#183d37,#214b40)!important;border-color:#48bd86!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserIdentity>b,
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow small{color:#f0e8f6!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessages{background:linear-gradient(180deg,#1d2330,#222535)!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessage{
  color:#f2edf6!important;background:#2b3040!important;border-color:#4a4054!important;border-left-color:#b06ed2!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatMessage.mine{
  background:linear-gradient(110deg,#3c2b4a,#352b45)!important;border-color:#65477b!important;border-left-color:#cb8cf0!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatNameButton{color:#d8a2f3!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer{
  background:linear-gradient(110deg,#302b3c,#282b39)!important;border-color:#5b476b!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer input:not([type="file"]){
  color:#f4eef9!important;background:#202532!important;border-color:#655275!important;
}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .chatUploadButton,
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .emojiButton{
  color:#f3e6fc!important;background:linear-gradient(145deg,#493157,#382c46)!important;border-color:#8d61a7!important;
}
}

/* Context menu shown by tapping a player nick */
html body .darkNickMenu{color:#28233b!important;background:linear-gradient(155deg,#fff,#f1e8f8)!important;border-color:#aa77c5!important;box-shadow:0 14px 34px rgba(46,24,60,.34)!important}
html body .darkNickMenu>strong{color:#562577!important;border-bottom-color:#ddc8ea!important}
html body .darkNickMenu button{color:#30243d!important}
html body .darkNickMenu button:hover,html body .darkNickMenu button:focus{background:#e8d5f3!important}
@media(max-width:700px){
html[data-theme="dark"] body .darkNickMenu{color:#f2eafa!important;background:linear-gradient(155deg,#302a3d,#242937)!important;border-color:#865c9c!important}
html[data-theme="dark"] body .darkNickMenu>strong{color:#e0b7f7!important;border-bottom-color:#51425f!important}
html[data-theme="dark"] body .darkNickMenu button{color:#f0e8f5!important}
html[data-theme="dark"] body .darkNickMenu button:hover,html[data-theme="dark"] body .darkNickMenu button:focus{background:#4b3658!important}
}


/* Make the existing mobile theme choice easy to spot */
html body .darkMobileTheme,html body #root main.entertainmentLobby .themeToggle{
  min-height:40px!important;color:#fff!important;background:linear-gradient(135deg,#7628a5,#963ac0)!important;
  border:1px solid #6f2396!important;border-radius:11px!important;box-shadow:0 3px 9px rgba(82,30,111,.26)!important;
}
@media(max-width:700px){
html[data-theme="dark"] body .darkMobileTheme,html[data-theme="dark"] body #root main.entertainmentLobby .themeToggle{
  color:#fff!important;background:linear-gradient(135deg,#8d45b3,#633184)!important;border-color:#c07cdd!important;
}
}


/* Keep desktop tables vivid; mobile table colors follow the selected theme */
@media(min-width:701px){
:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea article.tableCard.funTableCard{
 color:#202638!important;background:linear-gradient(155deg,#fff,#f5f1fa)!important;border-color:#d5c0e4!important;box-shadow:0 5px 16px rgba(53,28,77,.14)!important}
:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableCardTop,:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard h3{color:#241b32!important}
:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{background:radial-gradient(ellipse at 50% 40%,#138c54 0%,#087244 58%,#075334 100%)!important;border-color:#56351f!important;box-shadow:inset 0 0 0 2px #eebe7540,inset 0 0 20px #00231452,0 3px 8px #14191a33!important}
:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble{color:#fff!important;background:linear-gradient(180deg,#20334c,#101e31)!important;border-color:#647d9c!important}
:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .joinFun,:root body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .lobbyTablesActions>button.primary{color:#fff!important;background:linear-gradient(135deg,#7223a0,#8d2bc0)!important;border-color:#7624a4!important}
}
@media(max-width:700px){
html[data-theme="light"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea article.tableCard.funTableCard{color:#202638!important;background:linear-gradient(155deg,#fff,#f5f1fa)!important;border-color:#d5c0e4!important}
html[data-theme="light"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{background:radial-gradient(ellipse at 50% 40%,#138c54 0%,#087244 58%,#075334 100%)!important;border-color:#56351f!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea article.tableCard.funTableCard{color:#f5effa!important;background:linear-gradient(150deg,#292b3b,#202532)!important;border-color:#755887!important;box-shadow:0 5px 18px #0005!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableCardTop,html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard h3{color:#f4eafb!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .tableSeatVisual{background:radial-gradient(ellipse at 50% 40%,#15935a 0%,#087447 58%,#06472f 100%)!important;border-color:#644125!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .seatBubble{color:#fff!important;background:linear-gradient(180deg,#263e5a,#14253a)!important;border-color:#7794b4!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .tablesArea .funTableCard .joinFun{color:#fff!important;background:linear-gradient(135deg,#7b31a5,#9c4ec1)!important;border-color:#b173d1!important}
}


/* Stronger brand contrast from the reviewed desktop and chat screenshots */
@media(min-width:701px){
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby{background:linear-gradient(145deg,#21112e 0%,#301640 48%,#241331 100%)!important;color:#fff!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyTopbar{background:linear-gradient(110deg,#321444,#552078)!important;border-color:#795197!important;box-shadow:0 8px 24px #160b2480!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyTopbar :is(.brand.small,.lobbyTopCenter.lobbyAdBanner){color:#fff!important;background:linear-gradient(145deg,#7628a5,#4e1c70)!important;border-color:#b280cb!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyTopbar .topbarRight>button{color:#39264a!important;background:linear-gradient(180deg,#fff,#eee4f5)!important;border-color:#c5a9d5!important;box-shadow:0 2px 6px #160b242e!important}
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatHead,
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead{
 color:#fff!important;background:linear-gradient(110deg,#542071,#7628a5)!important;border-color:#9b65b8!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatHead :is(h2,p,span,small),
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead :is(h2,h3,p,span,small){color:#fff!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatHead .eyebrow,
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead .eyebrow{color:#ead9f5!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineCountBadge{color:#fff!important;background:#176b50!important;border:1px solid #55c996!important;box-shadow:0 2px 8px #093d2b66!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .chatUploadButton,
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer .emojiButton{
 color:#fff!important;background:linear-gradient(145deg,#8b31b5,#64218d)!important;border:1px solid #692391!important;
 box-shadow:0 3px 10px rgba(75,26,104,.35),inset 0 1px 0 #ffffff45!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .chatComposer :is(.chatUploadButton,.emojiButton) img{opacity:1!important;filter:none!important}
@media(max-width:700px){
html[data-theme="light"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby{background:linear-gradient(145deg,#eee2f5,#e7eaf1)!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby{background:linear-gradient(145deg,#21172b,#171d28)!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .richChat .chatHead,
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead{background:linear-gradient(110deg,#382047,#54276d)!important;border-color:#79538d!important}
}


/* Actual lobby-wide chat title and system notice rows */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyChatFloorHead{
 color:#fff!important;background:linear-gradient(110deg,#53206f,#7628a5)!important;border-color:#9b65b8!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyChatFloorHead :is(span,b,strong){color:#fff!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySystemNotice{
 color:#41314d!important;background:linear-gradient(100deg,#f4e9fa,#eee4f5)!important;
 border-color:#d7b4e8!important;border-left:4px solid #8a3db0!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySystemNotice b{color:#7a268f!important}
@media(max-width:700px){
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyChatFloorHead{background:linear-gradient(110deg,#382047,#54276d)!important;border-color:#79538d!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySystemNotice{color:#f1e8f7!important;background:linear-gradient(100deg,#33293e,#292b39)!important;border-color:#5b456a!important;border-left-color:#bd7adb!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbySystemNotice b{color:#d8a1ee!important}
}


/* Bright player search field, preserving its current size and placement */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch{
 color:#6d258f!important;background:linear-gradient(120deg,#f8effd,#eee0f7)!important;
 border:1px solid #b982d1!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px #56246b1c!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input{
 color:#282139!important;background:linear-gradient(120deg,#fff,#f7effb)!important;
 border:1px solid #d1b3e0!important;border-radius:10px!important;box-shadow:inset 0 1px 2px #51276912!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input::placeholder{color:#705c7c!important;opacity:1!important}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input:focus{outline:2px solid #a853c9!important;outline-offset:1px!important;border-color:#8b3cae!important}
@media(max-width:700px){
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch{color:#e6c6f6!important;background:linear-gradient(120deg,#382643,#302337)!important;border-color:#8859a1!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input{color:#f5eefa!important;background:linear-gradient(120deg,#252532,#30283a)!important;border-color:#77588a!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input::placeholder{color:#cab7d5!important}
}


/* Keep the online player title clear beside search */
@media(min-width:701px){
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}


/* Single rounded search field and a slightly narrower rounded player header */
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch{
 box-sizing:border-box!important;min-width:0!important;gap:6px!important;margin:6px 5px 6px 8px!important;padding:0!important;
 color:#70269a!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch>span{
 flex:0 0 auto!important;color:#7628a5!important;font-weight:800!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input{
 box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important;max-width:100%!important;
 padding:7px 10px!important;border:1px solid #bd91d2!important;border-radius:14px!important;
 background:linear-gradient(120deg,#fff,#f6ebfb)!important;box-shadow:inset 0 1px 2px #51276912,0 2px 5px #51276916!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead{
 box-sizing:border-box!important;min-width:0!important;margin:3px 5px 3px 0!important;padding:6px 8px!important;
 border-radius:0 14px 14px 0!important;
}
@media(min-width:701px){
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel{grid-template-columns:minmax(0,1.1fr) minmax(150px,.9fr)!important}
}
@media(max-width:700px){
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch>span{color:#d8a2f3!important}
html[data-theme="dark"] body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch input{border-color:#8b68a0!important;border-radius:14px!important}
}


/* Compact, rounded online people rail: separate desktop and phone sizing. */
@media (min-width:1200px) {
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout:not(.chatOnlyLobby) {
    grid-template-columns:minmax(370px,.88fr) minmax(460px,1.24fr) minmax(260px,280px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby {
    grid-template-columns:minmax(0,1fr) minmax(260px,280px)!important;
  }
}
@media (min-width:1000px) and (max-width:1199px) {
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout:not(.chatOnlyLobby) {
    grid-template-columns:minmax(285px,.9fr) minmax(330px,1.2fr) minmax(225px,255px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby {
    grid-template-columns:minmax(0,1fr) minmax(225px,255px)!important;
  }
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyPeopleRail,
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel {
  border-radius:14px!important;
  overflow:hidden!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUsersHead {
  margin:4px 7px 2px!important;
  border-radius:12px!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineSearch {
  margin:6px 7px!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow {
  gap:6px!important;
  min-height:62px!important;
  margin:3px 5px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
}
html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity>b {
  gap:3px!important;
}
@media (max-width:700px) {
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyPeopleRail {
    width:calc(100% - 12px)!important;
    max-width:410px!important;
    margin-inline:auto!important;
    border-radius:15px!important;
  }
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel .onlineUserRow {
    grid-template-columns:30px minmax(0,1fr) auto!important;
    gap:5px!important;
    min-height:58px!important;
    margin:3px 5px!important;
    padding:6px 7px!important;
    border-radius:10px!important;
  }
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserRow .userAvatar {
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
  }
  html body #root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserIdentity>b {
    gap:2px!important;
  }
}


/* Tighten lobby top spacing and cap the people column against the search area. */
@media (min-width:1200px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout:not(.chatOnlyLobby) {
    grid-template-columns:minmax(370px,.88fr) minmax(460px,1.24fr) minmax(250px,260px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby {
    grid-template-columns:minmax(0,1fr) minmax(250px,260px)!important;
  }
}
@media (min-width:1000px) and (max-width:1199px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout:not(.chatOnlyLobby) {
    grid-template-columns:minmax(285px,.9fr) minmax(330px,1.2fr) minmax(250px,260px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby {
    grid-template-columns:minmax(0,1fr) minmax(250px,260px)!important;
  }
}
@media (min-width:701px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobby.lobbyWide.lobbyV21.lobbySocialLayout {
    padding-top:12px!important;
  }
}
@media (max-width:700px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobby.lobbyWide.lobbyV21.lobbySocialLayout {
    padding-top:10px!important;
  }
}


/* Keep the people list full-height when the table grid is collapsed. */
@media (min-width:1000px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby>.lobbyPeopleRail {
    grid-area:1 / 2 / 3 / 3!important;
    align-self:stretch!important;
    height:auto!important;
    min-height:0!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby>.lobbyPeopleRail>.onlineUsersPanel {
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    display:flex!important;
    flex-direction:column!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby>.lobbyPeopleRail .onlineUserList {
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
  }
}

/* Give Sitedekiler a little more room toward the left on desktop. */
@media (min-width:901px) {
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout:not(.chatOnlyLobby) {
    grid-template-columns:minmax(370px,.86fr) minmax(440px,1.2fr) minmax(280px,290px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby>.lobbySocialLayout.chatOnlyLobby {
    grid-template-columns:minmax(0,1fr) minmax(280px,290px)!important;
  }
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .lobbyPeopleRail,
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUsersPanel,
  html body #root#root#root#root#root#root#root#root#root#root#root#root#root#root main.entertainmentLobby .onlineUserList {
    min-width:0!important;max-width:100%!important;overflow-x:hidden!important;
  }
}

/* Oyuncu satırı: rozetler sabit, nick kalan alanda taşmadan okunur. */
html body #root .onlineUsersPanel .onlineUserRow{grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;min-height:48px!important;padding:5px 6px!important;overflow:hidden!important}
html body #root .onlineUsersPanel .onlineUserRow .onlineUserIdentity{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body #root .onlineUsersPanel .onlineUserIdentity>b{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:3px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}
html body #root .onlineUsersPanel .onlineUserIdentity>b>.authorityBadge,html body #root .onlineUsersPanel .onlineUserIdentity>b>.lobbyBotBadge,html body #root .onlineUsersPanel .onlineUserIdentity>b>.connectionDeviceBadge,html body #root .onlineUsersPanel .onlineUserIdentity>b>.membershipBadge{flex:0 0 auto!important}
html body #root .onlineUsersPanel .onlineUserIdentity .styledName{display:inline-flex!important;flex:1 1 0!important;align-items:center!important;min-width:0!important;width:auto!important;max-width:100%!important;min-height:24px!important;height:auto!important;margin:0!important;padding:2px 5px!important;overflow:hidden!important;font-size:13px!important;line-height:18px!important}
html body #root .onlineUsersPanel .onlineUserIdentity .styledName>b{display:block!important;flex:1 1 0!important;min-width:0!important;width:auto!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:inherit!important;line-height:inherit!important}
html body #root .onlineUsersPanel .onlineUserIdentity>small{min-width:0!important;max-width:100%!important;margin:1px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;line-height:13px!important}
html body #root .onlineUsersPanel .onlineUserPoints{display:grid!important;grid-template-columns:1fr!important;min-width:36px!important;max-width:48px!important;flex:0 0 auto!important;gap:1px!important;text-align:right!important}
html body #root .onlineUsersPanel .onlineUserPoints b,html body #root .onlineUsersPanel .onlineUserPoints small{font-size:9px!important;line-height:12px!important;white-space:nowrap!important}
@media(max-width:600px){html body #root .onlineUsersPanel .onlineUserRow{grid-template-columns:28px minmax(0,1fr) 36px!important;gap:4px!important;padding:4px!important}html body #root .onlineUsersPanel .onlineUserIdentity .styledName{font-size:12px!important;padding:2px 4px!important}html body #root .onlineUsersPanel .onlineUserIdentity .authorityBadge{max-width:23px!important;height:21px!important}html body #root .onlineUsersPanel .onlineUserIdentity .authority-founder{max-width:25px!important;width:25px!important;height:22px!important}}