/* Top Games 20.1.0 -- shared clickable actions, technical panel, compact bilingual social. */
.game-card{isolation:isolate;position:relative}
.game-card>.btn[data-launch],.game-card button[data-launch]{position:relative!important;z-index:6!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:42px!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation;isolation:isolate}
.game-card::before,.game-card::after{pointer-events:none!important}
.game-card>.btn[data-launch]::before,.game-card>.btn[data-launch]::after{pointer-events:none!important}
body[data-page="rooms"] .tg-layout,body[data-page="create"] .tg-layout,body[data-page="hub"] .tg-layout,body[data-page="stats"] .tg-layout,body[data-page="history"] .tg-layout{display:block!important;min-width:0}
body[data-page="rooms"] .tg-content,body[data-page="create"] .tg-content,body[data-page="hub"] .tg-content,body[data-page="stats"] .tg-content,body[data-page="history"] .tg-content{width:100%;max-width:1440px;margin:auto}
#createFromRooms{pointer-events:auto!important;position:relative!important;z-index:2!important;min-height:42px!important;cursor:pointer!important}
.tg-match-main{grid-template-columns:minmax(270px,302px) minmax(0,1fr)!important}
.tg-social.tg-social-2010{height:100%;min-height:0;display:grid!important;grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;padding:8px!important;overflow:hidden!important}
.tg-social-2010 .tg-insight,.tg-social-2010 .tg-conversations{min-height:0;border:1px solid #2a4158;border-radius:13px;background:#091725;overflow:hidden;padding:8px}
.tg-social-2010 .tg-insight{display:flex;flex-direction:column;gap:7px;overflow:auto}
.tg-insight-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#f1ce88;font-size:12px}.tg-insight-heading small{font-size:9px;color:#abbdd0}
.tg-social-2010 .tg-player{padding:5px!important;gap:5px!important}.tg-social-2010 .tg-player .av{width:28px;height:28px}.tg-social-2010 .tg-player b{font-size:10px}
.tg-technical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.tg-technical>div{background:#0b1d2b;border:1px solid #25415a;border-radius:7px;padding:6px;min-width:0}.tg-technical small{display:block;font-size:9px;color:#9cb2c8}.tg-technical b{display:block;min-width:0;font-size:11px;color:#eef6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-roster{min-height:0}.tg-roster summary{font-size:10px;color:#e4bf77;cursor:pointer;padding:3px}.tg-social-2010 .tg-seat-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px;overflow-y:auto}.tg-social-2010 .tg-seat{min-height:42px!important;padding:4px!important}.tg-social-2010 .tg-seat b{font-size:9px}.tg-social-2010 .tg-seat small{font-size:8px}
.tg-social-2010 .tg-conversations{display:flex;flex-direction:column;gap:6px}
.tg-social-2010 .tg-social-top{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:0 0 auto}.tg-social-2010 .tg-social-top button{min-height:34px;padding:5px!important;font-size:10px!important}
.tg-social-2010 .tg-chat{flex:1;min-height:0;overflow-y:auto}
.tg-friendchat{flex:1;min-height:0;display:flex;flex-direction:column;gap:5px}.tg-friendchat[hidden],#matchChat[hidden]{display:none!important}
.tg-friendchat label{display:grid;gap:3px;font-size:10px;color:#b8c7da}.tg-friendchat select{height:30px;background:#08101c;color:white;border:1px solid #2e475b;border-radius:8px}
.tg-chat-hint,.tg-chat-feedback{font-size:10px;color:#cdbd97;line-height:1.4}.tg-chat-feedback:empty,.tg-chat-hint:empty{display:none}
.tg-social-2010 .tg-quick{display:flex!important;flex-wrap:wrap;gap:4px;max-height:64px;overflow-y:auto;flex:0 0 auto}.tg-social-2010 .tg-quick button{flex:0 0 auto;min-width:31px;min-height:27px;padding:3px 5px!important;font-size:14px!important;cursor:pointer}.tg-social-2010 .tg-quick .tg-ai-button{font-size:9px!important;color:#f2ce7f}
.tg-social-2010 .tg-compose{min-height:34px;flex:0 0 auto}.tg-social-2010 .tg-compose input{height:33px!important}.tg-social-2010 .tg-compose button{height:33px;width:36px}
@media(max-width:1050px){.tg-match-main{grid-template-columns:1fr!important}.tg-social.tg-social-2010{position:absolute!important;top:58px!important;bottom:0!important;left:auto!important;right:0!important;width:min(330px,90vw)!important;height:auto!important;z-index:30!important;transform:translateX(110%)!important;transition:transform .18s ease!important;box-shadow:-16px 0 60px #000c}.tg-social.tg-social-2010.open{transform:translateX(0)!important}}
@media(max-width:700px){.tg-social.tg-social-2010{top:54px!important}.tg-technical{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-social-2010 .tg-quick{max-height:56px}}

.tg-friend-tools{display:flex;gap:4px}.tg-friend-tools input{min-width:0;flex:1;height:29px;background:#06101a;color:white;border:1px solid #2b455f;border-radius:8px;padding:4px 6px}.tg-friend-tools button,.tg-friend-result button{height:29px;border:1px solid #9c753a;background:#3d301e;color:#f4d089;border-radius:8px;cursor:pointer}.tg-friend-results,.tg-friend-invites{display:grid;gap:3px;max-height:60px;overflow:auto}.tg-friend-result{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px;font-size:9px;background:#0d1c2b;border-radius:6px}.tg-friend-result span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-friend-result button{height:24px;font-size:9px}
.tg-msg a{color:#8ac7ff;word-break:break-word}

.tg-social-2010 .tg-quick[hidden]{display:none!important}
body.tgn-lobby-state .tg-social-2010 #matchSeats{display:grid!important}