#lobby{position:fixed;inset:0;z-index:25;overflow-y:auto;background:#050806d1;color:#e6efe0;font:14px/1.45 monospace;touch-action:pan-y}#lobby[hidden]{display:none}#lobby .wrap{max-width:920px;margin:0 auto;padding:16px 16px 48px}#lobby header{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #2a3a2c}#lobby h1{margin:0;font-size:20px;letter-spacing:3px;color:#e8d7a8}#lobby h2{font-size:13px;letter-spacing:1px;color:#9fb09a;margin:26px 0 8px;text-transform:uppercase}#lobby .dim{color:#6f806c}#lobby .note{color:#e0c060;margin-left:8px}#lobby .motd{border:1px solid #b08d57;border-radius:4px;padding:8px 12px;color:#e8d7a8;margin-top:14px}#lobby .motd:empty{display:none}#lobby .quick{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}#lobby .quick button{display:grid;gap:6px;justify-items:start;text-align:left;min-height:120px;padding:18px 20px;cursor:pointer;border:2px solid #b08d57;border-radius:8px;background:linear-gradient(160deg,#3a2f1c,#1c170f);color:#e8d7a8;font:inherit}#lobby .quick button:hover{border-color:#e8d7a8;background:linear-gradient(160deg,#4a3c22,#241d12)}#lobby .quick .big{font-size:22px;letter-spacing:2px;font-weight:700}#lobby .quick .play{font-size:12px;letter-spacing:2px;color:#e6efe0;opacity:.8}#lobby .quick .sub{font-size:12px;color:#9fb09a}#lobby table{border-collapse:collapse;width:100%}#lobby td,#lobby th{text-align:left;padding:6px 8px;border-bottom:1px solid #1f2a21;vertical-align:middle}#lobby th{color:#6f806c;font-weight:400;font-size:11px;letter-spacing:1px}#lobby td.actions{white-space:nowrap;text-align:right}#lobby input,#lobby select{font:14px monospace;color:#e6efe0;background:#121a14;border:1px solid #3a4a3c;border-radius:3px;padding:6px 8px;min-width:0}#lobby input[type=number]{width:6em}#lobby button,#lobby a.button{font:13px monospace;cursor:pointer;border-radius:3px;padding:6px 12px;border:1px solid #b08d57;background:#2a2318;color:#e8d7a8;text-decoration:none}#lobby button.secondary,#lobby a.button.secondary{border-color:#3a4a3c;color:#9fb09a;background:#121a14}#lobby button:disabled{opacity:.45;cursor:default}#lobby form.auth{display:flex;flex-wrap:wrap;gap:6px;align-items:center}#lobby form.auth input{width:10em}#lobby form.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 14px;align-items:end}#lobby form.grid label{display:grid;gap:4px;color:#9fb09a;font-size:12px}#lobby form.grid label[hidden]{display:none}#lobby form.grid .row{grid-column:1 / -1;display:flex;gap:10px;align-items:center}#lobby footer{margin-top:28px;display:flex;gap:14px}#lobby footer a{color:#9fb09a}@media(max-width:560px){#lobby .quick{grid-template-columns:1fr}#lobby td.dim{display:none}#lobby th:nth-child(3),#lobby th:nth-child(5){display:none}}#lobby .page[hidden]{display:none}#lobby .heading-row{display:flex;align-items:center;gap:12px;margin-top:26px}#lobby .heading-row h2{margin:0}#lobby .heading-row button{margin-left:auto}#lobby .heading-row .page-back{margin-left:0}#lobby nav.pages{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}#lobby nav.pages button,#lobby nav.pages a.button{padding:10px 14px}#lobby .hint{margin-top:18px;font-size:12px}#lobby button.primary{border-color:#e8d7a8;background:#3a2f1c;font-weight:700}#lobby #lobby-identity{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}#lobby #lobby-nick-label{display:flex;gap:8px;align-items:center;color:#9fb09a;font-size:12px}#lobby #lobby-nick-label[hidden]{display:none}#lobby #lobby-nick{width:11em}#lobby label.field{display:grid;gap:4px;color:#9fb09a;font-size:12px;max-width:320px;margin-top:14px}#lobby label.field[hidden]{display:none}#lobby h3{font-size:12px;letter-spacing:1px;color:#9fb09a;margin:20px 0 6px;text-transform:uppercase}#lobby #bindings td.key{width:76px}#lobby #bindings td.help{color:#6f806c;font-size:12px}#lobby #bindings button.key{min-width:64px;padding:3px 8px;border-color:#3a4a3c;background:#121a14;color:#e6efe0}#lobby #bindings button.key.listening{border-color:#e8d7a8;color:#e8d7a8;background:#2a2318}#lobby #bindings-note{min-height:1.2em;color:#e0c060;font-size:12px;margin:6px 0}#lobby #touch-help svg{width:100%;max-width:420px;height:auto;display:block}#lobby #touch-help text{font:9px monospace;fill:#e6efe0}#lobby #touch-help text.title{font-size:11px}#lobby #touch-help .dim{fill:#9fb09a}#lobby #controls-desktop[hidden],#lobby #touch-help[hidden]{display:none}#lobby label.field.check{display:flex;align-items:center;gap:8px;max-width:none}