.guest-invite-help{display:block;color:#9db5c5;font-size:11px;line-height:1.4;margin-top:4px;font-weight:400}
/* Only the selected team shows its team color and halo. */
body.sx-unified-ui #teamLobbyAiPanel button[data-ai-bot-choice="team"][data-value="blue"]{--team-rgb:65,151,255;--team-text:#b8dcff}
body.sx-unified-ui #teamLobbyAiPanel button[data-ai-bot-choice="team"][data-value="red"]{--team-rgb:255,83,105;--team-text:#ffd0d7}
body.sx-unified-ui #teamLobbyAiPanel button[data-ai-bot-choice="team"]{background:#182b3a!important;color:#b9cedb!important;border:1px solid #304959!important;box-shadow:none!important;transition:background .15s,border-color .15s,box-shadow .15s}
body.sx-unified-ui #teamLobbyAiPanel button[data-ai-bot-choice="team"]:is(.selected,[data-selected="true"]){background:rgba(var(--team-rgb),.25)!important;color:var(--team-text)!important;border-color:rgb(var(--team-rgb))!important;box-shadow:0 0 0 1px rgba(var(--team-rgb),.45),0 0 14px rgba(var(--team-rgb),.5),inset 0 0 12px rgba(var(--team-rgb),.12)!important}
/* Landscape room tools. Existing controls and delegated actions are preserved. */
@media(orientation:landscape){
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)){padding:12px 64px!important;background:rgba(4,12,22,.88)!important;backdrop-filter:blur(18px)}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-card{width:100%!important;max-width:1100px!important;height:100%!important;max-height:100%!important;padding:16px!important;box-sizing:border-box;background:linear-gradient(125deg,#142b39,#0c1726 65%)!important;border:1px solid #345062!important;border-radius:18px!important;box-shadow:0 20px 70px #0008!important;display:flex!important;flex-direction:column;gap:12px}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-head{min-height:32px!important;height:32px!important;margin:0!important;padding:0!important;flex-shrink:0;display:flex;align-items:center;border:0!important}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) h3{font:700 21px/28px 'Outfit',sans-serif!important;letter-spacing:.5px!important;color:#e8f3fa!important;margin:0!important}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) [data-team-lobby-popup-close]{min-height:32px!important;height:32px!important;padding:0 12px!important;background:#1b3040!important;border:1px solid #365366!important;border-radius:8px!important;font-size:11px!important;box-shadow:none!important}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-body{flex:1;min-height:0!important;overflow:auto!important;padding:0!important;background:none!important}
body.sx-unified-ui :is(#teamLobbyAiPanel,#teamLobbySettingsPanel){padding:0!important;border:0!important;background:none!important;min-height:0!important}
body.sx-unified-ui :is(#teamLobbyAiPanel,#teamLobbySettingsPanel) button{font:600 12px/1.2 'Outfit',sans-serif!important;color:#b9cedb!important;min-height:34px!important;padding:7px 9px!important;border:1px solid #304959!important;border-radius:9px!important;background:#182b3a!important;box-shadow:none!important;transition:background .12s,border-color .12s}
body.sx-unified-ui :is(#teamLobbyAiPanel,#teamLobbySettingsPanel) button:is(.selected,[data-selected="true"]){color:#a9ffea!important;background:#153f43!important;border-color:#55d9bf!important;box-shadow:inset 3px 0 #55d9bf!important}
body.sx-unified-ui :is(#teamLobbyAiPanel,#teamLobbySettingsPanel) button:disabled{opacity:.38!important}
body.sx-unified-ui :is(#teamLobbyAiPanel,#teamLobbySettingsPanel) button:focus-visible{outline:2px solid #e3fff8;outline-offset:2px}
body.sx-unified-ui #teamLobbyAiPanel{height:100%}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-sheet{height:100%;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:auto minmax(94px,1fr) 42px;gap:10px!important;padding:0!important;background:none!important;border:0!important;box-sizing:border-box}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice{display:flex!important;flex-direction:column;gap:6px!important;min-height:0;padding:0!important;background:none!important;border:0!important}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice:nth-child(1){grid-column:1;grid-row:1}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice:nth-child(3){grid-column:2;grid-row:1}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice:nth-child(2){grid-column:1/-1;grid-row:2}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice>span,body.sx-unified-ui #teamLobbySettingsPanel .room-settings-section>span{font:600 11px/16px 'Outfit',sans-serif!important;color:#89a6b9!important;letter-spacing:.4px}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;flex:1;min-height:0}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-choice:first-child .ai-bot-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sx-unified-ui #teamLobbyAiPanel [data-ai-bot-choice="style"]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:15px!important;background:linear-gradient(160deg,#20394b,#132433)!important}
body.sx-unified-ui #teamLobbyAiPanel [data-ai-bot-choice="style"]::before{content:"";display:block;width:45px;height:36px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath d='M7 33L22 18l8 8L42 6m-13 0h13v13' fill='none' stroke='%235ce0cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.sx-unified-ui #teamLobbyAiPanel [data-value="defensive"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath d='M24 3l15 6v10c0 10-15 18-15 18S9 29 9 19V9zM17 20l5 5 10-11' fill='none' stroke='%235ce0cc' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E")}
body.sx-unified-ui #teamLobbyAiPanel [data-value="goalkeeper"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 40'%3E%3Cpath d='M4 36V7h40v29M12 7v29M36 7v29M4 17h40M4 27h40' fill='none' stroke='%235ce0cc' stroke-width='2' opacity='.65'/%3E%3Ccircle cx='24' cy='22' r='7' fill='%23172c3b' stroke='%235ce0cc' stroke-width='2'/%3E%3C/svg%3E")}
body.sx-unified-ui #teamLobbyAiPanel .ai-bot-submit{grid-column:1/-1;background:#5ce0cc!important;color:#082c31!important;border-color:#5ce0cc!important;font-size:14px!important}
body.sx-unified-ui #teamLobbySettingsPanel:not(.hidden){display:grid!important;grid-template-columns:minmax(0,1fr) 182px;gap:10px!important;align-content:start}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-grid{grid-column:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:0!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-section{display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px!important;margin:0!important;background:#122534!important;border:1px solid #294252!important;border-radius:10px!important;min-width:0}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin:0!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-choice-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.sx-unified-ui #teamLobbySettingsPanel [data-room-settings-choice="teamSize"][data-value="11"]{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-height:28px!important;color:#f2d591!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-extend-section{grid-column:2;grid-row:1;align-self:stretch}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-hint{font-size:10px!important;line-height:15px!important;color:#a6b9c6!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-choice-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-choice{min-height:34px!important;padding:5px!important;display:flex;gap:2px;flex-direction:column}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-choice span{font-size:9px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-auto-extend{font-size:10px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-actions{grid-column:1/-1;display:flex!important;justify-content:flex-end!important;gap:8px!important;margin:0!important;padding:0!important;position:sticky;bottom:0;background:#0d1b29}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-actions button{min-width:100px;min-height:38px!important}
body.sx-unified-ui #teamLobbySettingsPanel [data-room-settings-save]{background:#5ce0cc!important;color:#082c31!important;border-color:#5ce0cc!important;min-width:160px}
body.sx-unified-ui #teamLobbySettingsPanel:not(:has(.room-card-extend-section)){grid-template-columns:1fr}
@media(max-height:360px){body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)){padding:8px 54px!important}body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-card{padding:10px!important;gap:8px}body.sx-unified-ui #teamLobbySettingsPanel .room-settings-section{padding:7px!important}body.sx-unified-ui #teamLobbySettingsPanel button{min-height:30px!important}}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)){padding:12px 20px!important}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-card{height:calc(100dvh - 40px)!important;max-height:calc(100dvh - 40px)!important;min-height:0!important;padding:12px!important;gap:10px}
body.sx-unified-ui #teamLobbyPopup:has(#teamLobbyAiPanel:not(.hidden),#teamLobbySettingsPanel:not(.hidden)) .team-lobby-popup-head{justify-content:space-between!important}
body.sx-unified-ui #teamLobbySettingsPanel:not(.hidden){grid-template-columns:minmax(0,1fr) 145px;gap:8px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-grid{gap:8px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-section{padding:8px!important;gap:5px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-choice-grid button{font-size:10px!important;white-space:nowrap!important;padding:5px 3px!important;min-height:32px!important;word-break:normal!important;overflow-wrap:normal!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-choice-grid{align-content:start}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-choice-grid:has([data-room-settings-choice="teamSize"]){grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.sx-unified-ui #teamLobbySettingsPanel [data-room-settings-choice="teamSize"][data-value="11"]{grid-column:span 2!important;min-height:32px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-card-choice strong{font-size:11px!important}
body.sx-unified-ui #teamLobbySettingsPanel .room-settings-actions button{min-height:36px!important}
body.sx-unified-ui #teamLobbySettingsPanel:not(:has(.room-card-extend-section)){grid-template-columns:1fr}
}