/* WIND GAME FX2 (26.10.2026, исполнитель L): вторая пачка правок визуала владельца. Исходники: fixes2-2026-10-26/src/parts */
@layer wgfix44{
/* --- 11-vape-square.soft.css --- */
/* FX2-11 · Vape Zone: кнопка «во весь экран» — ровный квадрат 40×40 с иконкой по центру, в одну линию с «История»,
   не уходит за правый край (строка игры растянута left:0/right:0 с отступом под вырез экрана, а не 100vw). Все платформы. */
html body .wg-gamebar{left:0!important;right:0!important;width:auto!important;box-sizing:border-box!important;padding-right:max(16px,env(safe-area-inset-right))!important}
html:not(#fx2a):not(#fx2b):not(#fx2c) body .wg-gamebar #vzFullscreen{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  flex:0 0 40px!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;margin:0!important;box-sizing:border-box!important}
html:not(#fx2a):not(#fx2b):not(#fx2c) body .wg-gamebar #vzHistory{height:40px!important;min-height:40px!important;align-self:center!important;box-sizing:border-box!important}

/* --- 12-vape-back.soft.css --- */
/* FX2-12 · Vape Zone: «‹ Игры» не уводил на страницу игр — пока открыт экран загрузки/заставки (#loading/#intro,
   z-index 60, на весь экран), он лежал поверх строки игры (z-index 32) и забирал нажатие («нажмите, чтобы продолжить»).
   Строка игры теперь над заставкой и окнами (z-index 61): «‹ Игры», «История» и «⛶» нажимаются всегда. */
html body .wg-gamebar{z-index:61!important}

/* --- 13-metro.soft.css --- */
/* FX2-13 · Metro Dash: нижняя панель как у остальных игр WIND GAME SOFT (по образцу Vape Zone): одна стеклянная плашка
   20 px, золотая «Купить функцию», квадратные кнопки 40 px, разделители, «Баланс» и «Ставка» подписью сверху,
   стрелки ставки столбиком, красная кнопка «Играть». Только ПК (≥821 px); телефон и Telegram — как сделал M1. */
@media (min-width:821px){
html body #menu.screen .bottombar.px{display:flex!important;align-items:center!important;gap:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(1120px,calc(100% - 32px))!important;height:auto!important;min-height:90px!important;padding:12px 16px!important;box-sizing:border-box!important;
  background:rgba(27,21,30,.92)!important;border:1px solid #6d394b!important;border-radius:20px!important;box-shadow:0 16px 45px rgba(0,0,0,.53)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:none!important}
html body #menu.screen .bottombar.px>*{margin:0!important}
html body #menu.screen .bottombar.px .soft-menu-tools{display:flex!important;align-items:center!important;gap:8px!important;flex:none!important;padding:0 14px 0 0!important;border-right:1px solid rgba(255,255,255,.08)!important;width:auto!important}
html body #menu.screen .bottombar.px #shopBtn{width:94px!important;min-width:94px!important;height:54px!important;padding:0 8px!important;border-radius:12px!important;border:0!important;
  background:linear-gradient(180deg,#ffdf8a,#e0a93e)!important;color:#2a1a08!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px rgba(224,169,62,.25)!important;
  font:800 12.5px/1.15 Arimo,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:normal!important;text-align:center!important;overflow:hidden!important}
html body #menu.screen .bottombar.px .soft-menu-tools .btn:not(#shopBtn){width:40px!important;min-width:40px!important;height:42px!important;padding:0!important;border-radius:12px!important;
  background:#2b202e!important;border:1px solid #613247!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body #menu.screen .bottombar.px .soft-menu-tools .btn:not(#shopBtn):hover{border-color:#8a4560!important;background:#33253a!important}
html body #menu.screen .bottombar.px .cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;padding:0!important}
html body #menu.screen .bottombar.px .soft-menu-tools+.cell{flex:1 1 auto!important}
html body #menu.screen .bottombar.px .cell{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
html body #menu.screen .bottombar.px .cell .lbl{font:600 10px/10px Arimo,Arial,sans-serif!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#b9a8b6!important;text-align:left!important;margin:0!important;position:static!important}
html body #menu.screen .bottombar.px .cell .val{font:800 18px/1.1 Arimo,Arial,sans-serif!important;color:#fff!important;text-align:left!important;margin:0!important;width:auto!important}
html body #menu.screen .bottombar.px .cell+.cell{display:grid!important;grid-template-columns:auto 30px!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:6px!important;align-items:center!important;justify-content:start!important;flex:0 0 auto!important;width:auto!important;padding-right:14px!important;border-right:1px solid rgba(255,255,255,.08)!important}
html body #menu.screen .bottombar.px .cell .stepper{display:contents!important}
html body #menu.screen .bottombar.px .cell .lbl{grid-column:1!important;grid-row:1!important}
html body #menu.screen .bottombar.px #betVal{grid-column:1!important;grid-row:2!important;min-width:64px!important;text-align:right!important}
html body #menu.screen .bottombar.px .cell #betPlus,html body #menu.screen .bottombar.px .cell #betMinus{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-column:2!important;position:static!important;width:30px!important;height:25px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:rgba(255,255,255,.07)!important;display:grid!important;place-items:center!important;transform:none!important}
html body #menu.screen .bottombar.px .cell #betPlus{grid-row:1!important}
html body #menu.screen .bottombar.px .cell #betMinus{grid-row:2!important}
html body #menu.screen .bottombar.px #betPlus:hover,html body #menu.screen .bottombar.px #betMinus:hover{background:rgba(255,255,255,.14)!important}
html body #menu.screen .bottombar.px #betPlus svg,html body #menu.screen .bottombar.px #betMinus svg{width:16px!important;height:16px!important}
html body #menu.screen .bottombar.px .playArea{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;flex:none!important;width:auto!important}
html body #menu.screen .bottombar.px #playBtn{width:auto!important;min-width:190px!important;height:56px!important;padding:0 30px!important;border-radius:999px!important;border:2px solid #ff7691!important;
  background:linear-gradient(140deg,#ff4b72,#d9093d)!important;box-shadow:0 0 22px rgba(232,34,75,.3)!important;color:#fff!important;font:800 17px/1 Arimo,Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body #menu.screen .bottombar.px #playBtn:hover{filter:brightness(1.08)!important}
html body #menu.screen .bottombar.px .playCost{font:600 10px/1.2 Arimo,Arial,sans-serif!important;color:#b9a8b6!important;letter-spacing:.02em!important;width:auto!important}
}
}
@layer wg-polish26{
/* --- 11-vape-square.soft.css --- */
/* FX2-11 · Vape Zone: кнопка «во весь экран» — ровный квадрат 40×40 с иконкой по центру, в одну линию с «История»,
   не уходит за правый край (строка игры растянута left:0/right:0 с отступом под вырез экрана, а не 100vw). Все платформы. */
html body .wg-gamebar{left:0!important;right:0!important;width:auto!important;box-sizing:border-box!important;padding-right:max(16px,env(safe-area-inset-right))!important}
html:not(#fx2a):not(#fx2b):not(#fx2c) body .wg-gamebar #vzFullscreen{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;
  flex:0 0 40px!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;margin:0!important;box-sizing:border-box!important}
html:not(#fx2a):not(#fx2b):not(#fx2c) body .wg-gamebar #vzHistory{height:40px!important;min-height:40px!important;align-self:center!important;box-sizing:border-box!important}

/* --- 12-vape-back.soft.css --- */
/* FX2-12 · Vape Zone: «‹ Игры» не уводил на страницу игр — пока открыт экран загрузки/заставки (#loading/#intro,
   z-index 60, на весь экран), он лежал поверх строки игры (z-index 32) и забирал нажатие («нажмите, чтобы продолжить»).
   Строка игры теперь над заставкой и окнами (z-index 61): «‹ Игры», «История» и «⛶» нажимаются всегда. */
html body .wg-gamebar{z-index:61!important}

/* --- 13-metro.soft.css --- */
/* FX2-13 · Metro Dash: нижняя панель как у остальных игр WIND GAME SOFT (по образцу Vape Zone): одна стеклянная плашка
   20 px, золотая «Купить функцию», квадратные кнопки 40 px, разделители, «Баланс» и «Ставка» подписью сверху,
   стрелки ставки столбиком, красная кнопка «Играть». Только ПК (≥821 px); телефон и Telegram — как сделал M1. */
@media (min-width:821px){
html body #menu.screen .bottombar.px{display:flex!important;align-items:center!important;gap:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:min(1120px,calc(100% - 32px))!important;height:auto!important;min-height:90px!important;padding:12px 16px!important;box-sizing:border-box!important;
  background:rgba(27,21,30,.92)!important;border:1px solid #6d394b!important;border-radius:20px!important;box-shadow:0 16px 45px rgba(0,0,0,.53)!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:none!important}
html body #menu.screen .bottombar.px>*{margin:0!important}
html body #menu.screen .bottombar.px .soft-menu-tools{display:flex!important;align-items:center!important;gap:8px!important;flex:none!important;padding:0 14px 0 0!important;border-right:1px solid rgba(255,255,255,.08)!important;width:auto!important}
html body #menu.screen .bottombar.px #shopBtn{width:94px!important;min-width:94px!important;height:54px!important;padding:0 8px!important;border-radius:12px!important;border:0!important;
  background:linear-gradient(180deg,#ffdf8a,#e0a93e)!important;color:#2a1a08!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px rgba(224,169,62,.25)!important;
  font:800 12.5px/1.15 Arimo,Arial,sans-serif!important;text-transform:uppercase!important;letter-spacing:.01em!important;white-space:normal!important;text-align:center!important;overflow:hidden!important}
html body #menu.screen .bottombar.px .soft-menu-tools .btn:not(#shopBtn){width:40px!important;min-width:40px!important;height:42px!important;padding:0!important;border-radius:12px!important;
  background:#2b202e!important;border:1px solid #613247!important;box-shadow:none!important;display:grid!important;place-items:center!important}
html body #menu.screen .bottombar.px .soft-menu-tools .btn:not(#shopBtn):hover{border-color:#8a4560!important;background:#33253a!important}
html body #menu.screen .bottombar.px .cell{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:6px!important;width:auto!important;min-width:0!important;padding:0!important}
html body #menu.screen .bottombar.px .soft-menu-tools+.cell{flex:1 1 auto!important}
html body #menu.screen .bottombar.px .cell{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:none!important;border:0!important;box-shadow:none!important;min-height:0!important}
html body #menu.screen .bottombar.px .cell .lbl{font:600 10px/10px Arimo,Arial,sans-serif!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#b9a8b6!important;text-align:left!important;margin:0!important;position:static!important}
html body #menu.screen .bottombar.px .cell .val{font:800 18px/1.1 Arimo,Arial,sans-serif!important;color:#fff!important;text-align:left!important;margin:0!important;width:auto!important}
html body #menu.screen .bottombar.px .cell+.cell{display:grid!important;grid-template-columns:auto 30px!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:6px!important;align-items:center!important;justify-content:start!important;flex:0 0 auto!important;width:auto!important;padding-right:14px!important;border-right:1px solid rgba(255,255,255,.08)!important}
html body #menu.screen .bottombar.px .cell .stepper{display:contents!important}
html body #menu.screen .bottombar.px .cell .lbl{grid-column:1!important;grid-row:1!important}
html body #menu.screen .bottombar.px #betVal{grid-column:1!important;grid-row:2!important;min-width:64px!important;text-align:right!important}
html body #menu.screen .bottombar.px .cell #betPlus,html body #menu.screen .bottombar.px .cell #betMinus{left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;grid-column:2!important;position:static!important;width:30px!important;height:25px!important;padding:0!important;margin:0!important;border:0!important;border-radius:6px!important;background:rgba(255,255,255,.07)!important;display:grid!important;place-items:center!important;transform:none!important}
html body #menu.screen .bottombar.px .cell #betPlus{grid-row:1!important}
html body #menu.screen .bottombar.px .cell #betMinus{grid-row:2!important}
html body #menu.screen .bottombar.px #betPlus:hover,html body #menu.screen .bottombar.px #betMinus:hover{background:rgba(255,255,255,.14)!important}
html body #menu.screen .bottombar.px #betPlus svg,html body #menu.screen .bottombar.px #betMinus svg{width:16px!important;height:16px!important}
html body #menu.screen .bottombar.px .playArea{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;flex:none!important;width:auto!important}
html body #menu.screen .bottombar.px #playBtn{width:auto!important;min-width:190px!important;height:56px!important;padding:0 30px!important;border-radius:999px!important;border:2px solid #ff7691!important;
  background:linear-gradient(140deg,#ff4b72,#d9093d)!important;box-shadow:0 0 22px rgba(232,34,75,.3)!important;color:#fff!important;font:800 17px/1 Arimo,Arial,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body #menu.screen .bottombar.px #playBtn:hover{filter:brightness(1.08)!important}
html body #menu.screen .bottombar.px .playCost{font:600 10px/1.2 Arimo,Arial,sans-serif!important;color:#b9a8b6!important;letter-spacing:.02em!important;width:auto!important}
}
}
