.play .hub-shell{background:var(--background);color:var(--foreground)}.hub-width{width:100%;max-width:68rem;margin-inline:auto;padding-inline:1.25rem}.hub-bar{border-bottom:1px solid var(--border)}html:has(.hub-shell){scroll-padding-block:1.5rem 7rem}.hub-main{padding-top:1.5rem;padding-bottom:calc(7rem + env(safe-area-inset-bottom))}.hub-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;background:var(--card);margin-bottom:1.75rem}.hub-hero-copy{position:relative;padding:1.5rem;background:var(--background)}.play .hub-event-title{font-size:clamp(2rem,6vw,2.75rem);overflow-wrap:anywhere;max-width:22ch;margin-bottom:.75rem}.hub-event-meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--muted-foreground)}.hub-hero-date{font-weight:400}.hub-cover{display:block;width:100%;aspect-ratio:1;border-radius:16px;box-shadow:var(--shadow-cover-sm)}.hub-phase{display:inline-flex;width:fit-content;align-items:center;gap:.5rem;margin-top:1rem;padding:.375rem .75rem;border-radius:100px;background:var(--muted);color:var(--muted-foreground);font-size:1rem;font-weight:600;line-height:1.4}.hub-main[data-phase=checked_in] .hub-phase{background:var(--success-surface,var(--muted));color:var(--success,var(--foreground))}.play .hub-section-title{color:var(--hub-accent-text,var(--foreground));font-size:1.25rem;font-weight:650;line-height:1.4}.hub-activities>.hub-section-title,.hub-event-details>.hub-section-title{margin-bottom:.75rem}.play .hub-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;color:var(--muted-foreground)}.hub-icon svg{width:1.375rem;height:1.375rem}.hub-steps{max-width:42rem;margin-bottom:2rem}.hub-steps>.hub-section-title{margin-bottom:.75rem}.hub-steps-list{display:grid;gap:.25rem;padding:.5rem;border-radius:16px;background:var(--card)}.hub-step{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;column-gap:.75rem;padding:1rem;border-radius:12px}.hub-step-body{display:grid;gap:.5rem;min-width:0;padding-top:.1875rem;overflow-wrap:anywhere}.hub-step[data-state=done] .hub-step-body{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:.75rem}.hub-step-body>[data-slot=button]{justify-self:start;margin-top:.25rem}.hub-step-title{font-size:1.125rem;font-weight:650;line-height:1.4}.hub-step-marker,.hub-step-note{color:var(--muted-foreground)}.hub-step-marker{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:50%;font-weight:650;line-height:1}.hub-step[data-state=done] .hub-step-marker{border-color:transparent;background:var(--muted);color:var(--muted-foreground)}.hub-step[data-state=waiting] .hub-step-title{color:var(--muted-foreground)}.hub-step[aria-current=step]{background:var(--muted);color:var(--foreground)}.hub-step[aria-current=step] .hub-step-marker{border-color:transparent;background:var(--primary);color:var(--primary-foreground)}.hub-check-in-code{width:min(15rem,100%);aspect-ratio:1;border-radius:12px;background:#fff}.hub-check-in-code>svg{display:block;width:100%;height:100%}.hub-name-tag{padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;overflow-wrap:anywhere}.hub-name-tag-name{font-size:1.5rem;font-weight:800;line-height:1.2}.hub-row{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;column-gap:1rem;padding-block:1.25rem;border-bottom:1px solid var(--border)}.hub-row-body{min-width:0;display:grid;gap:.5rem;padding-top:.25rem}.hub-row-body>*{min-width:0}.hub-row-body>:is(a,[data-slot=button]){justify-self:start}.hub-row-body [data-slot=button]{min-height:2.75rem}.hub-row-body .contact-icons{margin-inline-start:-.4375rem}.hub-row-title{font-size:1.125rem;font-weight:650;line-height:1.4}.hub-row-chevron{margin-top:.25rem}.hub-group-list{display:grid;gap:.5rem}.hub-group-choice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;width:100%;min-height:4.5rem;padding:.75rem 1rem;border-radius:12px;background:var(--card);color:var(--foreground);text-align:left;cursor:pointer}.hub-group-choice:active:not(:disabled),.hub-group-choice:hover:not(:disabled){background:var(--muted)}.hub-group-choice:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.hub-group-choice:disabled{cursor:progress}.hub-group-choice-copy{display:grid;flex:1 1 8rem;min-width:0;gap:.125rem;line-height:1.4;overflow-wrap:anywhere}.hub-group-choice-action{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.375rem;max-width:100%;margin-left:auto;font-weight:650}.hub-matching-link{grid-template-columns:2rem minmax(0,1fr) auto;border-radius:0}.hub-matching-link:hover{background:var(--card)}.hub-activities-layout{display:grid;gap:2rem}.hub-activity-notice{margin-top:1rem}.hub-activity-notice>.play-note{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.75rem;padding:1rem}.hub-activity-notice>.play-note>svg{margin-top:.125rem}.hub-notice-title{display:block;font-weight:650}.hub-notice-copy{display:block;margin-top:.25rem;color:var(--muted-foreground)}.hub-tab-panel>.hub-tab-intro{margin-bottom:1.75rem}.hub-empty{padding-block:1.25rem}.hub-navigation{position:fixed;inset:auto 0 calc(.75rem + env(safe-area-inset-bottom));z-index:20;width:min(40rem,calc(100% - 2rem));margin-inline:auto;background:var(--card);border:1px solid var(--border);border-radius:24px;padding:.375rem;box-shadow:0 8px 24px color-mix(in srgb,var(--foreground) 12%,transparent)}.hub-tabs{display:flex;gap:.5rem;max-width:40rem;margin-inline:auto;position:relative}.hub-tab-indicator{position:absolute;inset-block:0;left:0;width:calc((100% - (var(--tab-count) - 1) * .5rem) / var(--tab-count));translate:calc(var(--tab-index) * (100% + .5rem)) 0;border:0;border-radius:16px;background:var(--primary);transition:translate .32s cubic-bezier(.22,1,.36,1);pointer-events:none}.hub-tab{display:flex;flex:1;min-width:0;min-height:3.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;border-radius:16px;font-size:1rem;font-weight:600;border:2px solid transparent;position:relative;z-index:1}.hub-tab[data-state=active]{color:var(--primary-foreground)}.hub-tab:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.hub-tab:hover{text-decoration:underline;text-underline-offset:4px}@media (max-width:25rem){.hub-navigation{width:calc(100% - 1.5rem)}.hub-tab{font-size:.875rem}}.hub-identity{margin-top:2rem;overflow-wrap:anywhere}.play .hub-shell .play-card,.play .hub-shell .play-note{border:1px solid var(--border);box-shadow:none}.play .hub-shell :is([data-slot=input],[data-slot=select-trigger]){border-width:1px;box-shadow:none;translate:none;min-height:2.75rem}.play .profile-layout :is([data-slot=input],[data-slot=select-trigger]){background-color:var(--background);color:var(--foreground)}.play .hub-shell :is([data-slot=input],[data-slot=select-trigger]):focus-visible{outline:3px solid var(--ring);outline-offset:3px;box-shadow:none;translate:none}.hub-tab-panel:not([data-state=inactive]){animation:hub-panel-in .16s ease-out backwards}@keyframes hub-panel-in{0%{opacity:0}}.hub-waiting{display:grid;place-items:center;min-height:100%;padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom))}.hub-waiting-line{font-size:1.125rem;font-weight:800;text-align:center}@media (prefers-reduced-motion:reduce){.hub-tab-panel:not([data-state=inactive]),.hub-tab-panel:not([data-state=inactive]) *,.hub-tab[data-state=active] .hub-tab-icon{animation:none}.hub-tab-indicator{transition:none}}@media (min-width:48rem){.hub-step-body:has(>[data-slot=button]){grid-template-columns:minmax(0,1fr) auto;column-gap:1.25rem;row-gap:.25rem}.hub-step-body:has(>[data-slot=button])>:not([data-slot=button]){grid-column:1}.hub-step-body>[data-slot=button]{grid-column:2;grid-row:1/3;align-self:center;margin-top:0}.hub-width{padding-inline:2rem}.hub-main{padding-top:2rem}.hub-hero-copy{padding:2rem}.play .hub-event-title{font-size:2.75rem}.hub-hero[data-has-image=true]{aspect-ratio:16/9;display:flex;align-items:flex-end;box-shadow:var(--shadow-cover);margin-bottom:2.75rem}.hub-hero[data-has-image=true] .hub-hero-copy{margin:2rem;max-width:70%;border-radius:12px}.hub-cover{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:-1;border-radius:0;box-shadow:none}.hub-tab{flex-direction:row;gap:.625rem}}@media (min-width:64rem){.hub-activities-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4rem}}@media (max-width:47.999rem){.hub-hero-copy{padding:1.25rem}.hub-hero[data-has-image=true]{overflow:visible;background:none}.hub-hero[data-has-image=true] .hub-hero-copy{background:none;padding:1.75rem 0 0}}.hub-hero[data-has-image=false]{border-radius:0;border-bottom:1px solid var(--border)}.hub-hero[data-has-image=false] .hub-hero-copy{padding:0 0 1.5rem}.profile-layout{display:grid;gap:1.75rem;max-width:58rem}.profile-card{padding:1.25rem;border:0;border-radius:20px;background:var(--hub-icon-surface,var(--muted));overflow-wrap:anywhere}.profile-card-name{margin-block:1.25rem .75rem;font-size:1.75rem;font-weight:800;line-height:1.2}.profile-card-pending{margin-top:1.25rem;font-weight:700}.profile-card-note{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--muted-foreground)}.profile-layout :is(button,summary):focus-visible{outline:3px solid var(--ring);outline-offset:3px}.profile-next{border-top:1px solid var(--border);padding-top:1.5rem}@media (min-width:48rem){.profile-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3.5rem;align-items:start}.profile-intro{grid-column:1/-1}.profile-card{grid-column:2;grid-row:2/span 2;position:sticky;top:1.5rem;padding:1.5rem}.profile-editor,.profile-next{grid-column:1}.profile-editor{grid-row:2}}.brand.play .hub-step[aria-current=step]{background:var(--success-surface);color:var(--foreground)}.brand.play .hub-step[aria-current=step] .hub-step-marker{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.brand.play .profile-card{background:var(--surface);box-shadow:var(--shadow-card)}.brand.play .profile-card-name{color:var(--primary)}