/* Branding belongs to the entry screen. Hiding #lobby removes it from play. */
#lobby{isolation:isolate;display:flex;align-items:flex-end;justify-content:flex-end;padding:32px;background:#0d1820;overflow-y:auto}
#lobby[hidden]{display:none}
#lobbyArtwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:-2;pointer-events:none;user-select:none}
#lobby::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06121b0a 24%,#06121b25 58%,#06121b99);pointer-events:none}
#lobby .lobbyCard{width:400px;max-width:100%;padding:24px 28px;border:1px solid #91a5b452;border-radius:12px;background:#101c26f5;box-shadow:0 14px 55px #0007}
#lobby .lobbyEyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.8px;color:#dfb17e;margin-bottom:10px}
#lobby h1{font-size:24px;letter-spacing:.2px;margin-bottom:7px}
#lobby .lobbyIntro{font-size:13px;color:#b7c7d0;margin-bottom:20px}
#lobby label{display:block;font-size:12px;font-weight:600;letter-spacing:.2px}
#lobby select{margin:6px 0 14px;background:#172a36;border-color:#5c7483;color:#eff4f7;min-height:42px}
#lobby select:focus-visible{outline:2px solid #ecbe8b;outline-offset:2px}
#lobby .muted{color:#afc1cc;font-size:12px}
#lobby #joinBalance{margin-bottom:12px}
#lobby #join{margin-top:20px;min-height:44px;background:#b77336;border-color:#da9b60;color:#fff;font-weight:600}
#lobby #join:hover:not(:disabled){background:#ce8543}
#lobby #joinMessage:empty{display:none}
#lobby #lobbyVersion{margin-top:14px;font-size:11px;color:#8fa5b4}
@media(max-height:650px){#lobby{padding:20px 28px}#lobby .lobbyCard{width:370px;padding:18px 22px}#lobby .lobbyIntro{margin-bottom:14px}#lobby select{margin-bottom:10px;min-height:38px}#lobby #join{margin-top:14px}#lobby #lobbyVersion{margin-top:9px}}