.tpg-lobby-graph{position:relative;min-height:32rem;width:100%;overflow:hidden;isolation:isolate;border:var(--tpg-border-md) solid var(--tpg-line);border-radius:var(--tpg-radius-xl);background:var(--tpg-surface-raised);box-shadow:var(--tpg-depth-md);touch-action:none}.tpg-lobby-graph:before{content:none}.tpg-lobby-graph__scene{position:absolute;inset:0;z-index:1;transform-origin:center}.tpg-lobby-graph__launch-wash{position:absolute;inset:0;z-index:5;background:var(--tpg-lobby-launch-color, #ffffff);opacity:0;pointer-events:none}.tpg-lobby-graph[data-launch-transition=active]{z-index:30;pointer-events:none}.tpg-lobby-graph[data-launch-transition=active] .tpg-lobby-graph__scene{will-change:transform,opacity;animation:tpg-lobby-launch-camera var(--tpg-lobby-launch-duration, 1.3s) var(--tpg-lobby-launch-camera-easing, cubic-bezier(.16, 1, .3, 1)) both}.tpg-lobby-graph[data-launch-transition=active] .tpg-lobby-graph__launch-wash{will-change:opacity;animation:tpg-lobby-launch-wash var(--tpg-lobby-launch-duration, 1.3s) cubic-bezier(.4,0,.2,1) both}.tpg-lobby-graph__links,.tpg-lobby-graph__nodes{position:absolute;inset:0;width:100%;height:100%}.tpg-lobby-graph__links{overflow:visible;pointer-events:none}.tpg-lobby-graph__link{stroke:color-mix(in srgb,var(--tpg-blue-500) 44%,var(--tpg-line));stroke-width:2;stroke-linecap:round;opacity:.64}.tpg-lobby-graph__node{--tpg-lobby-node-face: var(--tpg-blue-500);--tpg-lobby-node-light: var(--tpg-blue-100);--tpg-lobby-node-edge: var(--tpg-blue-700);position:absolute;top:0;left:0;width:9.5rem;will-change:transform}.tpg-lobby-graph__node[data-palette="1"]{--tpg-lobby-node-face: var(--tpg-purple-500);--tpg-lobby-node-light: var(--tpg-purple-100);--tpg-lobby-node-edge: var(--tpg-purple-700)}.tpg-lobby-graph__node[data-palette="2"]{--tpg-lobby-node-face: var(--tpg-yellow-500);--tpg-lobby-node-light: var(--tpg-yellow-100);--tpg-lobby-node-edge: var(--tpg-yellow-700)}.tpg-lobby-graph__node[data-palette="3"]{--tpg-lobby-node-face: var(--tpg-green-500);--tpg-lobby-node-light: var(--tpg-green-100);--tpg-lobby-node-edge: var(--tpg-green-700)}.tpg-lobby-graph__node[data-palette="4"]{--tpg-lobby-node-face: var(--tpg-coral-300);--tpg-lobby-node-light: color-mix(in srgb, var(--tpg-coral-300) 28%, white);--tpg-lobby-node-edge: color-mix(in srgb, var(--tpg-coral-300) 68%, var(--tpg-red-700))}.tpg-lobby-graph__node[data-palette="5"]{--tpg-lobby-node-face: var(--tpg-mint-300);--tpg-lobby-node-light: color-mix(in srgb, var(--tpg-mint-300) 28%, white);--tpg-lobby-node-edge: color-mix(in srgb, var(--tpg-mint-300) 68%, var(--tpg-green-700))}.tpg-lobby-graph__node-button{position:relative;display:grid;width:100%;cursor:grab;appearance:none;place-items:center;border:0;background:transparent;color:var(--tpg-ink);font:inherit;outline:none;user-select:none;-webkit-user-select:none}.tpg-lobby-graph__node[data-presence=entering] .tpg-lobby-graph__node-button{animation:tpg-lobby-player-enter .16s ease-out both}.tpg-lobby-graph__node[data-presence=exiting]{z-index:3;pointer-events:none}.tpg-lobby-graph__node[data-presence=exiting] .tpg-lobby-graph__node-button{animation:tpg-lobby-player-exit 90ms ease-in both}.tpg-lobby-graph__node[data-dragging=true]{z-index:4}.tpg-lobby-graph__node[data-dragging=true] .tpg-lobby-graph__node-button{cursor:grabbing}.tpg-lobby-graph__circle{--tpg-lobby-authority-scale: 1;position:relative;display:grid;width:var(--tpg-lobby-node-diameter);height:var(--tpg-lobby-node-diameter);transform:translateZ(0);place-items:center;border:var(--tpg-border-md) solid var(--tpg-lobby-node-edge);border-radius:999px;background:var(--tpg-lobby-node-face);box-shadow:0 5px 0 var(--tpg-lobby-node-edge),0 12px 22px #1f2a3724;scale:var(--tpg-lobby-authority-scale);transition:filter var(--tpg-motion-spring),transform var(--tpg-motion-fast),scale var(--tpg-motion-spring),box-shadow var(--tpg-motion-fast)}.tpg-lobby-graph__node[data-authority=true] .tpg-lobby-graph__circle{--tpg-lobby-authority-scale: 1.06;z-index:1;animation:tpg-lobby-authority-promote .36s cubic-bezier(.16,1,.3,1) both}.tpg-lobby-graph__node-button:hover .tpg-lobby-graph__circle,.tpg-lobby-graph__node-button:focus-visible .tpg-lobby-graph__circle{transform:translateY(-2px)}.tpg-lobby-graph__node-button:focus-visible .tpg-lobby-graph__circle{outline:3px solid var(--tpg-focus-color);outline-offset:5px;box-shadow:var(--tpg-focus),0 5px 0 var(--tpg-lobby-node-edge)}.tpg-lobby-graph__node[data-connected=false]{--tpg-lobby-node-face: #9aa7b3;--tpg-lobby-node-light: #e4e9ed;--tpg-lobby-node-edge: #687582}.tpg-lobby-graph__node[data-connected=false] .tpg-lobby-graph__circle{filter:grayscale(.74);opacity:.78;box-shadow:0 4px #687582,0 10px 18px #1f2a371a}.tpg-lobby-graph__node[data-connected=false] .tpg-lobby-graph__identity{color:var(--tpg-ink-muted);opacity:.75}.tpg-lobby-graph__icon{width:calc(var(--tpg-lobby-node-diameter) * .43);height:calc(var(--tpg-lobby-node-diameter) * .43);color:color-mix(in srgb,var(--tpg-lobby-node-edge) 82%,var(--tpg-ink));filter:none;stroke-width:2.5}.tpg-lobby-graph__crown,.tpg-lobby-graph__signed-in{position:absolute;display:grid;place-items:center;border-radius:999px}.tpg-lobby-graph__crown{top:-1.15rem;left:50%;width:2.25rem;height:2rem;transform:translate(-50%);border:2px solid var(--tpg-yellow-700);background:var(--tpg-yellow-300);color:#6e4300;box-shadow:0 3px 0 var(--tpg-yellow-700),0 7px 12px #64420021;animation:tpg-lobby-crown-pop .32s 70ms cubic-bezier(.16,1,.3,1) both}.tpg-lobby-graph__crown svg{width:1.3rem;height:1.3rem;fill:transparent;stroke-width:2.4}.tpg-lobby-graph__signed-in{right:-.25rem;bottom:.1rem;width:1.8rem;height:1.8rem;border:3px solid var(--tpg-surface);background:var(--tpg-green-500);color:#fff;box-shadow:0 2px 0 var(--tpg-green-700),0 5px 10px #2183132e}.tpg-lobby-graph__signed-in svg{width:1rem;height:1rem;stroke-width:4}.tpg-lobby-graph__identity{position:relative;display:grid;max-width:9.5rem;margin-top:.9rem;place-items:center;line-height:1.1;text-align:center}.tpg-lobby-graph__name{position:relative;z-index:1;max-width:100%;overflow:hidden;padding:.24rem .55rem;border-radius:var(--tpg-radius-pill);border:1px solid var(--tpg-line);background:var(--tpg-surface);box-shadow:0 2px 0 var(--tpg-line);font-family:var(--tpg-font-family);font-size:var(--tpg-font-size-sm);font-weight:var(--tpg-weight-black);text-overflow:ellipsis;white-space:nowrap}.tpg-lobby-graph__identity[data-name-changing=true] .tpg-lobby-graph__name{animation:tpg-lobby-name-reveal .62s cubic-bezier(.22,1,.36,1) both}.tpg-lobby-graph__puffs{display:none}.tpg-lobby-graph__puffs i{--puff-x: 0px;--puff-y: -12px;position:absolute;top:50%;left:50%;width:1.15rem;height:1.15rem;border:2px solid color-mix(in srgb,var(--tpg-line-strong) 72%,white);border-radius:999px;background:var(--tpg-surface);box-shadow:inset 0 -3px #1f2a3714;animation:tpg-lobby-puff .68s cubic-bezier(.2,.8,.2,1) both}.tpg-lobby-graph__puffs i:nth-child(1){--puff-x: -38px;--puff-y: -14px}.tpg-lobby-graph__puffs i:nth-child(2){--puff-x: -26px;--puff-y: 11px;animation-delay:30ms}.tpg-lobby-graph__puffs i:nth-child(3){--puff-x: -10px;--puff-y: -22px;animation-delay:55ms}.tpg-lobby-graph__puffs i:nth-child(4){--puff-x: 12px;--puff-y: 18px;animation-delay:20ms}.tpg-lobby-graph__puffs i:nth-child(5){--puff-x: 30px;--puff-y: -18px;animation-delay:70ms}.tpg-lobby-graph__puffs i:nth-child(6){--puff-x: 40px;--puff-y: 8px;animation-delay:45ms}.tpg-lobby-graph__puffs i:nth-child(7){--puff-x: 4px;--puff-y: -31px;animation-delay:85ms}.tpg-lobby-graph__presence-puffs{display:none}.tpg-lobby-graph__presence-puffs i{--poof-x: 0px;--poof-y: -18px;position:absolute;top:0;left:0;width:1.55rem;height:1.55rem;border:2px solid color-mix(in srgb,var(--tpg-line-strong) 64%,white);border-radius:999px;background:color-mix(in srgb,var(--tpg-surface) 92%,white);box-shadow:inset 0 -4px #1f2a3714,0 3px 8px #1f2a371a}.tpg-lobby-graph__presence-puffs[data-direction=entering] i{animation:tpg-lobby-presence-poof-in .25s ease-out both}.tpg-lobby-graph__presence-puffs[data-direction=exiting] i{animation:tpg-lobby-presence-poof-out .25s ease-out both}.tpg-lobby-graph__presence-puffs i:nth-child(1){--poof-x: -64px;--poof-y: -18px}.tpg-lobby-graph__presence-puffs i:nth-child(2){--poof-x: -50px;--poof-y: 34px;animation-delay:35ms}.tpg-lobby-graph__presence-puffs i:nth-child(3){--poof-x: -30px;--poof-y: -55px;animation-delay:75ms}.tpg-lobby-graph__presence-puffs i:nth-child(4){--poof-x: 3px;--poof-y: 60px;animation-delay:20ms}.tpg-lobby-graph__presence-puffs i:nth-child(5){--poof-x: 32px;--poof-y: -55px;animation-delay:90ms}.tpg-lobby-graph__presence-puffs i:nth-child(6){--poof-x: 60px;--poof-y: 24px;animation-delay:50ms}.tpg-lobby-graph__presence-puffs i:nth-child(7){--poof-x: 62px;--poof-y: -24px;animation-delay:.11s}.tpg-lobby-graph__presence-puffs i:nth-child(8){--poof-x: -22px;--poof-y: 57px;animation-delay:65ms}.tpg-lobby-graph__presence-puffs i:nth-child(9){--poof-x: 5px;--poof-y: -67px;animation-delay:15ms}.tpg-lobby-graph__empty{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;color:var(--tpg-ink-muted);font-size:var(--tpg-font-size-lg);font-weight:var(--tpg-weight-black);text-align:center}@keyframes tpg-lobby-player-enter{0%{transform:translateY(8px) scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@keyframes tpg-lobby-player-exit{0%{transform:scale(1);opacity:1}to{transform:scale(.78);opacity:0}}@keyframes tpg-lobby-presence-poof-in{0%{transform:translate(-50%,-50%) scale(.28);opacity:0}20%{opacity:.96}to{transform:translate(calc(-50% + var(--poof-x)),calc(-50% + var(--poof-y))) scale(1.18);opacity:0}}@keyframes tpg-lobby-presence-poof-out{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}32%{opacity:1}to{transform:translate(calc(-50% + var(--poof-x)),calc(-50% + var(--poof-y))) scale(1.3);opacity:0}}@keyframes tpg-lobby-authority-promote{0%{scale:1}to{scale:var(--tpg-lobby-authority-scale)}}@keyframes tpg-lobby-crown-pop{0%{transform:translate(-50%) translateY(.45rem) scale(.72);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}@keyframes tpg-lobby-name-reveal{0%{transform:scale(.96) translateY(4px);opacity:0;filter:blur(4px)}to{transform:scale(1) translateY(0);opacity:1;filter:blur(0)}}@keyframes tpg-lobby-puff{0%{transform:translate(-50%,-50%) scale(.3);opacity:0}28%{opacity:.95}to{transform:translate(calc(-50% + var(--puff-x)),calc(-50% + var(--puff-y))) scale(1.12);opacity:0}}@keyframes tpg-lobby-launch-camera{0%{transform:scale(var(--tpg-lobby-launch-camera-start-scale, 1));opacity:1}to{transform:scale(var(--tpg-lobby-launch-camera-end-scale, 1.5));opacity:var(--tpg-lobby-launch-camera-end-opacity, 0)}}@keyframes tpg-lobby-launch-wash{0%,50%{opacity:0}66%{opacity:.06}84%{opacity:.34}to{opacity:1}}@keyframes tpg-lobby-launch-scene-reduced{0%{opacity:1}to{opacity:.72}}@keyframes tpg-lobby-launch-wash-reduced{0%{opacity:0}to{opacity:.12}}@media(prefers-reduced-motion:reduce){.tpg-lobby-graph[data-launch-transition=active] .tpg-lobby-graph__scene{animation:tpg-lobby-launch-scene-reduced .32s ease-out both;filter:none}.tpg-lobby-graph[data-launch-transition=active] .tpg-lobby-graph__launch-wash{animation:tpg-lobby-launch-wash-reduced .32s ease-out both}.tpg-lobby-graph__link,.tpg-lobby-graph__node[data-presence=entering] .tpg-lobby-graph__node-button,.tpg-lobby-graph__node[data-presence=exiting] .tpg-lobby-graph__node-button,.tpg-lobby-graph__node[data-authority=true] .tpg-lobby-graph__circle,.tpg-lobby-graph__crown,.tpg-lobby-graph__identity[data-name-changing=true] .tpg-lobby-graph__name{animation:none}.tpg-lobby-graph__node[data-presence=exiting] .tpg-lobby-graph__node-button{opacity:0}.tpg-lobby-graph__presence-puffs{display:none}.tpg-lobby-graph__circle{transition-duration:.01ms}.tpg-lobby-graph__identity[data-name-changing=true] .tpg-lobby-graph__name{transition:opacity .12s ease-out}}@media(max-width:640px){.tpg-lobby-graph{min-height:27rem}}