.starter-avi-picker{display:grid;grid-template-columns:minmax(160px,280px) minmax(0,1fr);gap:24px;align-items:center;margin-top:18px;min-height:0}
.starter-avi-preview{width:100%;max-height:min(54vh,490px);object-fit:contain;border-radius:18px;background:#170f20;border:1px solid #c875ad66}
.starter-avi-details h3{font-size:30px;margin:16px 0 8px;color:#ffe4f4}
.starter-avi-options{display:flex;flex-wrap:wrap;gap:8px}
.starter-avi-options .button[aria-pressed="true"]{border-color:#ff95cf;background:#71345b;color:#fff;box-shadow:0 0 16px #db659c33}
.starter-avi-stats{font-weight:800;color:#ffaddb;letter-spacing:.04em}
#joinOnboardingPanel:has(.starter-avi-picker){overflow:auto;max-height:calc(100dvh - 180px)}
@media(max-width:650px){.starter-avi-picker{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:12px}.starter-avi-preview{max-height:52vh}.starter-avi-details h3{font-size:24px}.starter-avi-options .button{padding:8px 10px}.starter-avi-details p{font-size:13px}.starter-avi-details .join-actions{flex-direction:column}}

/* Keep the invitation choice in one focused desktop view. */
#page-join:has(.starter-avi-picker) .join-campus-hero,#page-join:has(.starter-avi-picker) .join-boundary-panel{display:none}
#page-join:has(.starter-avi-picker) .join-campus-grid{grid-template-columns:minmax(0,1fr)}
#page-join:has(.starter-avi-picker){padding:18px;min-height:0}
#joinOnboardingPanel:has(.starter-avi-picker){position:relative;padding:24px;max-height:calc(100dvh - 142px)}
#joinOnboardingPanel:has(.starter-avi-picker)>p{max-width:78%}
#joinOnboardingPanel:has(.starter-avi-picker)>.join-actions{position:absolute;right:24px;top:16px;margin:0}
.starter-avi-picker{grid-template-columns:minmax(180px,340px) minmax(0,1fr);max-width:860px;margin:18px auto 0;gap:40px}
.starter-avi-preview{height:min(54vh,520px);max-height:none}
@media(max-width:650px){#joinOnboardingPanel:has(.starter-avi-picker){padding:18px;max-height:none}#joinOnboardingPanel:has(.starter-avi-picker)>p{max-width:none}#joinOnboardingPanel:has(.starter-avi-picker)>.join-actions{position:static;margin-top:12px}.starter-avi-picker{grid-template-columns:minmax(100px,.85fr) minmax(0,1fr);gap:14px}.starter-avi-preview{height:auto;max-height:55vh}}