/* Space Police Rangers: the "Add a player" screen (js/lobby.js). */
.lobby-panel{max-width:760px}
.lobby-body{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;align-items:center;margin:.4em 0}
.lobby-qr{width:min(240px,60vw);aspect-ratio:1;background:#fff;border-radius:18px;padding:8px;box-sizing:border-box;box-shadow:0 5px 0 var(--navy)}
.lobby-qr svg{display:block;width:100%;height:100%}
.lobby-join{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:220px}
.lobby-join p{margin:0;font-weight:700}
.lobby-code{font:clamp(3rem,11vw,5.2rem)/1 "Kenney Future","Baloo 2",system-ui,sans-serif;letter-spacing:.12em;color:var(--navy);
  background:var(--sun);border:5px solid var(--navy);border-radius:22px;padding:.12em .3em .08em .42em;box-shadow:0 6px 0 var(--navy)}
.lobby-url{font-size:.85rem;color:var(--navy);opacity:.75;word-break:break-all}
.lobby-players{list-style:none;margin:.6em auto 0;padding:0;max-width:30em;text-align:left}
.lobby-players li{display:flex;align-items:center;gap:.5em;background:var(--ice);border-radius:14px;padding:.25em .8em;margin-bottom:5px;font-weight:700}
.lobby-players i{width:1em;height:1em;border-radius:50%;border:3px solid var(--navy);flex:none}
.lobby-players span{margin-left:auto;font-size:.8rem;opacity:.7}
.btn.lobby-kick{flex:none;font-size:.8rem;padding:.3em .8em;box-shadow:0 3px 0 var(--navy)}
.btn.lobby-kick.sure{background:var(--orange);color:#fff}