.lobby{--lobby-inset:16px;--lobby-card-width:420px;--lobby-card-padding:24px;--lobby-card-border:1px;background:var(--vtt-ink-1);color:var(--vtt-text);font:var(--vtt-size-body) / 1.45 var(--vtt-font-ui);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.lobby-home{background:linear-gradient(var(--vtt-hover) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, var(--vtt-hover) 1px, transparent 1px) 0 0 / 48px 48px, radial-gradient(80% 70% at 85% 10%, var(--vtt-accent-soft), transparent 70%), var(--vtt-ink-1)}.lobby-ghost{color:#0000;font-size:22vw;font-stretch:var(--vtt-width-hero);text-transform:uppercase;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-text-stroke:1px var(--vtt-line);font-weight:900;line-height:.8;position:fixed;bottom:-6vw;right:-4vw}.lobby-campaign{background:var(--vtt-table-ground);overflow:hidden}.lobby-card{width:min(var(--lobby-card-width), 100% - 2 * var(--lobby-inset));padding:var(--lobby-card-padding);background:var(--vtt-surface);border:var(--lobby-card-border) solid var(--vtt-line);box-shadow:var(--vtt-shadow-float);animation:vtt-wipe var(--vtt-motion-snap) var(--vtt-ease-snap) backwards;position:relative}.lobby-card:before{content:"";background:var(--vtt-accent-line);transform-origin:0;width:48px;height:3px;animation:vtt-grow-x var(--vtt-motion-snap) var(--vtt-ease-snap) both;position:absolute;top:-1px;left:-1px}.lobby-eyebrow{margin:0 0 var(--vtt-space-1);color:var(--vtt-text-2);font-size:var(--vtt-size-label);text-transform:uppercase;font-weight:650;line-height:14px}.lobby h1{margin:0 0 var(--vtt-space-3);font-size:var(--vtt-size-display);font-stretch:var(--vtt-width-square);overflow-wrap:anywhere;font-weight:800;line-height:1}.lobby-home h1{overflow-wrap:normal;font-size:clamp(28px,9vw,44px);font-stretch:var(--vtt-width-hero);text-transform:uppercase;line-height:.9}:is(.lobby-card,.vtt-settings-form) h2,:is(.lobby-card,.vtt-settings-form) legend{gap:var(--vtt-space-1);width:100%;margin:var(--vtt-space-5) 0 var(--vtt-space-2);padding:0 0 var(--vtt-space-2);border-bottom:1px solid var(--vtt-line);color:var(--vtt-text);font-size:var(--vtt-size-small);text-transform:uppercase;font-weight:650;line-height:14px;display:flex}:is(.lobby-card,.vtt-settings-form) legend{float:left}:is(.lobby-card,.vtt-settings-form) legend+*{clear:both}:is(.lobby-card,.vtt-settings-form) h2:before,:is(.lobby-card,.vtt-settings-form) legend:before{content:"//";color:var(--vtt-accent-line)}:is(.lobby-card,.vtt-settings-form) fieldset{border:0;min-width:0;margin:0;padding:0}:is(.lobby-card,.vtt-settings-form) p{margin:var(--vtt-space-2) 0}.lobby-row{gap:var(--vtt-space-2);flex-wrap:wrap;align-items:center;display:flex}.lobby-row>.lobby-wide{flex:100%;min-width:0}.lobby-list{margin:0 0 var(--vtt-space-3);padding:0;list-style:none}.lobby-list>li{justify-content:space-between;align-items:center;gap:var(--vtt-space-2);padding:var(--vtt-space-2) var(--vtt-space-1);border-bottom:1px solid var(--vtt-line);transition:background var(--vtt-motion-instant) linear, padding-left var(--vtt-motion-fast) var(--vtt-ease-out);display:flex;position:relative}.lobby-list>li:before{content:"";background:var(--vtt-accent-line);width:2px;transition:transform var(--vtt-motion-fast) var(--vtt-ease-out);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.lobby-list>li:hover{padding-left:var(--vtt-space-3);background:var(--vtt-hover)}.lobby-list>li:hover:before{transform:scaleY(1)}.lobby-list>li.lobby-seat{flex-direction:column;align-items:stretch}.lobby-muted{color:var(--vtt-text-3)}.lobby-error{color:var(--vtt-negative)}.lobby-button{align-items:center;gap:var(--vtt-space-2);height:34px;padding:0 var(--vtt-space-4);border:1px solid var(--vtt-line-strong);border-radius:var(--vtt-cut-control);corner-shape:var(--vtt-cut-corner);background:var(--vtt-ink-3);color:var(--vtt-text);font:inherit;cursor:pointer;transition:background var(--vtt-motion-instant) linear, border-color var(--vtt-motion-instant) linear, transform var(--vtt-motion-instant) var(--vtt-ease);font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.lobby-button:hover:not(:disabled){border-color:var(--vtt-fog-1);background:var(--vtt-ink-4)}.lobby-button.primary{height:38px;padding:0 var(--vtt-space-5) 0 var(--vtt-space-4);background:var(--vtt-accent-fill);color:var(--vtt-accent-ink);border:0;font-weight:700}.lobby-button.primary:before{content:"";background:linear-gradient(90deg, transparent, var(--vtt-glint), transparent);transition:translate var(--vtt-motion-reveal) var(--vtt-ease-out);position:absolute;inset:0;translate:-100%}.lobby-button.primary:hover:not(:disabled):before{translate:100%}.lobby-button:active:not(:disabled){transform:scale(.97)}.lobby-button:disabled{opacity:.4;cursor:default}.lobby-button.primary:focus-visible{box-shadow:inset 0 0 0 2px var(--vtt-accent-ink);outline:none}.lobby-link{color:var(--vtt-text-2);font:inherit;cursor:pointer;transition:color var(--vtt-motion-instant) linear;background:0 0;border:0;padding:0;font-weight:600}.lobby-link:hover{color:var(--vtt-accent-line)}.lobby-campaigns>li>.lobby-link{color:var(--vtt-text);font-size:var(--vtt-size-title);font-stretch:var(--vtt-width-square);text-align:left;font-weight:700}.lobby-button:focus-visible,.lobby-link:focus-visible{outline:2px solid var(--vtt-accent-line);outline-offset:3px}.lobby-ruleset:has(input:focus-visible){outline:2px solid var(--vtt-accent-line);outline-offset:3px}.lobby input:not([type=radio],[type=checkbox],[type=color],[type=file]),.lobby select{box-sizing:border-box;height:34px;padding:0 var(--vtt-space-3);background:var(--vtt-sunk);box-shadow:inset 0 0 0 1px var(--vtt-line);color:var(--vtt-text);font:inherit;transition:box-shadow var(--vtt-motion-fast) var(--vtt-ease-out);border:0;border-radius:0;outline:none}.lobby input:not([type=radio],[type=checkbox],[type=color],[type=file]):focus,.lobby select:focus{box-shadow:inset 0 0 0 1px var(--vtt-line-strong), inset 0 -2px 0 var(--vtt-accent-line)}.lobby input::placeholder{color:var(--vtt-text-3)}.lobby input[type=checkbox],.lobby input[type=radio]{accent-color:var(--vtt-accent-fill)}.lobby input:not([type=radio],[type=checkbox],[type=color],[type=range]){flex:1;min-width:0}.lobby input[type=color]{border:1px solid var(--vtt-line-strong);cursor:pointer;background:0 0;width:32px;height:22px;padding:0}.lobby input[type=range]{accent-color:var(--vtt-accent-line);flex:1}:is(.lobby-card,.vtt-settings-form) label{align-items:center;gap:var(--vtt-space-2);display:inline-flex}.lobby-invite{width:100%;margin-top:var(--vtt-space-2)}.lobby-rulesets{gap:var(--vtt-space-2);flex-wrap:wrap;flex:100%;display:flex}.lobby-card .lobby-rulesets>legend{margin-top:var(--vtt-space-2)}.lobby-ruleset{min-height:44px;padding:var(--vtt-space-2) var(--vtt-space-3) var(--vtt-space-2) var(--vtt-space-4);background:var(--vtt-ink-3);box-shadow:inset 0 0 0 1px var(--vtt-line);color:var(--vtt-text-2);font-size:var(--vtt-size-title);font-stretch:var(--vtt-width-square);cursor:pointer;transition:background var(--vtt-motion-fast) linear, color var(--vtt-motion-fast) linear;flex:140px;align-items:flex-end;font-weight:700;line-height:1;display:flex;position:relative}.lobby-ruleset:hover{color:var(--vtt-text)}.lobby-ruleset input{opacity:0;pointer-events:none;position:absolute}.lobby-ruleset:has(input:checked){background:var(--vtt-paper);box-shadow:none;color:var(--vtt-paper-text)}.lobby-ruleset:has(input:checked):before{content:"";background:var(--vtt-accent-on-paper);width:4px;animation:vtt-grow-y var(--vtt-motion-snap) var(--vtt-ease-snap) both;position:absolute;top:0;bottom:0;left:0}.lobby-swatch{width:14px;height:14px;box-shadow:0 0 0 2px var(--vtt-ink-1), 0 0 0 3px var(--vtt-line-strong);border-radius:50%;flex:none;display:inline-block}.lobby-field{color:var(--vtt-text-3);font-size:var(--vtt-size-small);flex-direction:column;gap:2px;display:inline-flex}.lobby .lobby-number{width:80px}.lobby code{padding:1px var(--vtt-space-1);background:var(--vtt-sunk);color:var(--vtt-text);-webkit-user-select:all;user-select:all}