.play-social-heading,.play-friend-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.play-friend-row{flex-wrap:wrap;padding:.85rem 0}.play-friend-row+.play-friend-row{border-top:1px solid var(--border)}.play-friend-identity{align-items:center;gap:.75rem;min-width:0;display:flex}.play-friend-identity>div{overflow-wrap:anywhere;min-width:0}.play-friend-avatar{background:var(--secondary);height:2.5rem;color:var(--foreground);border-radius:50%;flex:0 0 2.5rem;place-items:center;font-weight:700;display:grid}.play-social-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.play-social-action{flex-direction:column;gap:.3rem;max-width:22rem;display:flex}.play-social-search{gap:.5rem;display:flex}.play-social-search input{min-width:0}.play-social-divider{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.play-social-picker{max-height:55dvh;overflow-y:auto}@media (max-width:480px){.play-social-heading{align-items:flex-start}.play-social-actions{width:100%}}.play-social-heading{flex-wrap:wrap}.play-social-heading>div{overflow-wrap:anywhere;min-width:0}.play-social-heading h2{align-items:center;gap:.5rem;display:flex}.play-friend-setup{flex-direction:column;gap:1.25rem;display:flex}.play-friend-profile-options{color:var(--muted-foreground);font-size:.85rem}.play-friend-profile-options summary{cursor:pointer;padding:.5rem 0}.play-friend-profile-options[open]>[data-slot=field-group]{margin-top:.75rem}.play-friend-setup [data-slot=field-group]{gap:1rem}.play-add-friends,.play-friend-invitation{flex-direction:column;gap:1rem;display:flex}.play-add-friends .play-stack{gap:.75rem}.play-add-friends [aria-live=polite]:empty{display:none}.play-friend-invite-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.play-friend-qr{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding-block:.5rem;display:flex}.play-friend-qr svg{border-radius:.75rem;max-width:100%;height:auto}.play-social-search button{flex-shrink:0;min-width:2.75rem;min-height:2.75rem}.play-friend-qr>[role=status]{place-items:center;width:224px;max-width:100%;height:224px;display:grid}.play-friend-row-compact{flex-wrap:nowrap}.play-friend-row-compact .play-friend-identity{flex:1}.play-friend-menu-trigger{touch-action:manipulation;flex-shrink:0;min-width:2.75rem;min-height:2.75rem}.play-friend-menu [role=menuitem]{min-height:2.75rem}.play-add-friends{overscroll-behavior:contain;border-radius:1rem;width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}.play-add-friends .play-stack{flex-direction:column;display:flex}.play-add-friends .play-caption{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.play-add-friends>button:last-child{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;top:.5rem;right:.5rem}.play-add-friends button:active,.play-friend-menu-trigger:active{opacity:.75}.play-friend-confirm{border-radius:1rem;width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);overflow-y:auto}@media (prefers-reduced-motion:reduce){.play-add-friends,.play-friend-dialog-overlay,.play-friend-menu,.play-friend-confirm{transition:none;animation:none}}.play-friends-title-row{grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:2.75rem;display:grid}.play-friends-header-action{justify-content:flex-end;align-items:center;min-width:7.75rem;min-height:2.75rem;display:flex}.play-shell .play-friends-title-row .play-add-friends-trigger{flex-shrink:0;height:2.75rem;min-height:2.75rem;padding-block:.5rem;padding-inline:.75rem}.play-friends-notice:empty{display:none}.play-friend-passport-trigger{text-align:left;cursor:pointer;border-radius:.75rem;flex:1;min-width:0;min-height:2.75rem;margin:-.35rem;padding:.35rem}.play-friend-passport-trigger:hover{background:var(--accent)}.play-friend-passport-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.play-friend-passport-trigger:active{opacity:.75}.friend-passport{flex-direction:column;gap:1.25rem;display:flex;overflow:hidden}.friend-passport-dialog{border-radius:1.5rem;width:calc(100% - 2rem);max-width:26rem;max-height:min(85dvh,44rem)}.friend-passport-sheet{max-height:85dvh;padding:0 1.25rem max(1.25rem, env(safe-area-inset-bottom));border-radius:1.5rem 1.5rem 0 0}.friend-passport-heading{flex-direction:column;gap:1rem;padding-right:1.5rem;display:flex}.friend-passport-body{overscroll-behavior:contain;flex-direction:column;gap:1.5rem;min-height:0;display:flex;overflow-y:auto}.friend-passport .play-stack{flex-direction:column;gap:.65rem;display:flex}.friend-passport-close,.friend-passport-dialog>button:last-child{place-items:center;min-width:2.75rem;min-height:2.75rem;display:grid;position:absolute;top:.5rem;right:.5rem}.friend-passport-stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .5rem;margin:0;padding:0;list-style:none;display:grid}.friend-passport-stamps li{text-align:center;overflow-wrap:anywhere;flex-direction:column;align-items:center;gap:.4rem;min-width:0;font-size:.75rem;display:flex}.friend-passport-stamps .clubhouse-art,.friend-passport-stamps .community-stamp-art{width:5rem;max-width:100%;height:5rem;margin:0;position:relative}@media (prefers-reduced-motion:reduce){.friend-passport-dialog{transition:none;animation:none}.friend-passport-sheet{transition-duration:0s!important}}