.lobby-friends-button{width:100%;min-height:44px;margin:0 0 18px;text-align:left;background:#d6b36b0a}.friends-preference{display:flex;align-items:center;gap:12px;min-height:48px;margin-block:16px}.friends-preference input{width:22px;height:22px;flex:0 0 22px}.friend-queue{max-width:620px;margin-inline:auto}.friends-dialog{width:min(620px,calc(100% - 24px));max-width:620px;max-height:calc(var(--safe-height,100dvh) - 24px);padding:0;overflow:hidden;color:var(--text,#f2eddf);background:var(--panel,#20291f);border:1px solid var(--gold,#d6b36b);border-radius:16px}
.friends-dialog[open]{display:flex;flex-direction:column}.friends-dialog::backdrop{background:#07190fbb;backdrop-filter:blur(7px)}
.friends-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #d6b36b44;flex:0 0 auto}.friends-header h2{margin:2px 0;font-size:28px}.friends-header>button{flex:0 0 auto}
.friends-content{overflow:auto;overscroll-behavior:contain;padding:0 16px 20px;min-height:0;scroll-padding:12px}.friends-content>section,.friends-content>#friends-enabled>section{margin-block:16px}.friends-content h3{font-size:18px;margin:18px 0 10px}.friends-content p{line-height:1.5}.friends-status:empty{display:none}.friends-status{font-size:13px;color:var(--gold,#d6b36b);margin:12px 0}.friends-help{font-size:14px;color:var(--muted,#bcbba9);line-height:1.5}.friends-details{border-block:1px solid #d6b36b33;margin:16px 0;padding:0 4px}.friends-details>summary{min-height:48px;display:list-item;align-content:center;color:var(--gold,#d6b36b);cursor:pointer}.friends-details form{padding-bottom:12px}.friends-details #friends-add-form{display:flex;align-items:end;gap:8px;margin-top:12px}.friends-details #friends-add-form label{flex:1;min-width:0}.friends-search{display:block;margin:20px 0 6px}.friends-dialog input[type=text],.friends-dialog input[type=search]{display:block;width:100%;box-sizing:border-box;min-height:44px;margin-top:6px;font-size:16px}.friends-dialog button,.friends-dialog select{min-height:44px}.friends-dialog button{line-height:1.25;white-space:normal}.friends-check{display:flex;align-items:center;gap:10px;min-height:48px;font-size:16px}.friends-check input{flex:0 0 22px;width:22px;height:22px;accent-color:var(--gold,#d6b36b)}#friends-alert-games{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;border:1px solid #d6b36b44;padding:8px 12px;margin:16px 0}#friends-alert-games legend{font-size:14px;padding-inline:4px}#friends-notifications{width:100%;margin-top:12px;text-align:left}.friends-account{border-top:1px solid #d6b36b33;padding-top:16px;margin-block:12px}.friends-account p{margin-bottom:0}#friends-enroll>button{width:100%}#friends-add>summary{font-weight:600}.friends-search{font-size:16px}#friends-list-count:empty{display:none}.friends-account button{width:100%;text-align:left}.friends-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.friend-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:8px;align-items:center;border-bottom:1px solid #d6b36b22;padding:8px 0}.friend-avatar{height:34px;width:34px;display:grid;place-content:center;border:1px solid #d6b36b66;border-radius:50%;color:var(--gold,#d6b36b)}.friend-info{min-width:0;display:flex;flex-direction:column;gap:3px}.friend-name{overflow-wrap:anywhere;font-size:16px}.friend-presence{font-size:13px;color:var(--muted,#bcbba9)}.friend-invite{font-size:14px;padding:6px 10px}.friend-options{position:relative}.friend-options>summary{list-style:none;min-width:44px;min-height:44px;display:grid;place-content:center;cursor:pointer;border:1px solid #d6b36b44;border-radius:8px}.friend-options[open]{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:8px}.friend-options[open]>summary{float:right}.friend-options>button{font-size:14px;padding:6px}.friend-confirm{flex:1 0 100%;padding:8px;border:1px solid #d6b36b44;border-radius:8px}.friend-confirm p{margin:0 0 8px}.friend-confirm button{margin-right:8px}.friend-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 0}.friend-request-row strong{overflow-wrap:anywhere;font-size:16px}.friend-request-row button{font-size:14px;padding:6px 10px}.friend-table-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:8px;padding:12px;border:1px solid #d6b36b55;border-radius:10px;background:#d6b36b0a}.friend-table-row>div{display:flex;flex-direction:column;gap:5px;align-self:center}.friend-table-name{font-size:16px}.friend-table-detail{font-size:13px;color:var(--muted,#bcbba9);overflow-wrap:anywhere}.friend-table-seat-label{font-size:13px}.friend-table-seat{display:block;font-size:16px;max-width:90px;padding:5px}.friend-table-join{font-size:14px;padding:6px 10px}.friends-empty{font-size:14px;color:var(--muted,#bcbba9);padding:12px 0}.wizard-check-option{display:flex!important;align-items:center;gap:10px;min-height:44px}.wizard-check-option input{flex:0 0 22px;width:22px;height:22px;accent-color:var(--gold,#d6b36b)}
@media(max-width:480px){.friends-header{padding:12px}.friends-content{padding-inline:12px}.friends-details #friends-add-form{display:block}.friends-details #friends-add-form>button{margin-top:8px;width:100%}.friend-row{gap:5px;grid-template-columns:30px minmax(0,1fr) auto auto}.friend-avatar{width:28px;height:28px}.friend-options>summary{min-width:44px}.friend-invite{padding:6px 8px}.friend-table-row{padding:9px;gap:6px}.friend-table-row .friend-table-seat{max-width:78px}.friend-request-row{gap:5px}#friends-alert-games{padding:8px;gap:0 8px}}
.friends-demo-button{width:100%;margin-block:14px 0;text-align:left;font-size:14px;color:var(--gold)}
.social-demo-content{padding-block:4px 16px}
.social-demo-content>label{display:block;font-size:16px;margin-block:16px}
.social-demo-content select{display:block;width:100%;margin-top:6px;min-height:44px;font-size:16px}
.social-demo-actions{display:flex;flex-direction:column;flex:0 0 auto;gap:8px;padding:10px 12px;border-top:1px solid #d6b36b44;background:#20291f}
.social-demo-actions>button.primary{margin-top:0}
.social-demo-actions>button{width:100%;min-height:44px;font-size:16px}
#social-demo-status{font-size:16px;line-height:1.5;margin-block:16px;color:#f2e4c0}