body{overflow-y:auto}.lobby{--blur: 3.5px;position:relative;z-index:1;display:grid;grid-template-rows:auto auto;align-content:start;justify-items:center;gap:clamp(48px,12vh,120px);min-height:100%;padding:clamp(48px,14vh,130px) 16px 48px}.lobby__clock{display:grid;justify-items:center;gap:6px;padding:14px 34px 16px;border-radius:22px}.lobby__time{font-size:clamp(52px,9vw,76px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.lobby__date{font-size:15px;color:var(--ink-2)}.lobby__door{display:grid;justify-items:center;gap:18px;width:min(320px,100%)}.lobby__mark{display:block;width:64px;height:64px;border-radius:14px;box-shadow:0 10px 24px -14px light-dark(rgb(10 24 34 / .55),rgb(0 0 0 / .7))}.lobby__form{display:grid;gap:8px;width:100%}.lobby__field{width:100%;height:46px;padding:0 18px;font:14px var(--font-sans);color:var(--ink);border-radius:12px;outline:none;transition:box-shadow .16s var(--ease-glass),border-color .16s var(--ease-glass)}.lobby__field::placeholder{color:var(--ink-2)}.lobby__field:focus-visible{border-color:var(--accent);box-shadow:var(--rim-light),0 0 0 1px var(--accent),0 0 0 4px var(--accent-soft)}.lobby__field[aria-invalid=true]{border-color:light-dark(rgb(192 57 43 / .55),rgb(255 139 126 / .55))}.lobby__key{justify-self:center;display:grid;place-items:center;width:52px;height:52px;margin-top:8px;padding:0;color:var(--ink-on-accent);background:var(--accent);border:0;border-radius:50%;box-shadow:0 8px 20px -10px light-dark(rgb(10 24 34 / .5),rgb(0 0 0 / .7));transition:background-color .16s var(--ease-glass),transform .16s var(--ease-glass)}.lobby__key .icon{width:20px;height:20px}.lobby__key:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,#000)}.lobby__key:active:not(:disabled){transform:scale(.96)}.lobby__key:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lobby__key:disabled{cursor:default;opacity:.55}.lobby__passkey{justify-self:center;display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;font:600 13px var(--font-sans);color:var(--ink);border-radius:999px;transition:border-color .16s var(--ease-glass),transform .16s var(--ease-glass)}.lobby__passkey .icon{width:18px;height:18px;color:var(--accent)}.lobby__passkey:hover:not(:disabled){border-color:var(--accent)}.lobby__passkey:active:not(:disabled){transform:scale(.98)}.lobby__passkey:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.lobby__passkey:disabled{cursor:default;opacity:.55}.lobby__message{margin:0;padding:8px 14px;font-size:13px;color:var(--danger);text-align:center;background:var(--label-frost);border-radius:10px}.lobby__empty{display:grid;gap:8px;width:100%;padding:20px 22px;color:var(--ink-2);border-radius:16px}.lobby__heading{margin:0;font-size:17px;font-weight:650;color:var(--ink)}.lobby__empty p{margin:0;font-size:13.5px}.lobby__command{margin:4px 0 0;padding:10px 12px;overflow-x:auto;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;color:var(--ink);background:var(--card);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm)}.lobby__colon{display:inline-block;margin:0 .04em;translate:0 -.095em;animation:lobby-colon 2.6s ease-in-out infinite}@keyframes lobby-colon{0%,52%{opacity:1}72%{opacity:.2}92%,to{opacity:1}}.lobby__clock,.lobby__door{transition:opacity .4s var(--ease-arrive),translate .44s var(--ease-arrive)}.lobby.is-entering .lobby__clock{opacity:0;translate:0 -28px}.lobby.is-entering .lobby__door{opacity:0;translate:0 24px}.is-returning .lobby__clock{animation:lobby-clock-in .6s var(--ease-arrive) .1s both}.is-returning .lobby__door{animation:lobby-door-in .6s var(--ease-arrive) .19s both}@keyframes lobby-clock-in{0%{opacity:0;translate:0 -28px}}@keyframes lobby-door-in{0%{opacity:0;translate:0 24px}}@media(prefers-reduced-motion:reduce){.is-returning .lobby__clock,.is-returning .lobby__door{animation:none}.lobby__key,.lobby__passkey,.lobby__clock,.lobby__door{transition:none}.lobby__colon{animation:none}}