@layer screens{#join-page{background-color:var(--color-grid-void);flex:1;min-height:100vh;display:flex;position:relative}#join-frame{width:100%;height:100%;color:var(--color-text);display:flex;position:relative}#join-stage{justify-items:center;gap:var(--space-9);min-width:0;padding:var(--space-10);box-sizing:border-box;flex:auto;grid-template-rows:auto 1fr auto;display:grid}#join-stage-body{justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;width:100%;min-height:0;display:flex;overflow-y:auto}#join-wordmark{text-align:center;color:var(--color-accent);font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin:0}#join-preview{box-sizing:border-box;aspect-ratio:16/9;background:var(--color-sunken);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:896px;box-shadow:var(--shadow-dialog);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#join-preview-image{object-fit:cover;object-position:center;width:100%;height:100%}#join-world-name{display:none}#join-world-name.active{display:block}.join-note{color:var(--color-text-muted);text-align:center;margin:0;display:none}.join-note.active{display:block}#join-version{color:var(--color-text-muted);font-size:var(--font-size-md);font-variant-numeric:var(--font-numeric)}#join-rail{flex:0 0 var(--reception-rail-width);gap:var(--space-5);min-height:0;padding:var(--space-7);box-sizing:border-box;background:var(--gradient-chrome);border-left:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-sidebar);flex-direction:column;display:flex;overflow:hidden}#join-who{font-size:var(--font-size-lg);margin:0}#join-user-list{gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}#join-user-list .user-list-row{flex-shrink:0}}