#network-toolbar{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.35rem;flex-wrap:wrap;flex:none;font:14px system-ui;background:#101010;color:#ddd}#network-toolbar button,#network-lobby button{min-height:40px;padding:.4rem .7rem;font:inherit}#network-status{max-width:65vw}#network-lobby{max-width:min(760px,92vw);max-height:85vh;box-sizing:border-box;border:1px solid #777;border-radius:4px;padding:1rem;background:#171717;color:#eee;font:16px system-ui}#network-lobby::backdrop{background:#000b}#network-lobby h1{font-size:1.3rem;margin:.2rem 0 .8rem}#network-lobby h2{font-size:1.1rem;margin:1rem 0 .4rem}#network-lobby p{line-height:1.5}#network-lobby label{display:flex;align-items:center;gap:.65rem;margin:.6rem 0;flex-wrap:wrap}#network-lobby label span{flex:1;min-width:180px}#network-lobby input:not([type=checkbox]),#network-lobby select{padding:.5rem;max-width:100%;box-sizing:border-box;background:#222;color:#eee;border:1px solid #777;font:inherit}#network-lobby input:read-only{width:100%}#network-lobby fieldset{margin:.7rem 0;border:1px solid #555}#network-lobby fieldset label{margin:.35rem 0}#network-lobby fieldset label span{min-width:0}#network-lobby fieldset input[type=checkbox]{width:22px;height:22px}#network-lobby section{border-top:1px solid #555;padding:.6rem 0}#network-lobby form>button,#network-lobby #network-lobby-message+div>button{margin:.3rem}#network-lobby-message{color:#eee}.network-seat{display:flex;align-items:center;gap:.7rem;margin:.5rem 0;flex-wrap:wrap}.network-seat span{flex:1;min-width:200px}

#network-lobby input[type=range]{width:100%;min-height:48px;padding:0;border:0;background:transparent;accent-color:#80b8e8}#network-deadline-value{width:100%;font-weight:600}#network-lobby .network-deadline-bounds{display:flex;justify-content:space-between;width:100%;font-size:.9rem}#network-lobby .network-deadline-bounds span{flex:none;min-width:0}

