/* Authentication changes session identity; use immediate navigation instead of retaining a screen snapshot. */
@view-transition{navigation:none}
.onboarding-page{background:var(--ui-bg);color:var(--ui-ink)}
.onboarding{position:relative;isolation:isolate;width:min(100%,580px);height:auto;min-height:100dvh;margin:auto;padding:max(26px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(230px,1fr) auto;gap:28px;background:var(--ui-bg);overflow:hidden}
.connection-brand{display:flex;align-items:center;gap:12px;font:600 9px/1.5 var(--ui-font);letter-spacing:.12em}
.connection-brand img{width:34px;height:40px;object-fit:contain}
.connection-welcome{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:28px;border-radius:var(--ui-radius-card);overflow:hidden;background:var(--ui-coral)}
.connection-welcome::after{content:'';position:absolute;z-index:-1;width:240px;height:240px;right:-75px;bottom:-100px;border:1px solid rgba(var(--ui-ink-rgb),.18);border-radius:50%;box-shadow:0 0 0 18px rgba(var(--ui-surface-rgb),.12),0 0 0 38px rgba(var(--ui-surface-rgb),.12)}
.connection-welcome h1{max-width:320px;margin:0 0 15px;font:500 clamp(36px,11vw,56px)/1.05 var(--ui-font);letter-spacing:-.065em}
.connection-welcome p{max-width:230px;margin:0;font:400 12px/1.5 var(--ui-font)}
.connection-welcome .fantasy-logo{width:94px;max-height:40px;margin-top:24px;align-self:flex-start;object-fit:contain}
.connection-surface{padding:24px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-card);background:var(--ui-surface);box-shadow:none;color:var(--ui-ink)}
.connection-surface button{border-radius:999px;background:var(--ui-shell);color:var(--ui-surface);font-weight:500}
.connection-surface input,.connection-surface select{border-color:var(--ui-line);background:var(--ui-bg);color:var(--ui-ink);border-radius:14px;padding:12px}
.connection-surface [data-cancel]{background:var(--ui-bg);color:var(--ui-ink);border-color:var(--ui-line)}
.connection-surface a{justify-content:center;color:var(--ui-muted);font-size:11px;text-underline-offset:4px}
.connection-surface :focus-visible{outline-color:var(--ui-ink)}
.onboarding [hidden]{display:none!important}
@media(orientation:landscape) and (max-height:550px){.onboarding{width:min(100%,980px);grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:14px;padding:16px 24px}.connection-brand{grid-column:1/-1}.connection-welcome{grid-column:1;min-height:220px}.connection-surface{grid-column:2}.connection-welcome h1{font-size:36px}.connection-welcome .fantasy-logo{margin-top:14px}}
@media(max-height:740px) and (orientation:portrait){.onboarding{gap:18px;padding-block:20px}.connection-welcome{min-height:220px;padding:24px}.connection-welcome h1{font-size:36px}.connection-surface{padding:18px}}