#onlineLobby{overflow:auto;align-items:flex-start;padding:28px 16px;touch-action:pan-y} .online-panel{width:960px;text-align:left;padding:28px;max-width:100%}.online-panel h1{font-size:28px}.online-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.online-card{padding:18px;border:1px solid #ffffff25;border-radius:12px;background:#ffffff06;color:#eee;margin:12px 0}.online-card h2{font-size:18px;margin-bottom:12px}.online-card label{display:block;font-size:14px;margin:12px 0;color:#cfd5e8}.online-card input{display:block;width:100%;padding:12px;border-radius:8px;border:1px solid #ffffff35;background:#14192e;color:white;margin-top:6px;font-size:16px;touch-action:manipulation}.online-rules{color:#aebbd2;font-size:13px;line-height:1.8}.online-room-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.online-room-item .btn{width:auto;padding:10px 16px;flex-shrink:0}.online-room-item p{font-size:13px;color:#aebbd2;margin-top:6px;overflow-wrap:anywhere}#onlineRoom{position:fixed;right:12px;top:108px;width:300px;max-width:calc(100vw - 24px);background:#192039eb;border:1px solid #ffffff30;border-radius:12px;padding:12px;z-index:110;color:white;backdrop-filter:blur(8px);max-height:calc(100dvh - 130px);overflow:auto;touch-action:pan-y}#onlineRoom.collapsed{width:auto}#onlineRoom.collapsed #roomDetails{display:none}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:14px;white-space:nowrap}.room-heading button{background:#ffffff15;border:1px solid #ffffff25;border-radius:6px;color:white;padding:5px 8px;cursor:pointer}.room-member{padding:8px 0;border-bottom:1px solid #ffffff15;font-size:13px;overflow-wrap:anywhere}.room-member button{padding:5px 7px;margin:5px 5px 0 0;border:0;border-radius:5px;cursor:pointer;background:#345b80;color:white}#roomDetails .btn{padding:10px;font-size:14px}#roomStatus{color:#ffd93d;font-size:14px;margin:12px 0}#onlineNotice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:200;background:#2b3650;color:white;padding:12px 20px;border:1px solid #ffffff35;border-radius:10px;max-width:90vw;display:none;text-align:center}#invitation{background:#34442c;padding:10px;border-radius:8px;font-size:14px}body.online #over .panel{padding:24px;max-width:90vw}body.online #hud .left{gap:6px}@media(max-width:620px){.online-grid{grid-template-columns:1fr}.online-panel{padding:18px}.online-panel h1{font-size:24px}#onlineRoom{width:260px;top:100px}#hud{padding:0 8px}#btnBack{padding:8px 10px;font-size:12px}.online-room-item{flex-wrap:wrap}#onlineLobby{padding:12px}.panel{padding:26px 20px}}