/* V131: Online lobby creation form: single centered column. */
body:not(.board-view) #view-online #devEntry {
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 gap:16px!important;
 width:min(420px,100%)!important;
 max-width:100%!important;
 margin:18px auto!important;
}
body:not(.board-view) #view-online #devEntry > label {
 display:flex!important;
 flex-direction:column!important;
 align-items:stretch!important;
 width:100%!important;
 text-align:left!important;
 margin:0!important;
 gap:8px!important;
 font-size:15px!important;
}
body:not(.board-view) #view-online #devEntry select {
 display:block!important;
 width:100%!important;
 min-width:0!important;
 max-width:none!important;
 box-sizing:border-box!important;
}
body:not(.board-view) #view-online #devCreate {
 display:block!important;
 align-self:stretch!important;
 width:100%!important;
 grid-column:auto!important;
 margin:4px 0 0!important;
}
body:not(.board-view) #view-online #devEntry > #devName {display:none!important;}

/* V135: centred setup guidance above the existing centred creation column. */
body:not(.board-view) #view-online .dev-room .cl-room-setup-intro {
  text-align:center!important;
  margin:12px auto 18px!important;
  width:min(620px,100%)!important;
  max-width:100%!important;
  line-height:1.55!important;
  overflow-wrap:break-word;
}

/* V136: centre all Multiplayer creation content, not only the outer column. */
body:not(.board-view) #view-online > h1 {
  text-align:center!important;
}
body:not(.board-view) #view-online .dev-room .cl-room-setup-intro {
  text-align:center!important;
}
body:not(.board-view) #view-online #devEntry {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:min(420px,100%)!important;
  margin:18px auto!important;
}
body:not(.board-view) #view-online #devEntry > label {
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
  gap:8px!important;
}
body:not(.board-view) #view-online #devEntry > label > select {
  width:100%!important;
  text-align:center!important;
  text-align-last:center!important;
}
body:not(.board-view) #view-online #devEntry > #devCreate {
  align-self:center!important;
  width:100%!important;
  max-width:100%!important;
  text-align:center!important;
}
body:not(.board-view) #view-online .dev-room #devRoomStatus {
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* V160: leaderboard challenge setup above the existing Create Room fields */
#view-online .leaderboard-invite-setup{max-width:430px;margin:12px auto 24px;padding:16px;border:1px solid #aec9df;border-radius:14px;background:#f5f9ff;color:#244165;text-align:center;}
#view-online .leaderboard-invite-setup h3{margin:0 0 9px;color:#163657;}
#view-online .leaderboard-invite-setup p{line-height:1.45;}
#view-online #leaderboardInviteChoices{display:grid;gap:7px;text-align:left;margin:14px auto;max-width:340px;}
#view-online #leaderboardInviteChoices label{display:flex;flex-direction:row;align-items:center;gap:9px;padding:7px;border-radius:8px;background:#fff;}
#view-online #leaderboardInviteChoices input{width:18px;height:18px;flex:none;}
#view-online #sendLeaderboardInvites{background:#ffd13d;color:#2b200b;border-radius:9px;padding:12px 16px;font-weight:750;width:100%;}
#view-online #sendLeaderboardInvites:disabled{opacity:.45;}