/* Keep Telegram chrome and the device keyboard clear of learning controls. */
html.telegram-miniapp{scroll-padding-top:calc(72px + var(--langufy-tg-top,0px));}
.telegram-miniapp body{min-height:var(--langufy-tg-height,100dvh);padding-top:var(--langufy-tg-top,0px);padding-left:var(--langufy-tg-left,0px);padding-right:var(--langufy-tg-right,0px)}
.telegram-miniapp .topbar{top:var(--langufy-tg-top,0px)}
.telegram-miniapp .auth-main{min-height:calc(var(--langufy-tg-height,100dvh) - var(--langufy-tg-top,0px));padding-bottom:calc(24px + var(--langufy-tg-bottom,0px))}
.telegram-login-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;padding:12px 18px;border:0;border-radius:14px;background:#087f68;color:#fff;font-family:inherit;font-weight:600;font-size:16px;cursor:pointer}
.telegram-login-button svg{width:22px;height:22px;flex:none}
.telegram-login-button:disabled{opacity:.55;cursor:wait}
.telegram-login-button:focus-visible{outline:3px solid #065c4e;outline-offset:4px}
.telegram-login-area[hidden]{display:none}
.telegram-login-area p{font-size:13px;line-height:1.65;color:#596b64;margin:12px 0 0}
@media(max-width:767px){
 .telegram-miniapp .mobile-navigation{bottom:calc(8px + max(env(safe-area-inset-bottom),var(--langufy-tg-bottom,0px)));height:62px;left:10px;right:10px}
 .telegram-miniapp .workspace{padding-bottom:calc(90px + max(env(safe-area-inset-bottom),var(--langufy-tg-bottom,0px)))}
 .telegram-miniapp input,.telegram-miniapp textarea,.telegram-miniapp select{font-size:16px!important}
 .telegram-miniapp button,.telegram-miniapp .btn{min-height:44px}
 .telegram-miniapp .sidebar{padding-top:calc(20px + var(--langufy-tg-top,0px));padding-bottom:calc(24px + var(--langufy-tg-bottom,0px))}
 .telegram-keyboard .mobile-navigation{visibility:hidden;pointer-events:none}
 .telegram-keyboard .workspace{padding-bottom:24px}
}

/* Phone navigation shares the browser layout while respecting Telegram's insets. */
@media(max-width:600px){
 .telegram-miniapp .mobile-navigation{left:0;right:0;bottom:0;height:calc(56px + max(env(safe-area-inset-bottom),var(--langufy-tg-bottom,0px)));padding-bottom:calc(4px + max(env(safe-area-inset-bottom),var(--langufy-tg-bottom,0px)));border-radius:0}
 .telegram-miniapp .workspace{padding-bottom:var(--mobile-nav-clearance)}
 .telegram-keyboard .workspace{padding-bottom:16px}
}
@media(max-width:600px){
 .telegram-miniapp:not(.telegram-keyboard) .workspace:has(.battle-question-panel){padding-bottom:calc(24px + max(env(safe-area-inset-bottom),var(--langufy-tg-bottom,0px)))}
}