/* M1 soft (26.10.2026, executor D): Vape Zone and Metro Dash pages on phones (these two pages do not get the site layer).
   Visual only; @layer wgfix44 like soft-controls/controls.css so these rules win over it. All rules ≤820 px. */
@layer wgfix44{@media (max-width:820px){
/* one emblem in the game bar, as on Jelly Drop / Flying Pickaxe / Metro Dash (Vape had its own logo + the emblem) */
html.wg-soft-ui body .wg-gamebar>img#logo{display:none!important}
html.wg-soft-ui body .wg-gamebar{gap:6px!important}
html.wg-soft-ui body .wg-gamebar>:is(a,button){min-height:40px!important;min-width:40px!important}
html.wg-soft-ui body .wg-gamebar .soft-brand{min-width:0!important;flex:1 1 auto!important;overflow:hidden!important}
html.wg-soft-ui body .wg-gamebar .soft-brand>span{min-width:0!important;overflow:hidden!important}
html.wg-soft-ui body .wg-gamebar .soft-brand :is(strong,small){display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.wg-soft-ui body .wg-gamebar .soft-brand strong{font-size:10px!important;letter-spacing:0!important}
html.wg-soft-ui body .wg-gamebar .soft-brand small{font-size:12px!important;font-weight:700!important}
/* Vape: balance "Войти через Telegram" ran out of the panel at 360 px */
html.wg-soft-ui body #bar .stat>b#balance{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(11px,3.4vw,15px)!important}
html.wg-soft-ui body #bar .stat{min-width:0!important}

/* Metro Dash menu: «Купить функцию» did not fit (cut to «КУПИТЬ ФУНКЦИК»): two short lines */
html.wg-soft-ui body #menu .soft-menu-tools{gap:6px!important;flex-wrap:nowrap!important}
html.wg-soft-ui body #menu .soft-menu-tools>#shopBtn{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:none!important;width:auto!important;font-size:11px!important;letter-spacing:0!important;line-height:1.1!important;padding:2px 6px!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;min-height:40px!important}
html.wg-soft-ui body #menu .soft-menu-tools>button:not(#shopBtn){flex:0 0 40px!important;width:40px!important;min-height:40px!important}
/* …and the hint «Войди в WIND GAME через Telegram, затем открой игру» was hidden behind the panel buttons: now under the panel */
html.wg-soft-ui body #menu>.bottombar.px{bottom:calc(64px + env(safe-area-inset-bottom,0px))!important}
html.wg-soft-ui body #menu>#menuMsg{transform:none!important;margin:0!important;top:auto!important;bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;left:12px!important;right:12px!important;width:auto!important;text-align:center!important;font-size:12px!important;line-height:1.3!important}
html.wg-soft-ui body #menu>#menuMsg:empty{display:none!important}
html.wg-soft-ui body #betMinus.step,html.wg-soft-ui body #betPlus.step{min-width:38px!important;min-height:36px!important}
}}