/* M1 (26.10.2026) · WIND GAME mobile pass (executor D): visual only, no stakes/payouts/balance logic.
   Every rule is inside @media (max-width:820px); @layer wg-polish26 like C3/VG1. Source: /root/projects/wind-game/mobile-2026-10-26/src */
@layer wg-polish26{@media (max-width:820px){
/* --- m1a --- */
/* m1a · games on phones: header row, chat/quick-actions button, stake bar, status pill, wheel/keno/coinflip/roulette/duel */

/* header: the "+" and sound wrappers were 26 px wide around 34 px buttons, so at 360 px icons overlapped each other */
html body #wg-header-controls#wg-header-controls>span.dp-top.dp-top,html body #wg-header-controls#wg-header-controls>div.wg-snd.wg-snd{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important}
html body .wgt-header #wg-header-controls{min-width:0!important}
/* one header on every game: no leftover legacy marks (Duel "W · —" balance, Rocket "live" dot) — the wallet chip shows the balance */
html body.p26-game .wgt-header>strong.balance#balance,html body.p26-game .wgt-header .topbar-right{display:none!important}
@media (max-width:374px){
  html body #wg-header-controls#wg-header-controls{gap:2px!important}
  html body #wg-header-controls#wg-header-controls>a.mp-wallet-chip{min-width:0!important;padding-left:4px!important;padding-right:6px!important}
}

/* stake bar on Duel / Rocket / Plinko: on a phone it sat at the very end of the page (below fairness), so a bet needed a long
   scroll; now it is pinned to the bottom of the screen (the page already reserves room for it) */
html body.p20-game .sbar.sbar-fixed{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  width:auto!important;max-width:none!important;margin:0!important;z-index:70!important;border-radius:16px 16px 0 0!important;
  padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -10px 30px rgba(0,0,0,.45)!important}
/* stake bar layout: [− stake +][Play] on top, the quick chips on their own full-width row (were cut: "10K" half hidden under Play) */
html body.p20-game .sbar.sbar-fixed .sbar-grid{grid-template-areas:"main play" "quick quick" "err err"!important;grid-template-columns:minmax(0,1fr) minmax(112px,40%)!important;gap:6px 8px!important;align-items:stretch!important}
html body.p20-game .sbar.sbar-fixed .sbar-grid>.sbar-left{display:contents!important}
html body.p20-game .sbar.sbar-fixed .sbar-main{grid-area:main!important}
html body.p20-game .sbar.sbar-fixed .sbar-quick{grid-area:quick!important;display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important}
html body.p20-game .sbar.sbar-fixed .sbar-quick::-webkit-scrollbar{display:none}
html body.p20-game .sbar.sbar-fixed .sbar-grid>.sbar-play{grid-area:play!important}
html body.p20-game .sbar.sbar-fixed .sbar-quick>.sbar-chip{flex:1 0 auto!important;min-height:38px!important;min-width:46px!important}
html body.p20-game .sbar.sbar-fixed .sbar-go{min-height:46px!important;height:100%!important}
/* the quick-actions button (•••) no longer covers the stake bar / play button */
html body.m1-sbar #p43-utilities{bottom:calc(var(--m1-sbar-h,110px) + 10px)!important}
html body.m1-sbar{padding-bottom:calc(var(--m1-sbar-h,110px) + 16px)!important}

/* live status pill (Keno, Coinflip, Wheel, Roulette): it floated in the middle of the screen over cards; now bottom-left,
   in the same row as the ••• button, never under it */
html body .lrk-mini{left:12px!important;right:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;top:auto!important;
  transform:none!important;max-width:calc(100vw - 90px)!important}
html body.m1-sbar .lrk-mini{bottom:calc(var(--m1-sbar-h,110px) + 12px)!important}

/* end of every game page: room so the last card and the footer are not hidden under the ••• button */
html body.p26-game:not(.m1-sbar) main{padding-bottom:72px!important}

/* Wheel of multipliers (owner №10): on a phone the wheel was clipped at the bottom (348 px canvas in a 304 px box) */
html body.g3p-wheel .lrk-stage>#lrk-scene{height:min(74vw,300px)!important;min-height:0!important;overflow:visible!important;margin:6px 0!important}
html body.g3p-wheel .lrk-stage>#lrk-scene>canvas.lrk-wheel-canvas{width:min(74vw,300px)!important;height:min(74vw,300px)!important;max-width:100%!important;max-height:100%!important;justify-self:center!important}

/* small buttons → finger size */
html body .wgf-rules-btn{min-height:40px!important}
html body.p26-game button#clear.ghost,html body.p26-game button#refresh.quiet,html body .rk-refresh{min-height:40px!important}
html body .lrk-chip{min-height:40px!important}
html body nav.wg44-tabs>a{min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
/* one header on every page on phones: ☰ + the same controls; no stray brand marks (desktop brand from C3a stays ≥821 px) */
html body header.wgt-header>a.c3-brand,html body header.wgt-header>a.brand{display:none!important}

/* disabled main button of live games ("Ставки закрыты · новый раунд через N с"): text was dark-on-dark, now readable */
html body.p26-game button#play.play:disabled{opacity:1!important;color:rgba(236,231,244,.62)!important;background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important;text-shadow:none!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}
html[data-theme="light"] body.p26-game button#play.play:disabled{color:rgba(30,26,38,.55)!important;background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.10)!important}

/* Roulette: the bet table scrolls sideways on a phone; a soft right edge shows there is more (gone at the end) */
html body .lrk-rtable-scroll{-webkit-mask-image:linear-gradient(90deg,#000 82%,rgba(0,0,0,.25));mask-image:linear-gradient(90deg,#000 82%,rgba(0,0,0,.25));overscroll-behavior-x:contain}
html body .lrk-rtable-scroll.m1-end{-webkit-mask-image:none;mask-image:none}
/* light theme: quick stake chips were white text on a white bar */
html[data-theme="light"] body.p20-game .sbar.sbar-fixed .sbar-quick>.sbar-chip:not([aria-pressed="true"]){color:#2a2530!important;background:#fff!important;border-color:rgba(20,16,28,.14)!important}
html[data-theme="light"] body.p20-game .sbar.sbar-fixed .sbar-quick>.sbar-chip.sbar-chip-max:not([aria-pressed="true"]){color:#b07a00!important}

/* --- m1c --- */
/* m1c · pages on phones: Cases (cut titles), Top (share window), Community chat input */

/* Кейсы номеров: long case names ("СНГ: РФ, Беларусь, Казахстан, Узбекистан") were cut at the card edge */
html body .pzk-card{min-width:0!important}
html body .pzk-card .pzk-card-info{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
html body .pzk-card .pzk-card-info>b{display:block!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important;line-height:1.25!important}

/* Топ проекта → «Поделиться рейтингом»: four buttons of different width in two ragged rows → an even 2×2 grid, finger size */
html body .wind-share-dialog .ws-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
html body .wind-share-dialog .ws-actions>button{width:100%!important;min-height:44px!important;margin:0!important;padding:8px 10px!important;white-space:normal!important;line-height:1.2!important}

/* --- m1e --- */
/* m1e · owner's decision 26.10: phone header = ☰ menu + 🔔 + balance chip only (40 px, one even row).
   «Пополнить», theme, language and sound moved into the ☰ menu (block .m1-quick on top); Telegram chip removed on phones */
html body #wg-header-controls#wg-header-controls>:is(span.dp-top,a.tgp-go,div.wg-snd,button.wgt-theme,button.mp-theme-toggle,a.mp-lang,a.p23-deposit-quick,a.p23-payments-quick,a.mp-account-link){display:none!important}
html body #wg-header-controls#wg-header-controls{gap:8px!important;justify-content:flex-end!important;align-items:center!important}
html body #wg-header-controls#wg-header-controls>button.pe-btn.pe-bell{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
html body #wg-header-controls#wg-header-controls>a.mp-wallet-chip.wg-account-combined{height:40px!important;min-height:40px!important;width:auto!important;min-width:100px!important;max-width:170px!important;flex:0 0 auto!important;padding:4px 12px 4px 46px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;box-sizing:border-box!important}
html body #wg-header-controls#wg-header-controls>a.mp-wallet-chip.wg-account-combined::before{position:absolute!important;left:5px!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important}
html body :is(button.wg-shell-toggle,button#menu-toggle.mp-menu-toggle){width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}

/* ☰ menu: quick block (deposit first, then theme / language / sound) */
html body nav .m1-quick.m1-quick{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:4px 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
html body nav .m1-quick.m1-quick[hidden]{display:none!important}
html body nav .m1-quick.m1-quick>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:44px!important;margin:0!important;padding:6px 8px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.05)!important;color:#efeaf5!important;font:700 13px/1.15 var(--wg-font-ui,Arimo,Arial,sans-serif)!important;cursor:pointer!important;text-align:center!important}
html body nav .m1-quick.m1-quick>button.m1-dep{grid-column:1/-1!important;min-height:48px!important;font-size:15px!important;color:#2a1a00!important;border-color:transparent!important;background:linear-gradient(180deg,#ffd76a,#f0b232)!important;box-shadow:0 6px 18px rgba(240,178,50,.25)!important}
html body nav .m1-quick.m1-quick>button>i{font-style:normal!important;font-size:16px!important;line-height:1!important}
html[data-theme="light"] body .m1-quick{border-bottom-color:rgba(0,0,0,.10)!important}
html[data-theme="light"] body .m1-quick>button:not(.m1-dep){background:#fff!important;color:#221d29!important;border-color:rgba(20,16,28,.14)!important}
html body nav .m1-quick.m1-quick>button>i{background:none!important;border:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;display:inline-block!important;color:inherit!important;position:static!important}
html body nav .m1-quick.m1-quick>button::before,html body nav .m1-quick.m1-quick>button::after{content:none!important;display:none!important}
html body nav .m1-quick.m1-quick>button>span{white-space:normal!important;color:inherit!important}
html body button#menu-toggle.mp-menu-toggle{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0!important}
html body button#menu-toggle.mp-menu-toggle>span{margin:0!important;position:static!important;transform:none!important}
html body button#menu-toggle#menu-toggle.mp-menu-toggle{align-content:center!important;justify-content:center!important;justify-items:center!important;row-gap:4px!important;grid-auto-rows:2px!important;grid-template-rows:none!important}

}}
/* --- m1b --- */
@layer wgfix44{@media (max-width:820px){

/* m1b · WIND GAME SOFT on the site (Jelly Drop, Flying Pickaxe pages): one screen without page scroll, one header row with
   the same emblem on both games, the chat button no longer covers ⛶, finger-size buttons, Jelly fullscreen panel in place */

/* one screen: the game box already fills the viewport; the bottom spacers added ~200 px of empty page below it */
html body.jd-page .wg-shell-bar-space,html body.fp-page .wg-shell-bar-space,html body.jd-page .wg-help-spacer,html body.fp-page .wg-help-spacer{display:none!important}
html body.jd-page>.shell,html body.fp-page>.shell{min-height:0!important}
html body.jd-page>.shell>main,html body.fp-page>.shell>main{padding-bottom:0!important;min-height:0!important}
html body:is(.jd-page,.fp-page) #wind-provider.wp-shell:not(:fullscreen):not(.wp-expanded){height:calc(100dvh - 88px)!important;min-height:520px!important;max-height:none!important;margin-bottom:0!important}

/* header row: [‹ Лобби] [emblem WIND GAME SOFT / game] … [✦][history][⛶]  (chat button keeps its own corner) */
html body:is(.jd-page,.fp-page) #wind-provider .wp-header{padding-right:48px!important;box-sizing:border-box!important;gap:6px!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand{display:flex!important;align-items:center!important;gap:6px!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand>img{display:block!important;width:26px!important;height:26px!important;flex:0 0 26px!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand>span{min-width:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand :is(strong,small){display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand strong{font-size:10px!important;letter-spacing:0!important;line-height:1.2!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-brand small{font-size:12px!important;font-weight:700!important;line-height:1.25!important}
/* "‹ Лобби" → "‹" (40 px) on a phone, so the game name fits next to the emblem */
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .soft-games-link{font-size:0!important;width:40px!important;padding:0!important;flex:0 0 40px!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .soft-games-link::before{content:"‹"!important;font-size:24px!important;line-height:1!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header :is(.soft-games-link,.wp-actions>button){min-height:40px!important;height:40px!important;min-width:40px!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-header .wp-actions{flex:0 0 auto!important;gap:4px!important}
html body:is(.jd-page,.fp-page) #wind-provider>aside.wp34-chat{top:10px!important;right:6px!important}
html body:is(.jd-page,.fp-page) #wind-provider>aside.wp34-chat>button{min-width:40px!important;min-height:40px!important}

/* panel: finger-size controls (stake arrows, auto, turbo were 30–32 px) */
html body:is(.jd-page,.fp-page) #wind-provider .wp-console .wp-stake-field button{min-width:36px!important;min-height:34px!important}
html body:is(.jd-page,.fp-page) #wind-provider .wp-console .wp-run>button.wp-auto,html body:is(.jd-page,.fp-page) #wind-provider .wp-console .wp-run>button:not(.wp-spin){min-width:40px!important;min-height:40px!important}

/* Jelly Drop fullscreen: the panel jumped to the top over the header (same bug Flying Pickaxe had, fixed there by softmath-pick) */
html body[data-provider="jelly"] #wind-provider.wp-shell:is(:fullscreen,.wp-expanded) .wp-playfield{position:absolute!important;inset:0!important;height:auto!important}
html body[data-provider="jelly"] #wind-provider.wp-shell:is(:fullscreen,.wp-expanded) .wp-console{position:absolute!important;top:auto!important;margin:0!important;width:auto!important;box-sizing:border-box!important;bottom:calc(30px + env(safe-area-inset-bottom,0px))!important}
html body[data-provider="jelly"] #wind-provider.wp-shell:is(:fullscreen,.wp-expanded) .wp-status{position:absolute!important;top:auto!important;left:20px!important;right:20px!important;margin:0!important;width:auto!important;bottom:calc(6px + env(safe-area-inset-bottom,0px))!important}
html body[data-provider="jelly"] #wind-provider.wp-shell:is(:fullscreen,.wp-expanded) .wp-header{padding-top:env(safe-area-inset-top,0px)!important}
html body[data-provider="jelly"] #wind-provider.wp-shell:is(:fullscreen,.wp-expanded) .wp-playfield>#wrap{position:absolute!important;inset:0!important;z-index:1!important;width:auto!important;height:auto!important}

}}