:root[data-miniapp=true]{--miniapp-bottom-offset:max(0px,calc(100dvh - var(--miniapp-height,100dvh)));scroll-padding-top:calc(80px + var(--tg-content-top,0px) + var(--miniapp-notice-height,0px))}
:root[data-miniapp=true] body{padding-top:var(--tg-content-top,0px)}
:root[data-miniapp=true] body:before{content:'';position:fixed;inset:0 0 auto;height:var(--tg-content-top,0px);background:#15181c;z-index:51;pointer-events:none}
:root[data-miniapp=true] .app{min-height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px))}
:root[data-miniapp=true] .topbar{top:calc(var(--tg-content-top,0px) + var(--miniapp-notice-height,0px));height:var(--header-h);padding-top:0;padding-left:max(24px,calc((100vw - 1240px)/2),calc(16px + var(--tg-content-left,0px)));padding-right:max(24px,calc((100vw - 1240px)/2),calc(16px + var(--tg-content-right,0px)))}
:root[data-miniapp=true] #test-mode{position:sticky;top:var(--tg-content-top,0px);z-index:51;padding-left:var(--tg-content-left,0px);padding-right:var(--tg-content-right,0px)}
:root[data-miniapp=true] #page{padding-left:max(24px,calc(16px + var(--tg-content-left,0px)));padding-right:max(24px,calc(16px + var(--tg-content-right,0px)))}
:root[data-miniapp=true] .dialog{max-height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px) - 12px);max-width:calc(100vw - var(--tg-content-left,0px) - var(--tg-content-right,0px));overflow-y:auto}
:root[data-miniapp=true] .dialog.am-dialog .am-panel{max-height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px) - 12px);overflow-y:auto}
:root[data-miniapp=true] .dialog.am-dialog{overflow:hidden}
:root[data-miniapp=true] .received-sheet{padding-bottom:max(24px,var(--tg-content-bottom,0px))}
:root[data-miniapp=true] #toast{bottom:calc(var(--miniapp-bottom-offset) + 92px + var(--tg-content-bottom,0px))}
@media(max-width:767px){
:root[data-miniapp=true] .topbar,:root[data-miniapp=true] #page{padding-left:calc(16px + var(--tg-content-left,0px));padding-right:calc(16px + var(--tg-content-right,0px))}
:root[data-miniapp=true] .tabbar{bottom:var(--miniapp-bottom-offset);padding-left:calc(10px + var(--tg-content-left,0px));padding-right:calc(10px + var(--tg-content-right,0px))}
:root[data-miniapp=true][data-route=game] .control-bottom{bottom:var(--miniapp-bottom-offset);padding-left:calc(16px + var(--tg-content-left,0px));padding-right:calc(16px + var(--tg-content-right,0px))}
:root[data-miniapp=true][data-route=game] .app{padding-bottom:0}
:root[data-miniapp=true][data-route=game] #page{padding-bottom:calc(var(--game-actions-height,90px) + var(--miniapp-bottom-offset) + 20px)}
:root[data-miniapp=true] .dialog{margin:auto auto var(--miniapp-bottom-offset)}
:root[data-miniapp=true] .dialog.search-dialog{height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px));max-height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px));border-radius:18px 18px 0 0}
:root[data-miniapp=true] .am-dialog[open]{height:calc(var(--miniapp-height,100dvh) - var(--tg-content-top,0px));margin-top:var(--tg-content-top,0px)}
}