.modal:has(.multiplayer-dialog){max-width:760px;overflow:hidden}
.multiplayer-dialog header{text-align:center;margin-bottom:10px}
.multiplayer-dialog header h2{margin:0 0 4px;font-size:25px}
.multiplayer-dialog header p{margin:0;line-height:1.35}
.multiplayer-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.multiplayer-fields section{min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px;background:#fffdf5;border:1px solid var(--line);border-radius:16px}
.multiplayer-dialog .random-character-note{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.multiplayer-fields section>button:last-child{margin-top:auto}
.multiplayer-dialog .field-label{margin:0;font-size:13px;align-self:stretch}
.multiplayer-dialog .room-divider{border:0;margin:0;padding:0;text-align:left;font-weight:800;font-size:15px;color:var(--ink);align-self:stretch}
.multiplayer-dialog input{width:100%;min-width:0;min-height:44px;padding:9px 12px}
.multiplayer-dialog section .primary,.multiplayer-dialog section .secondary{height:44px;min-height:44px;margin:0;padding:8px 12px}
.multiplayer-dialog footer{display:flex;justify-content:center;gap:10px;margin-top:7px}
.multiplayer-dialog footer .secondary{width:auto;margin:0;padding:8px 14px}
.multiplayer-dialog footer .text-btn{padding:7px 14px}
@media(max-height:550px) and (orientation:landscape){
 .modal:has(.multiplayer-dialog){max-height:calc(100svh - 24px);padding:14px 20px}
 .multiplayer-dialog header{margin-bottom:7px}
 .multiplayer-dialog header h2{font-size:22px}
 .multiplayer-dialog header p{font-size:12px;margin:0}
 .multiplayer-fields{gap:14px}
 .multiplayer-dialog input{min-height:40px;font-size:15px}
 .multiplayer-dialog section .primary,.multiplayer-dialog section .secondary{min-height:40px}
}
@media(max-width:560px) and (orientation:portrait){
 .modal:has(.multiplayer-dialog){padding:17px;overflow:auto}
 .multiplayer-fields{grid-template-columns:1fr;gap:12px}
 .multiplayer-fields section>button:last-child{margin-top:0}
}