.multiplayer-lobbies{display:grid;grid-template-columns:minmax(235px,.9fr) minmax(0,1.1fr);gap:28px;margin:20px 0 28px;padding:24px 0;border-block:1px solid var(--line);color:var(--ink)}
.multiplayer-lobby-directory header button{border:0;background:none;color:var(--ink);padding:4px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.multiplayer-lobbies[hidden]{display:none!important}.multiplayer-lobbies h3{font-size:1.1rem;margin:0 0 15px}.multiplayer-lobby-create{display:grid;align-content:start;gap:14px}.multiplayer-lobby-create label{display:grid;gap:7px;font-size:.83rem}.multiplayer-lobby-create input,.multiplayer-lobby-create select{width:100%;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--surface)}.multiplayer-lobby-create p,.multiplayer-lobby-directory>p{font-size:.78rem;line-height:1.5;color:var(--muted);margin:0}.multiplayer-lobby-create .button{justify-self:start}.multiplayer-lobby-directory{min-width:0}.multiplayer-lobby-directory header{display:flex;gap:14px;align-items:baseline;justify-content:space-between}.multiplayer-lobby-directory header .text-link{font-size:.75rem;white-space:nowrap}.multiplayer-lobby-directory ul{list-style:none;margin:14px 0 0;padding:0;max-height:350px;overflow:auto}.multiplayer-lobby-directory li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.multiplayer-lobby-directory li>div{min-width:0;display:grid;gap:5px}.multiplayer-lobby-directory li strong{overflow-wrap:anywhere;font-size:.9rem}.multiplayer-lobby-directory li small{font-size:.74rem;color:var(--muted)}.multiplayer-lobby-directory li .button{flex:none;font-size:.75rem;padding:9px 11px}