/* WIND GAME SOFT · WGP1 (02.11.2026): the only style owner of loader, PlayUI skin, studio lobby and fullscreen of the six PlayUI games. Passport DG1: Arimo, red main action, gold numbers, ≥44 px touch targets. */
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(/demos/assets/fonts/arimo/arimo-latin-400.woff2?v=ft1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Arimo';font-style:normal;font-weight:400;font-display:swap;src:url(/demos/assets/fonts/arimo/arimo-cyrillic-400.woff2?v=ft1) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url(/demos/assets/fonts/arimo/arimo-latin-700.woff2?v=ft1) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Arimo';font-style:normal;font-weight:700;font-display:swap;src:url(/demos/assets/fonts/arimo/arimo-cyrillic-700.woff2?v=ft1) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

html.wgp{--wgp-red:#ed174d;--wgp-red2:#b80f3a;--wgp-gold:#f4d27e;--wgp-ink:#faf3f6;--wgp-muted:#cdbcc4;--wgp-card:#21171f;--wgp-card2:#291923;--wgp-line:#603546;--wgp-bg:#100f14;
  -webkit-text-size-adjust:100%;text-size-adjust:100%}
html.wgp,html.wgp body{overscroll-behavior:none}

/* ---------- loader (the WIND GAME SOFT screen of every studio game) ---------- */
#wgpLoad{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .45s ease;font-family:Arimo,Arial,sans-serif}
#wgpLoad.gone{opacity:0;pointer-events:none}
#wgpLoad .wgp-loader{display:flex;flex-direction:column;align-items:center;width:min(320px,80vw);color:#fff;text-align:center}
#wgpLoad .wgp-emb{width:76px;height:76px;filter:drop-shadow(0 8px 26px #8fe36a33)}
#wgpLoad .wgp-lname{margin-top:18px;font:700 17px/1.2 Arimo,Arial,sans-serif;letter-spacing:.24em;white-space:nowrap}
#wgpLoad .wgp-lname b{color:#e3bd6f}
#wgpLoad .wgp-lgame{margin-top:6px;min-height:16px;font:700 13px/1.2 Arimo,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--wgp-muted)}
#wgpLoad .wgp-lbar{position:relative;width:100%;height:4px;margin-top:20px;border-radius:4px;background:#000;overflow:hidden}
#wgpLoad .wgp-lbar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:4px;background:#000;transition:width .2s linear}
#wgpLoad .wgp-ltext{margin-top:14px;font:400 13px/1.3 Arimo,Arial,sans-serif;color:var(--wgp-muted)}
#wgpLoad .wgp-ltext b{color:#fff;font-weight:700;margin-left:4px}

/* ---------- PlayUI skin: one font, passport colours ---------- */
html.wgp .pu{--acc:var(--wgp-gold);--acc2:#d8a94f;--red:#ff5d6e;font-family:Arimo,Arial,sans-serif;font-weight:400}
html.wgp .pu-bb b,html.wgp .pu-bb i,html.wgp .pu-cash b{font-family:Arimo,Arial,sans-serif;font-weight:700;letter-spacing:.04em}
html.wgp .pu-bb{box-shadow:inset 0 0 0 .16em var(--wgp-gold),0 .35em 1em rgba(0,0,0,.35)}
html.wgp .pu-bb::before{background:linear-gradient(180deg,rgba(244,210,126,.16),rgba(244,210,126,0) 60%)}
html.wgp .pu-bb i{color:#2b1a05;background:var(--wgp-gold)}
html.wgp .pu-bb:hover:not([disabled]){box-shadow:inset 0 0 0 .16em var(--wgp-gold),0 0 1.2em rgba(244,210,126,.35)}
html.wgp .pu-lab b{font-weight:700;color:#fff}
html.wgp .pu-lab small{font-weight:700;letter-spacing:.1em}
html.wgp .pu-mid .pu-lab:first-child b{color:var(--wgp-gold)}
html.wgp .pu-cash{background:linear-gradient(180deg,#ff3b6b,var(--wgp-red2));box-shadow:0 .28em 0 #6d0822,0 .6em 1.3em rgba(237,23,77,.32);color:#fff}
html.wgp .pu-cash:active:not([disabled]){box-shadow:0 .06em 0 #6d0822}
html.wgp .pu-big.pu-labm{background:radial-gradient(circle at 50% 35%,#ff3b6b,var(--wgp-red) 55%,var(--wgp-red2));box-shadow:inset 0 0 0 .2em rgba(255,255,255,.9),0 0 0 .4em rgba(0,0,0,.28),0 .5em 1.4em rgba(237,23,77,.35)}
html.wgp .pu-big.pu-labm .pu-arr{opacity:.18}
html.wgp .pu-lobby{background:#100f14;box-shadow:0 0 0 .14em var(--wgp-line),0 .3em .9em rgba(0,0,0,.45);padding:.55em}
html.wgp .pu-lobby:hover{box-shadow:0 0 0 .14em var(--wgp-gold),0 0 1.1em rgba(244,210,126,.3)}
html.wgp .pu-drawer,html.wgp .pu-box{font-family:Arimo,Arial,sans-serif}
html.wgp .pu-item[data-wgp=main] .pu-ic,html.wgp .pu-item[data-wgp=lobby] .pu-ic,html.wgp .pu-item[data-wgp=repeat] .pu-ic,html.wgp .pu-item[data-wgp=full] .pu-ic{color:var(--wgp-gold)}
html.wgp .pu-hbtn{font-family:Arimo,Arial,sans-serif}

/* top-right fullscreen: same glass round as the PlayUI menu and sound buttons */
html.wgp .wgp-fs{position:absolute;top:calc(.9em + env(safe-area-inset-top,0px));right:calc(.9em + env(safe-area-inset-right,0px));width:3.2em;height:3.2em;border-radius:50%;padding:.78em;
  background:rgba(0,0,0,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 .2em .6em rgba(0,0,0,.3);color:#f2f2f5;transition:transform .08s,background .15s}
html.wgp .wgp-fs:hover{background:rgba(0,0,0,.72)}
html.wgp .wgp-fs:active{transform:scale(.9)}
html.wgp .wgp-fs svg{width:100%;height:100%;display:block}
html.wgp .pu-lobby{left:calc(.9em + env(safe-area-inset-left,0px))}
/* the Telegram shell has its own top bar with fullscreen; keep one control */
html.wgp.wgp-tg .wgp-fs{display:none}
html.wgp.wgp-replay .pu-bar,html.wgp.wgp-replay .wgp-fs{opacity:.35;pointer-events:none}

/* touch: every action ≥ 44 px (passport), even when PlayUI scales down on 320–390 px phones */
@media (pointer:coarse){
  html.wgp .pu-ib,html.wgp .pu-sm,html.wgp .pu-pm,html.wgp .pu-lobby,html.wgp .wgp-fs,html.wgp .pu-x,html.wgp .pu-dh>button,html.wgp .pu-nav{min-width:44px;min-height:44px}
  html.wgp .pu-tabs button,html.wgp .pu-hl>.pu-hr>button,html.wgp .pu-hbtn{min-height:44px}
  html.wgp .pu-item{min-height:48px}
  html.wgp button.pu-lab{min-height:44px}
}

/* replay banner */
#wgpReplay{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:2147483500;max-width:calc(100vw - 140px);padding:9px 16px;border-radius:12px;background:rgba(16,15,20,.9);
  box-shadow:inset 0 0 0 1px var(--wgp-gold);color:var(--wgp-gold);font:700 13px/1.25 Arimo,Arial,sans-serif;letter-spacing:.06em;text-align:center;pointer-events:none}

/* ---------- studio lobby ---------- */
dialog.wgp-lobby{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--wgp-line);border-radius:18px;background:var(--wgp-bg);color:var(--wgp-ink);
  font:400 14px/1.35 Arimo,Arial,sans-serif;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;display:flex;flex-direction:column}
dialog.wgp-lobby:not([open]){display:none}
dialog.wgp-lobby::backdrop{background:rgba(6,4,8,.72)}
.wgp-lobby header{display:flex;align-items:center;gap:12px;padding:14px 14px 10px 18px}
.wgp-lobby header div{flex:1;min-width:0;display:flex;flex-direction:column}
.wgp-lobby header small{font-size:11px;font-weight:700;letter-spacing:.18em;color:#e3bd6f}
.wgp-lobby header strong{font-size:20px;font-weight:700}
.wgp-lobby .wgp-x{width:44px;height:44px;border:0;border-radius:12px;background:var(--wgp-card2);color:#fff;font:400 26px/1 Arimo,Arial,sans-serif;cursor:pointer}
.wgp-search{display:block;padding:0 18px 10px}
.wgp-search input{width:100%;height:44px;padding:0 14px;border:1px solid var(--wgp-line);border-radius:12px;background:var(--wgp-card);color:#fff;font:400 15px Arimo,Arial,sans-serif;box-sizing:border-box}
.wgp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:4px 18px 14px;overflow:auto;-webkit-overflow-scrolling:touch}
.wgp-card{display:flex;flex-direction:column;gap:6px;padding:0 0 10px;border:1px solid var(--wgp-line);border-radius:15px;background:var(--wgp-card);color:inherit;text-align:left;overflow:hidden;cursor:pointer;font:inherit;transition:transform .12s,border-color .12s}
.wgp-card:hover{transform:translateY(-2px);border-color:#8a4b62}
.wgp-card img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#1a1218}
.wgp-card strong{padding:0 10px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wgp-card span{padding:0 10px;font-size:12px;color:var(--wgp-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
.wgp-card b{margin:2px 10px 0;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--wgp-red);color:#fff;font-size:14px;font-weight:700}
.wgp-card.is-here b{background:var(--wgp-card2);color:var(--wgp-gold)}
.wgp-empty{padding:12px 18px;color:var(--wgp-muted)}
.wgp-lobby footer{display:flex;gap:10px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--wgp-line)}
.wgp-link{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--wgp-line);border-radius:12px;background:var(--wgp-card);color:#fff;font:700 14px Arimo,Arial,sans-serif;cursor:pointer}
.wgp-link svg{width:20px;height:20px;color:var(--wgp-gold)}
@media (max-width:520px){.wgp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:4px 12px 12px}.wgp-lobby header{padding:12px 10px 8px 14px}.wgp-search{padding:0 12px 8px}.wgp-lobby footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px))}}
@media (max-height:520px) and (orientation:landscape){.wgp-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.wgp-card img{aspect-ratio:4/3}}

/* PlayUI dialogs: main actions red (passport), active feature gold */
html.wgp .pu-buy,html.wgp .pu-go{background:linear-gradient(180deg,#ff3b6b,var(--wgp-red2));color:#fff;box-shadow:0 .2em 0 #6d0822}
html.wgp .pu-buy.pu-act{background:linear-gradient(180deg,#f8dc8f,#d8a94f);color:#2b1a05;box-shadow:0 .2em 0 #7a5a1c}
/* lobby grid inside a column dialog: rows keep their content height and the grid scrolls */
.wgp-grid{flex:1 1 auto;min-height:0;align-content:start;grid-auto-rows:max-content}
.wgp-card{min-height:max-content}
/* bonus shop: the button fits its card at every scale; one card + peek on phones; base-bet row never wider than the box */
html.wgp .pu-card{min-width:0}
html.wgp .pu-card h3{font-family:Arimo,Arial,sans-serif;font-weight:700}
html.wgp .pu-buy{min-width:0;max-width:100%;width:100%;padding:0 .7em;font-size:1.15em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.wgp .pu-narrow .pu-card{flex-basis:78%}
html.wgp .pu-mm{min-width:0;font-size:1.05em}
html.wgp .pu-box{max-width:calc(100vw - 16px);box-sizing:border-box}
/* history detail: long round ids wrap */
html.wgp .pu-hd>div{min-width:0;overflow-wrap:anywhere}
/* quick games: long labels (СТРОИТЬ, ЗАБРАТЬ) fit the round button */
html.wgp .pu-blab b{font-size:1.2em;letter-spacing:.01em;max-width:5.6em;overflow:hidden;text-overflow:ellipsis}
/* replay banner below the top round buttons on phones */
@media (max-width:640px){#wgpReplay{top:calc(70px + env(safe-area-inset-top,0px));max-width:calc(100vw - 32px)}}
html.wgp .pu-betblk{max-width:100%}
html.wgp .pu-betrow{max-width:100%;gap:clamp(.6em,3vw,2.2em)}
html.wgp .pu-step{min-width:0;flex:0 1 16em}
/* own games with 3D art (not posters): whole object on the card background */
.wgp-card.is-art img{object-fit:contain;padding:10px;box-sizing:border-box;background:radial-gradient(ellipse at 50% 60%,#3a2234,#1a1218 70%)}

/* privacy (Скрыть рубли / Скрыть иксы): display only, the numbers keep updating underneath */
html.wgp-hide-rub .pu-lab b,html.wgp-hide-rub .pu-hv b,html.wgp-hide-rub .pu-hv i,html.wgp-hide-rub .pu-hsum b,html.wgp-hide-rub .pu-cash small,html.wgp-hide-rub .pu-blab small,
html.wgp-hide-rub .pu-ht b,html.wgp-hide-rub [data-wgp-money]{color:transparent!important;text-shadow:none!important;position:relative}
html.wgp-hide-rub .pu-lab b::after,html.wgp-hide-rub .pu-hv b::after,html.wgp-hide-rub .pu-hsum b::after,html.wgp-hide-rub .pu-cash small::after,html.wgp-hide-rub .pu-ht b::after,html.wgp-hide-rub [data-wgp-money]::after{
  content:"•••";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--wgp-gold);letter-spacing:.12em}
html.wgp-hide-rub .pu-ht b::after{justify-content:flex-start}
html.wgp-hide-rub .pu-hv i::after{content:""}
html.wgp-hide-x .pu-mx,html.wgp-hide-x .pu-hd .pu-mxd,html.wgp-hide-x [data-wgp-x]{visibility:hidden!important}
html.wgp-hide-rub .pu-hd,html.wgp-hide-x .pu-hd{filter:none}
html.wgp-hide-rub .pu-hsum>div:first-child b{color:inherit!important}
html.wgp-hide-rub .pu-hsum>div:first-child b::after{content:none}
html.wgp-hide-rub .pu-hsum b::after,html.wgp-hide-rub .pu-hv b::after{justify-content:inherit}