.registration-edition .registration-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.registration-edition .registration-stage{border:1px solid var(--color-rule);background:var(--color-page);border-radius:1.25rem;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;padding:1rem .75rem;font-size:.8125rem;transition:background-color .22s,border-color .22s,box-shadow .22s;display:flex;position:relative}.registration-edition .registration-stage[aria-current=step]{background:var(--secondary);border-color:var(--color-teal-600);box-shadow:0 4px 0 color-mix(in srgb, var(--color-teal-600) 16%, transparent)}.registration-edition .registration-stage[data-complete=true]{border-color:var(--color-teal-600)}.registration-edition .registration-stage__number{background:var(--color-page-alt);width:2.25rem;height:2.25rem;font-size:.875rem}.registration-edition .registration-stage[aria-current=step] .registration-stage__number,.registration-edition .registration-stage[data-complete=true] .registration-stage__number{background:var(--color-teal-600);color:var(--color-page)}.registration-edition .registration-panel{box-shadow:var(--shadow-card);border-radius:1.75rem}.registration-edition .registration-input{background:var(--color-page-alt);border-radius:1rem;transition:background-color .18s,box-shadow .18s}.registration-edition .registration-input:focus-visible{background:var(--color-page);box-shadow:0 0 0 4px var(--secondary)}.registration-edition .registration-option{border-radius:1.25rem}.registration-edition .registration-welcome-icon{background:var(--secondary);border-radius:1.25rem;place-items:center;width:3.5rem;height:3.5rem;display:grid}.registration-edition .registration-password-toggle{background:var(--color-page);border-radius:.75rem;width:2.75rem;transition:background-color .18s,transform .18s;top:.375rem;bottom:.375rem;right:.375rem}.registration-edition .registration-password-toggle:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--secondary);color:var(--color-teal-600)}.registration-edition .registration-password-toggle:active{transform:scale(.94)}.registration-picker.registration-directory{background:var(--color-page-alt)}.registration-directory .registration-directory__layout{gap:2rem;display:grid}.registration-directory .registration-directory__intro{min-width:0}.registration-directory .registration-directory__characters{display:none}.registration-directory .registration-directory__note{background:var(--secondary);border-radius:1.25rem;max-width:48rem;padding:1rem 1.25rem}.registration-directory .registration-role-list{gap:1rem;display:grid}.registration-directory .registration-role-list>li{min-width:0}.registration-directory .registration-role-link{border:1px solid var(--color-rule);background:var(--color-page);width:100%;height:100%;min-height:112px;color:var(--color-ink);text-align:left;box-shadow:0 3px 0 color-mix(in srgb, var(--color-ink) 5%, transparent);border-radius:1.5rem;align-items:center;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.registration-directory .registration-role-link:is(:hover,:focus-visible){border-color:var(--color-teal-600);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.registration-directory .registration-role-link:focus-visible{outline:2px solid var(--color-teal-600);outline-offset:3px}.registration-directory .registration-role-link:active{transform:translateY(-1px)}.registration-directory .registration-role-link .role-plate{transition:transform .2s}.registration-directory .registration-role-link:is(:hover,:focus-visible) .role-plate{transform:rotate(-5deg)scale(1.05)}.registration-directory .registration-role-arrow{background:var(--secondary);width:2.25rem;height:2.25rem;color:var(--color-teal-600);border-radius:50%;flex-shrink:0;place-items:center;margin-left:auto;transition:transform .2s;display:grid}.registration-directory .registration-role-link:is(:hover,:focus-visible) .registration-role-arrow{transform:translate(3px)}.registration-directory .registration-role-link[data-role=resident]{background:var(--secondary);border-color:var(--color-teal-600);box-shadow:0 4px 0 color-mix(in srgb, var(--color-teal-600) 15%, transparent)}.registration-directory .registration-role-link[data-role=resident] .registration-role-arrow{background:var(--color-page)}.registration-context{border:1px solid var(--color-rule);background:var(--color-page);border-radius:1.5rem;padding:.75rem 1rem}@media (width>=640px){.registration-edition .registration-stages{gap:1rem}.registration-edition .registration-stage{flex-direction:row;align-items:center;gap:.75rem;padding:1.25rem;font-size:.9375rem}.registration-directory .registration-directory__intro{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;column-gap:2rem;display:grid}.registration-directory .registration-directory__intro>:not(.registration-directory__characters){grid-column:1}.registration-directory .registration-directory__characters{grid-area:1/2/span 5;place-self:center end;width:100%;max-width:24rem;display:block}.registration-directory .registration-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.registration-directory .registration-directory__layout{gap:3rem}.registration-directory .registration-role-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.registration-directory .registration-role-link{border-radius:1.75rem;flex-direction:column;align-items:flex-start;gap:1.25rem;min-height:196px;padding:1.5rem}.registration-directory .registration-role-arrow{position:absolute;top:1.5rem;right:1.25rem}.registration-directory .registration-role-link[data-role=resident]{flex-direction:row;align-items:center;padding-right:4.5rem}.registration-directory .registration-role-link[data-role=resident] .role-plate{width:5rem;height:5rem}.registration-directory .registration-role-link[data-role=resident] .registration-role-arrow{margin-top:-1.125rem;top:50%}}@media (prefers-reduced-motion:reduce){.registration-directory .registration-role-link,.registration-directory .registration-role-link .role-plate,.registration-directory .registration-role-arrow,.registration-edition :is(.registration-stage,.registration-input,.registration-password-toggle){transition:none}.registration-directory .registration-role-link:is(:hover,:focus-visible,:active),.registration-directory .registration-role-link:is(:hover,:focus-visible) :is(.role-plate,.registration-role-arrow),.registration-edition .registration-password-toggle:active{transform:none}}