.passport-account{display:flex;align-items:center;gap:10px;min-width:0}.passport-account [hidden]{display:none!important}#passportLogin{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:230px}#passportLogin>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passport-avatar{display:inline-flex;width:34px;height:34px;flex-shrink:0;border-radius:50%;object-fit:cover;align-items:center;justify-content:center;background:#e4dbc9;color:#33526e;font-size:17px;vertical-align:middle;border:1px solid #b7ac9a}.passport-account button{font:inherit;font-size:13px;white-space:nowrap}.player>.passport-avatar{margin-bottom:8px}.spectator .passport-avatar{margin-right:0}.online-music{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:0 18px 20px;font-size:12px}.online-music button{font-size:12px;padding:7px 12px}.online-music label{display:flex;align-items:center;gap:8px}.online-music input{width:90px;padding:0}.online-music #musicStatus{width:100%;text-align:center;color:#746657}header nav{flex-wrap:wrap;justify-content:flex-end}.h-actions{flex-wrap:wrap}@media(max-width:600px){.passport-account{gap:6px}#passportLogin{max-width:155px}.passport-account button{padding:7px;font-size:12px}.passport-avatar{width:28px;height:28px;font-size:14px}.h-actions{justify-content:flex-end}body>header{flex-wrap:wrap}body>header nav{flex-direction:row;gap:12px;width:100%}.h-actions .passport-account{justify-content:flex-end}}