/* =========================================================
   EliteFounders Update 5 - smooth chat, steady keyboard, calmer page
   ========================================================= */

/* the page behind a full-screen page/chat must not scroll or bounce (that caused the "whole screen" jumps) */
html.ef-lock,html.ef-lock body{overflow:hidden!important;overscroll-behavior:none}

/* Android: the keyboard now resizes the page itself, so the chat simply fills it. No script-set heights. */
html.ef-android #chatModal>.modal-box{height:100%!important}
#chatModal{overscroll-behavior:none;touch-action:manipulation}
#chatMessages{scroll-behavior:auto!important;contain:layout paint style}

/* sending: the bubble appears instantly (greyed until confirmed), the button never flashes or jumps */
.msg-row{transition:opacity .16s ease}
.msg-row.msg-pending{opacity:.62}
#sendMessageBtn,#sendMessageBtn:hover,#sendMessageBtn:active{transform:none!important;transition:none!important}
#sendMessageBtn[aria-busy="true"]{opacity:1;filter:none}
#chatInput{transition:none}

/* the bottom tab bar steps aside while you type, instead of jumping on top of the keyboard */
.ef-liquid-tabbar{transition:opacity .14s ease,transform .14s ease}
html.ef-typing .ef-liquid-tabbar{opacity:0;transform:translateY(26px);pointer-events:none}

/* loader exit */
#loadingScreen.is-leaving{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .42s}
#loadingScreen.is-leaving .ef-ld{transform:scale(1.035);transition:transform .45s ease}