.online-lobby{border-top:1px solid #304955;background:linear-gradient(180deg,#07131ed9,#0b1c28);padding:14px 26px;display:grid;gap:10px}.online-row{display:flex;align-items:center;gap:8px;min-width:0}.online-row input,.online-row select{height:34px;border:1px solid #3d5662;background:#06131c;color:#dbe9ee;padding:0 10px;min-width:0;font:13px "LoL CN",system-ui}.online-row input:focus,.online-row select:focus{outline:1px solid #d2b879;border-color:#d2b879}.online-row #onlineName{width:150px}.online-row #onlineRoomName{width:150px}.online-row #onlineRooms{flex:1}.online-cap{height:34px;display:flex;align-items:center;gap:6px;padding-left:9px;border:1px solid #3d5662;color:#91a9b4;font-size:11px;white-space:nowrap}.online-cap #onlineMaxPlayers{height:32px;border:0;padding:0 7px;color:#e8d18d}.online-row button{height:34px;padding:0 12px;white-space:nowrap;font-size:12px}.online-row button.accent{border-color:#bca35e;color:#f2d78d}.online-room-meta{display:flex;justify-content:space-between;gap:10px;color:#88a2ae;font-size:11px}.online-room-meta output.error{color:#f2a2a2}.online-roster{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;max-height:52px;overflow:auto}.online-player{border-left:2px solid #67c8df;background:#0c2935;padding:4px 8px;font-size:11px;color:#b9dce5}.online-player.team-1{border-color:#e07f8b;background:#321d29}.online-player.offline{opacity:.45}.online-actions{justify-content:flex-end}.online-actions #onlineRoomCode{margin-right:auto;color:#b9aa81;font-size:11px}.online-lobby button:disabled{opacity:.35}.online-lobby .local-divider{height:22px;width:1px;background:#344d58;margin:0 2px}@media(max-width:700px){.online-lobby{padding:10px 15px}.online-row{flex-wrap:wrap}.online-row #onlineName,.online-row #onlineRoomName{width:calc(50% - 5px)}.online-row #onlineRooms{flex-basis:100%}.online-actions #onlineRoomCode{flex-basis:100%}.online-room-meta{flex-direction:column}.online-row button{flex:1}.online-cap{flex:1}.online-lobby{max-height:220px;overflow:auto}}
.online-step-label{min-width:78px;color:#d2b879;font:12px "LoL CN",system-ui;letter-spacing:1px}.online-room-step,.online-room-list,.online-roster,.online-actions{display:none}#lobby[data-online-stage="browser"] .online-room-step,#lobby[data-online-stage="browser"] .online-room-list{display:flex}#lobby[data-online-stage="room"] .online-roster{display:flex}#lobby[data-online-stage="room"] .online-actions{display:flex}#lobby[data-online-stage="room"] .online-name-step{display:none}#lobby[data-online-stage="identity"] .select-body,#lobby[data-online-stage="identity"] .hero-select,#lobby[data-online-stage="identity"] .summoner-loadout,#lobby[data-online-stage="browser"] .select-body,#lobby[data-online-stage="browser"] .hero-select,#lobby[data-online-stage="browser"] .summoner-loadout{display:none!important}#lobby[data-online-stage="identity"] .lobby-panel,#lobby[data-online-stage="browser"] .lobby-panel{max-width:760px}@media(max-width:700px){.online-step-label{flex-basis:100%}.online-row #onlineName,.online-row #onlineRoomName{width:auto;flex:1}#lobby[data-online-stage="browser"] .online-room-step,#lobby[data-online-stage="browser"] .online-room-list{display:flex}}