/* The portrait fills the picker, not an outdated 82px child at intermediate widths. */
html:has(body.intui-ui){overflow-x:clip}
body.intui-ui #chooseAvatar{box-sizing:border-box;display:block;padding:5px;line-height:0;overflow:visible}
body.intui-ui #chooseAvatar #currentAvatar{display:block;width:100%;height:100%;min-height:0;line-height:0;border-radius:inherit}
body.intui-ui #chooseAvatar #currentAvatar>.portrait-wrap{display:block;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto;box-sizing:border-box;margin:0;overflow:hidden;border-radius:14px}
body.intui-ui #chooseAvatar #currentAvatar>.portrait-wrap img{display:block;width:100%;height:100%;object-fit:cover}
body.intui-ui #chooseAvatar .avatar-edit{z-index:2}
/* A single viewport-sized painted layer. Never use the larger mobile viewport behind a keyboard. */
:root[data-theme-tier=premium] body:before{inset:0!important;width:auto;height:auto!important;min-height:0;max-height:none;background-size:cover;background-position:center center;mask-image:linear-gradient(to bottom,#000 0%,#000 78%,#0006 100%)}
@media(max-width:760px){
 body.intui-ui #home #chooseAvatar{width:66px;height:66px;min-width:66px;border-radius:20px}
 :root[data-theme-tier=premium] body:before{background-size:auto 100%;background-position:center center}
 :root[data-palette=vice] body:before{background-position:78% center}
 body.intui-ui[data-mobile-typing=true] #faceGame{scroll-margin-top:16px}
 body.intui-ui #faceQuestionForm :is(input,button){scroll-margin-block:18px}
 body.intui-ui #faceQuestionForm .keyword-assist{max-height:min(142px,calc(var(--intui-visible-height,100dvh)*.3));overflow-y:auto;overscroll-behavior:contain;align-content:start;padding:2px 0 5px}
 body.intui-ui #faceQuestionForm .keyword-assist button{max-width:100%;font-size:12px;min-height:34px}
 body.intui-ui #faceQuestionForm .keyword-assist button>span{white-space:normal;line-height:1.4}
 body.intui-ui .toast{width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;font-size:13px;line-height:1.5;padding:12px 15px;overflow-wrap:break-word}
 body.intui-ui[data-mobile-keyboard=true] .toast{bottom:12px}
}