/* Enhanced rooms use the same board, overlay and action hierarchy as the game. */
#network-lobby .network-lobby-header,#network-lobby .network-form-fields,#network-lobby .network-room-list,#network-lobby .network-room-details,#network-lobby .network-actions,#network-lobby .network-round-control,#network-lobby .network-room-summary,#network-lobby .network-seats,#network-lobby .network-invitations,#network-lobby .network-invite-link{display:contents}
#network-lobby #network-create>.network-actions>button{margin:.3rem}
#network-lobby .network-round-adjust,#network-lobby .network-seat-summary,#network-lobby .network-invite-notice{display:none}
body.enhanced #network-lobby .network-seat-classic{display:none}
body.enhanced #network-lobby.network-designed{width:min(640px,calc(100vw - 24px));max-width:640px;max-height:calc(100dvh - 24px);padding:0;border:1px solid #52606b;border-radius:8px;background:#1b2d37;color:#eee9dd;font:15px/1.45 system-ui;overflow:hidden;box-shadow:0 12px 48px #0009;overscroll-behavior:contain}
body.enhanced #network-lobby.network-designed[open]{display:flex;flex-direction:column}
body.enhanced #network-lobby.network-designed::backdrop{background:#07121b9c}
body.enhanced #network-lobby .network-lobby-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px 8px;flex:none}
body.enhanced #network-lobby h1{font-size:18px;line-height:1.3;margin:0;color:#eee9dd;font-weight:650}
body.enhanced #network-lobby h2{font-size:16px;line-height:1.35;margin:0 0 3px;color:#eee9dd;font-weight:650}
body.enhanced #network-lobby p{line-height:1.45;margin:0 0 14px;color:#bac4ca;overflow-wrap:anywhere}
body.enhanced #network-lobby #network-lobby-message{margin:0;padding:0 20px 12px;flex:none;color:#bac4ca;font-size:13px}
body.enhanced #network-lobby #network-lobby-message:empty{display:none}
body.enhanced #network-lobby #network-lobby-message[data-notice=error]{color:#f0bdb2}
body.enhanced #network-lobby .network-lobby-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}
body.enhanced #network-lobby .network-room-list,body.enhanced #network-lobby .network-room-details{display:block;padding:4px 20px 8px;overflow:auto;overscroll-behavior:contain;min-height:0;flex:1}
body.enhanced #network-lobby .network-room-list{order:0}
body.enhanced #network-lobby .network-actions{display:flex;flex:none;justify-content:flex-end;gap:8px;padding:12px 20px 16px;border-top:1px solid #354753;background:#1b2d37;order:1}
body.enhanced #network-lobby .network-actions>.network-primary{order:2}
body.enhanced #network-lobby button{min-height:44px;box-sizing:border-box;padding:9px 14px;margin:0;border:1px solid #50606c;border-radius:5px;background:#253945;color:#eee9dd;font:inherit;line-height:1.3;cursor:pointer}
body.enhanced #network-lobby button:hover:enabled{background:#304653}
body.enhanced #network-lobby button:disabled{opacity:.45;cursor:default}
body.enhanced #network-lobby button.network-primary{background:#d9bb78;border-color:#d9bb78;color:#172632;font-weight:650}
body.enhanced #network-lobby button.network-primary:hover:enabled{background:#ebce8d}
body.enhanced #network-lobby button.network-close{background:transparent;border-color:transparent;color:#bac4ca;min-height:40px;padding:7px 10px;font-size:13px}
body.enhanced #network-lobby :is(button,input,select):focus-visible{outline:2px solid #dcc487;outline-offset:2px}
body.enhanced #network-lobby .network-room-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;border-bottom:1px solid #354753;padding:14px 0}
body.enhanced #network-lobby .network-room-card:last-child{border-bottom:0}
body.enhanced #network-lobby .network-room-summary{display:block;min-width:0}
body.enhanced #network-lobby .network-room-summary p{font-size:13px;margin:0}
body.enhanced #network-lobby .network-room-card>button{flex:none}
body.enhanced #network-create{display:flex;flex-direction:column;min-height:0;margin:0}
body.enhanced #network-lobby .network-form-fields{display:block;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 20px 8px}
body.enhanced #network-lobby label.network-field{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:7px 16px;margin:12px 0}
body.enhanced #network-lobby label.network-field>span{min-width:0;color:#bac4ca;font-size:14px}
body.enhanced #network-lobby input:not([type=checkbox]),body.enhanced #network-lobby select{min-width:0;width:100%;min-height:44px;box-sizing:border-box;padding:9px 10px;background:#101e28;color:#eee9dd;border:1px solid #50606c;border-radius:4px;font:inherit}
body.enhanced #network-lobby input[type=number]{font-variant-numeric:tabular-nums}
body.enhanced #network-lobby .network-round-control{display:flex;align-items:center;gap:8px}
body.enhanced #network-lobby .network-round-adjust{display:block;min-width:44px;font-size:22px;line-height:1;padding:8px;flex:none}
body.enhanced #network-lobby .network-round-control input{max-width:88px;text-align:center;font-size:20px;font-weight:650}
body.enhanced #network-lobby label.network-check-field{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:9px 0;flex-wrap:nowrap;min-height:44px;box-sizing:border-box}
body.enhanced #network-lobby label.network-check-field>span{min-width:0;flex:1}
body.enhanced #network-lobby input[type=checkbox]{appearance:auto;accent-color:#d9bb78;width:22px;height:22px;flex:none;margin:0;cursor:pointer}
body.enhanced #network-lobby fieldset{margin:18px 0 8px;padding:10px 0 0;border:0;border-top:1px solid #354753;min-width:0}
body.enhanced #network-lobby legend{padding:0 10px 0 0;color:#bac4ca;font-size:14px;font-weight:600}
body.enhanced #network-lobby input[type=range]{padding:0;border:0;background:transparent;accent-color:#d9bb78;min-height:44px}
body.enhanced #network-lobby #network-deadline-value{grid-column:2;font-size:17px;font-weight:650;color:#eee9dd}
body.enhanced #network-lobby .network-deadline-bounds{grid-column:2;display:flex;justify-content:space-between;width:100%;font-size:12px;color:#bac4ca}
body.enhanced #network-lobby .network-seats{display:block;margin:14px 0;border-block:1px solid #354753}
body.enhanced #network-lobby .network-seat{margin:0;padding:10px 0;display:flex;align-items:center;gap:12px;border-bottom:1px solid #354753}
body.enhanced #network-lobby .network-seat:last-child{border-bottom:0}
body.enhanced #network-lobby .network-seat-summary{display:flex;flex-direction:column;gap:2px;min-width:100px;flex:1}
body.enhanced #network-lobby .network-seat-summary>strong{font-size:15px;font-weight:600}
body.enhanced #network-lobby .network-seat-summary>span{font-size:13px;color:#bac4ca;min-width:0;flex:none;overflow-wrap:anywhere}
body.enhanced #network-lobby .network-seat>select{width:auto;max-width:180px;flex:1}
body.enhanced #network-lobby .network-invitations{display:block;padding:14px 0 6px;border-top:1px solid #354753;margin-top:12px}
body.enhanced #network-lobby .network-invite-link{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
body.enhanced #network-lobby .network-invite-notice{display:block;flex-basis:100%;margin:0;font-size:13px}
body.enhanced #network-lobby .network-invite-link>input{min-width:0;flex:1;font-size:13px}
body.enhanced #network-lobby .network-invite-link>button{flex:none}
@media(max-width:480px){
 body.enhanced #network-lobby .network-lobby-header{padding:13px 14px 7px;gap:8px}
 body.enhanced #network-lobby h1{font-size:17px}
 body.enhanced #network-lobby #network-lobby-message{padding:0 14px 10px}
 body.enhanced #network-lobby .network-room-list,body.enhanced #network-lobby .network-room-details,body.enhanced #network-lobby .network-form-fields{padding-inline:14px}
 body.enhanced #network-lobby .network-actions{padding:10px 14px 13px}
 body.enhanced #network-lobby label.network-field{grid-template-columns:1fr;gap:5px;margin:13px 0}
 body.enhanced #network-lobby #network-deadline-value,body.enhanced #network-lobby .network-deadline-bounds{grid-column:1}
 body.enhanced #network-lobby .network-seat{gap:8px}
 body.enhanced #network-lobby .network-seat>select{max-width:130px}
 body.enhanced #network-lobby .network-room-card{gap:8px}
 body.enhanced #network-lobby .network-room-card>button{padding:9px 10px}
 body.enhanced #network-lobby .network-invite-link{flex-wrap:wrap}
}
@media(max-height:480px){
 body.enhanced #network-lobby .network-lobby-header{padding-top:8px;padding-bottom:4px}
 body.enhanced #network-lobby #network-lobby-message{padding-bottom:6px}
 body.enhanced #network-lobby .network-actions{padding-top:8px;padding-bottom:8px}
 body.enhanced #network-lobby .network-form-fields label.network-field{margin:8px 0}
}

/* Room settings reuse the native lobby fields; polls keep the form connected. */
#network-lobby #network-settings{display:block;margin:0}
#network-lobby #network-room-settings{min-width:0}
#network-lobby #network-settings-notice:empty{display:none}