/* Testing scenarios belong to an explicit design-review URL, outside player flows. */
html:not([data-review-mode]) :is(
 details[class*="preview"],
 [data-design-review],
 [data-review-only],
 .event-preview-scenarios,
 .eligibility-scenarios,
 .invitation-edge-scenarios,
 .lc-preview-controls,
 .tracker-scenarios,
 .special-state-controls,
 .service-state-selector,
 .profile-audience-control,
 label:has(#team-page-role),
 [data-action="preview-flow"],
 [data-room-command="offline"],
 [data-room-command="agree"],
 [data-room-command="disagree"],
 [data-access-state="expired"],
 [data-access-state="provider-loading"],
 [data-access-state="provider-error"],
 [data-special-action="sample-link"],
 [data-special-action="elapsed"],
 .site-footer-links [data-view="patterns"]
){display:none!important}
html:not([data-review-mode]) .service-state-layout{grid-template-columns:minmax(0,1fr)}

/* The party has one task: review the group and invite players. */
.modal.party-manager{width:480px}
.party-summary{display:flex;align-items:center;gap:20px;margin:0 0 24px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.party-capacity{display:flex;align-items:baseline;flex:none;gap:4px;font-family:var(--display);line-height:1;font-variant-numeric:tabular-nums}
.party-capacity>strong{font-size:48px;font-weight:600;color:var(--text)}
.party-capacity>span{font-size:25px;color:var(--muted)}
.party-summary>div:last-child{min-width:0}
.party-summary h3{font-family:var(--sans);font-size:14px;font-weight:500;line-height:1.5;margin:0 0 4px}
.party-summary p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.party-manager-list{display:grid;gap:8px;margin-bottom:20px}
.party-manager-list>.roster-player{min-height:68px;padding:12px 16px;gap:12px;border:0;border-radius:8px;background:#ffffff04}
.party-manager-list>.roster-player>.avatar{width:36px;height:36px;font-size:14px;flex:none}
.party-manager-list>.roster-player>span:not(.avatar){flex:1;min-width:0;margin:0}
.party-manager-list>.roster-player strong{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.party-manager-list>.roster-player small{font-size:12px;line-height:1.5;margin-top:2px}
.party-manager-list .icon-button{width:44px;height:44px;min-width:44px;flex:none}
.party-manager>.party-invite-button{min-height:48px;border-radius:8px;font-size:14px;justify-content:space-between;padding-inline:16px}
.party-manager .party-helper{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0 0}
@media(max-width:600px){
 .modal.party-manager{--dialog-px:20px;--dialog-py:24px;width:100%;border-radius:16px 16px 0 0;max-height:calc(100dvh - 24px);padding:24px 20px max(24px,env(safe-area-inset-bottom,0px))}
 .modal-backdrop:has(.party-manager){align-items:flex-end;padding:24px 0 0}
 .party-summary{gap:16px;margin-bottom:12px;padding-bottom:20px}
 .party-capacity>strong{font-size:44px}
 .party-summary h3{font-size:14px}
}