#onlineLobby.has-team-hub{width:min(1120px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px 30px;border:2px solid #69d6ff;background:linear-gradient(140deg,#08426ceb,#061b35f5);box-shadow:inset 0 1px 0 #bcefff55,0 25px 100px #0009}
#onlineLobby.has-team-hub h2{font-size:clamp(22px,3vw,34px);color:#fff;letter-spacing:-.02em}
#onlineLobby.has-team-hub #roomTitle{font-size:13px;color:#ffdb6a;letter-spacing:.08em;margin:12px 0 4px}
#onlineLobby.has-team-hub #roomMapInfo{font-size:11px;margin:0 0 12px;color:#b4d8ed}
#onlineLobby.has-team-hub #onlineStatus{margin:4px 0;font-size:12px;min-height:20px}
#onlineLobby.has-team-hub>p:last-child{font-size:10px;margin:0;color:#a8c9de}
#onlineLobby #roomMembers.team-hub{margin:0}
.team-hub-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 16px;background:#00233d80;border:1px solid #64cfff44;border-radius:14px}
#onlineLobby .team-hub-toolbar label{display:flex;align-items:center;gap:12px;margin:0;color:#ffdc74;font-size:10px;font-weight:800;white-space:nowrap;letter-spacing:.06em}
#onlineLobby #hubCharacter{min-width:140px;padding:9px 12px;font:inherit;font-size:12px;font-weight:700;color:#fff;background:#095176;border:1px solid #75deff88;border-radius:9px}
#onlineLobby .team-hub-help{margin:0;color:#b7d8ec;font-size:11px;max-width:420px;line-height:1.5}
.team-hub-teams{position:relative}
.hub-team{--team-light:#5be1ff;--team-dark:#0078c0;margin-top:14px}
.hub-team-B{--team-light:#ff8591;--team-dark:#c13b60}
.hub-team-solo{--team-light:#ffdb68;--team-dark:#bd7613}
.hub-team[hidden],.hub-versus[hidden]{display:none}
.hub-team-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.hub-team-header h4{margin:0;color:var(--team-light);font-size:15px;font-weight:900;letter-spacing:.08em}
#onlineLobby .hub-team-count{margin:3px 0 0;color:#adcee0;font-size:10px;letter-spacing:.04em}
#onlineLobby .hub-join-team{border:1px solid var(--team-light);background:linear-gradient(180deg,var(--team-dark),#073654);color:#fff;border-radius:10px;padding:9px 14px;font-family:inherit;font-size:10px;font-weight:900;letter-spacing:.03em;transition:filter .15s,transform .15s}
#onlineLobby .hub-join-team:hover:not(:disabled){filter:brightness(1.2);transform:translateY(-1px)}
#onlineLobby .is-your-team .hub-join-team{color:#ffdd75;border-color:#ffe386;background:#ffdb6810;opacity:1}
.hub-team-cards{display:grid;grid-template-columns:repeat(var(--team-slots),minmax(0,1fr));gap:12px;max-width:100%;margin:auto}
.hub-player-card{position:relative;min-width:0;overflow:hidden;border:2px solid var(--team-light);border-radius:14px;background:linear-gradient(150deg,var(--team-dark),#032941);box-shadow:inset 0 1px 5px #ffffff55,0 5px 12px #00132655;animation:hub-card-in .25s ease-out}
.hub-player-card.is-you{border-color:#ffdf63;box-shadow:0 0 0 2px #ffdc633b,0 0 22px #ffd34722}
.hub-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:9px 10px;background:#02233a9c;border-bottom:1px solid #ffffff22}
.hub-card-top strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hub-card-kind{font-size:8px;letter-spacing:.06em;color:#c6eafa;font-weight:800;flex-shrink:0}
.is-you .hub-card-kind{color:#ffdf63}
.hub-card-portrait{position:relative;height:145px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#ffffff55,transparent 70%)}
.hub-card-portrait:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 30%,#ffffff12 30%,#ffffff12 43%,transparent 43%)}
.hub-card-portrait img{display:block;width:100%;height:180px;object-fit:contain;object-position:center 15%;filter:drop-shadow(0 6px 4px #001b3b88);transform:translateY(-6px)}
.hub-card-base{position:relative;display:grid;gap:3px;text-align:center;padding:8px 6px 10px;background:linear-gradient(#023352bb,#03263feb);border-top:1px solid #ffffff33}
.hub-card-base>strong{font-size:15px;color:#fff;text-shadow:0 2px 2px #00152b}
#onlineLobby .hub-card-base>small{font-size:8px;color:#d1e9f6;line-height:1.4}
.hub-you-badge,.hub-bot-badge{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);padding:4px 7px;border-radius:5px;background:#ffdc65;color:#193b4e;font-size:8px;font-weight:900;white-space:nowrap}
.hub-bot-badge{background:#042b45cc;color:#c3e9fa;border:1px solid #9edfff44;font-size:7px}
.hub-versus{position:relative;text-align:center;color:#ffdc65;font-size:16px;font-weight:900;font-style:italic;margin:10px 0 -3px;line-height:1}
.hub-versus:before,.hub-versus:after{content:'';position:absolute;top:50%;height:1px;width:calc(50% - 30px);background:linear-gradient(90deg,transparent,#77c9ed77)}
.hub-versus:before{left:0}.hub-versus:after{right:0;transform:rotate(180deg)}
#onlineLobby.has-team-hub .room-actions{margin:13px 0 10px;justify-content:flex-end}
#onlineLobby.has-team-hub .room-actions button{border-radius:12px;font-family:inherit;font-weight:800;padding:12px 22px}
#onlineLobby.has-team-hub #startOnlineMatch{background:linear-gradient(#ffe345,#ff9e19);border-color:#fff49c;color:#163048;box-shadow:inset 0 2px 8px #ffffff70}
#onlineLobby.has-team-hub #roomCountdown{margin:12px 0 0;font-size:11px;color:#ffdc75;text-align:center}
@keyframes hub-card-in{from{opacity:.4;translate:0 5px}to{opacity:1;translate:0 0}}
@media(min-width:1000px){.team-hub[data-mode="2x2"] .hub-team-cards{max-width:660px}.team-hub[data-mode="2x2"] .hub-card-portrait{height:150px}}
@media(max-height:1000px) and (min-width:761px){#onlineLobby.has-team-hub{padding:16px 24px;max-height:96dvh}.hub-card-portrait{height:105px}.hub-card-portrait img{height:145px}.hub-card-top{padding:6px 8px}.hub-card-base{padding:5px}.hub-team{margin-top:10px}.team-hub-toolbar{padding:8px 12px}#onlineLobby.has-team-hub h2{margin:3px 0;font-size:25px}}
@media(max-width:760px){#onlineLobby.has-team-hub{padding:18px 14px;max-height:94dvh;width:calc(100vw - 20px)}.team-hub-toolbar{display:grid;gap:8px;padding:10px}.hub-team-header h4{font-size:12px}#onlineLobby .hub-team-count{font-size:8px}#onlineLobby .hub-join-team{font-size:9px;padding:9px}.hub-team-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hub-card-portrait{height:120px}.hub-card-portrait img{height:155px}.hub-card-top{display:grid;gap:3px;padding:7px}.hub-card-top strong{font-size:10px}.hub-card-base>strong{font-size:13px}.hub-team-B{margin-top:12px}#onlineLobby.has-team-hub .room-actions{flex-direction:column}.hub-versus{margin:14px 0}}
@media(prefers-reduced-motion:reduce){.hub-player-card{animation:none}#onlineLobby .hub-join-team{transition:none}}

@media(min-width:761px){#onlineLobby.has-team-hub #onlineStatus{padding:5px 10px}#onlineLobby.has-team-hub #roomTitle,#onlineLobby.has-team-hub #roomMapInfo{display:inline-block}#onlineLobby.has-team-hub #roomMapInfo{margin-left:12px}#onlineLobby.has-team-hub .room-actions{position:sticky;bottom:-1px;background:#072b47;padding:8px 0;margin-bottom:4px}}

#onlineLobby #startOnlineMatch{background:#67717c!important;border-color:#939ca5!important;color:#fff!important;box-shadow:none!important;min-width:160px}
#onlineLobby #startOnlineMatch.is-ready{background:#21864b!important;border-color:#69da91!important;color:#fff!important;box-shadow:0 0 16px #36c76b33!important}
#onlineLobby .hub-ready-status{display:block;margin-top:5px;font-size:10px;color:#aeb9c4}
#onlineLobby .hub-ready-status.is-ready{color:#7df1a2}