.first-visit{width:min(440px,calc(100% - 30px));padding:32px;text-align:center}
.first-visit-brand{display:flex;justify-content:center;margin-bottom:19px}
.first-visit-brand img{width:47px;height:47px}
.first-visit h2{font-size:34px;line-height:1.15;margin:10px 0 14px}
.first-visit .dialog-intro{max-width:310px;margin:0 auto 22px}
.first-visit form{text-align:left}
.first-visit label{font-size:12px}
.first-visit input{font-size:14px}
.first-visit .primary{width:100%;margin-top:17px;min-height:43px}
.first-visit-skip{font-size:11px;color:var(--muted);margin-top:10px;min-height:36px;padding:8px 12px}
.first-visit .small-note{max-width:330px;margin:13px auto 0;font-size:10px!important}
.profile-identity{flex:1;min-width:0;font-size:13px;overflow-wrap:anywhere}
.profile-identity strong{font-weight:500}
.profile-identity small{display:block;font-size:10px;color:var(--faint);margin-top:2px}
@media(max-width:480px){.first-visit{padding:25px}.first-visit h2{font-size:30px}}
@media(max-width:640px){.header nav{min-width:0;flex:1;justify-content:flex-end;margin-left:10px}.header .icon-button{flex-shrink:0}.header .player-button{min-width:0}.player-button .avatar,.player-button>span:last-child{flex-shrink:0}.player-button #active-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}