[hidden]{display:none!important}#lobby{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:var(--ui-panel-online-lobby-background);border:1px solid var(--ui-panel-online-lobby-border);border-radius:18px;padding:18px 24px;width:min(480px,92vw);max-height:90dvh;overflow:auto;box-shadow:0 10px 50px var(--ui-panel-online-lobby-shadow)}#lobby h1{margin:0 0 8px;font-size:22px}#lobby p{font-size:13px;margin:8px 0 12px}#lobby label{display:flex;align-items:center;gap:12px;margin:8px 0}#lobby label span{min-width:65px}#lobby input,#lobby select{font:inherit;min-width:0;flex:1;padding:7px;border:1px solid var(--ui-panel-online-lobby-lobby-border);border-radius:7px;background:var(--ui-panel-online-lobby-lobby-background);color:var(--ui-panel-online-lobby-lobby-text)}#lobby>div{display:flex;gap:8px;margin-top:14px}#lobby button{flex:1}#reconnect{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom))}#connection-status{color:var(--ui-panel-online-connection-status-text)}@media(max-height:450px){#lobby{padding:12px 20px}#lobby h1{font-size:18px}#lobby p{margin:6px 0}}