/* /assets/design6.css */
/* WIND GAME design6 (2026-10-21): deeper moving menu wave, clean catalogue tabs, clean icon backdrops, new icons sizes. Generated by kit/tools/assemble.sh */
:root{--d6-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0L60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100L0 100Z'/%3E%3C/svg%3E");--d6-notch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0L84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100L0 100Z'/%3E%3C/svg%3E");--d6-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23111013' stroke-opacity='.55' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ff4d6d' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ff4d6d' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23fbf4f5' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23111013' stroke-opacity='.55' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ff4d6d' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ff4d6d' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23fbf4f5' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-pulse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' pathLength='100' fill='none' stroke='%23ffb3c1' stroke-opacity='.6' stroke-width='12' stroke-linecap='round' stroke-dasharray='10 90' vector-effect='non-scaling-stroke'%3E%3Canimate attributeName='stroke-dashoffset' values='100;-14;-14' keyTimes='0;.6;1' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' pathLength='100' fill='none' stroke='%23fbf4f5' stroke-width='3' stroke-linecap='round' stroke-dasharray='10 90' vector-effect='non-scaling-stroke'%3E%3Canimate attributeName='stroke-dashoffset' values='100;-14;-14' keyTimes='0;.6;1' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}
html[data-theme="light"]{--d6-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%239f1239' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%239f1239' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%235c0b1e' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%239f1239' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%239f1239' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%235c0b1e' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
/* ---------- 1. side menu wave (desktop, expanded menu, main pages only; game pages keep sv5) ----------
   Mask = column rectangle ∪ (fixed notch for the collapse button ∩ moving wave strip). The wave strip moves
   with --d6-wy (set by wave-flow.js wf2 while scrolling, repeat-y, period = menu height). The static notch
   contour is drawn in the menu background, the moving contour + light pulse in ::before (84 px strip only). */
@media (min-width:781px){
  @supports ((mask-composite:intersect) and (mask-image:none)){
    html:not(.wg-nav-collapsed) body .mp-sidebar.mp-sidebar.mp-sidebar{
      -webkit-mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--d6-notch) 100% 0/84px 100% no-repeat,var(--d6-wave) 100% var(--d6-wy,0px)/84px 100% repeat-y!important;
      -webkit-mask-composite:source-over,source-in,source-over!important;
      mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--d6-notch) 100% 0/84px 100% no-repeat,var(--d6-wave) 100% var(--d6-wy,0px)/84px 100% repeat-y!important;
      mask-composite:add,intersect,add!important;
      --sv-edge-now:var(--d6-edge-n)}
    html:not(.wg-nav-collapsed) body .mp-sidebar.mp-sidebar.mp-sidebar::before{
      background:var(--d6-pulse) 0 var(--d6-wy,0px)/100% 100% repeat-y,var(--d6-edge) 0 var(--d6-wy,0px)/100% 100% repeat-y!important}
    html[data-theme="light"]:not(.wg-nav-collapsed) body .mp-sidebar.mp-sidebar.mp-sidebar::before{
      background:var(--d6-edge) 0 var(--d6-wy,0px)/100% 100% repeat-y!important}
  }
}
@media (min-width:781px) and (prefers-reduced-motion:reduce){
  @supports ((mask-composite:intersect) and (mask-image:none)){
    html:not(.wg-nav-collapsed) body .mp-sidebar.mp-sidebar.mp-sidebar::before{display:block!important;background:var(--d6-edge) 0 0/100% 100% no-repeat!important}
  }
}
/* light theme: the menu reads clearer against the pale page */
html[data-theme="light"] body .mp-sidebar.mp-sidebar{box-shadow:inset 3px 0 #ffffffc0,inset 0 1px #fff,inset -18px 0 26px -14px #1f9a5a40!important}

/* ---------- 2. catalogue tabs: one clean glass bar, glass chips with a coloured icon badge ---------- */
.wg-cat-tabs{padding:6px!important;margin:0 0 18px!important;border:1px solid color-mix(in srgb,var(--wg-accent-pale) 12.2%,transparent)!important;border-radius:20px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--wg-s2) 94.9%,transparent),color-mix(in srgb,var(--wg-s1) 94.1%,transparent))!important;box-shadow:inset 0 1px #ffffff14,0 12px 28px -14px #000c!important;
  backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3)}
html[data-theme="light"] .wg-cat-tabs{border-color:var(--wg-pale-2)!important;background:linear-gradient(180deg,#fffffff2,color-mix(in srgb,var(--wg-pale) 92.2%,transparent))!important;box-shadow:inset 0 1px #fff,0 10px 24px -16px color-mix(in srgb,var(--wg-s5) 34.9%,transparent)!important}
.wg-cat-tabs-row{gap:6px!important;padding:4px!important}
.wg-cat-tab{--t:var(--wg-accent-hi);gap:8px!important;min-height:38px!important;padding:5px 12px 5px 6px!important;border:1px solid #ffffff14!important;
  background:linear-gradient(180deg,#ffffff0f,#ffffff05)!important;color:var(--wg-text-tint)!important;box-shadow:inset 0 1px #ffffff12!important;
  transition:background .18s,border-color .18s,color .18s,transform .18s!important}
.wg-cat-tab[data-tab="all"]{padding-left:12px!important}
.wg-cat-tab[data-tab="hot"]{--t:#ff8a3d}.wg-cat-tab[data-tab="shared"]{--t:var(--wg-accent-hi)}.wg-cat-tab[data-tab="solo"]{--t:var(--wg-accent-hi)}
.wg-cat-tab[data-tab="pvp"]{--t:#ff5f86}.wg-cat-tab[data-tab="plates"]{--t:#ffc94a}.wg-cat-tab[data-tab="cards"]{--t:var(--wg-accent)}.wg-cat-tab[data-tab="wheels"]{--t:#ffb84a}
.wg-cat-ico{width:26px!important;height:26px!important;place-items:center;border-radius:50%;color:#fff;
  background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--t) 55%,#fff),var(--t) 55%,color-mix(in srgb,var(--t) 60%,#000));
  box-shadow:inset 0 1px #ffffff80,inset 0 -2px 3px #0000004d,0 2px 6px -1px color-mix(in srgb,var(--t) 70%,transparent)}
.wg-cat-ico svg{width:15px!important;height:15px!important;filter:drop-shadow(0 1px 1px #0006)}
.wg-cat-tab[data-tab="hot"] .wg-cat-ico svg path{fill:#fff}
.wg-cat-count{background:#ffffff14!important;color:var(--wg-text-tint)!important}
@media(hover:hover){.wg-cat-tab:not(.is-active):hover{border-color:color-mix(in srgb,var(--t) 70%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--t) 16%,transparent),#ffffff05)!important;color:#fff!important}}
.wg-cat-tab.is-active{border-color:transparent!important;color:#fff!important;
  background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent) 60%,var(--wg-accent-lo))!important;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px 4px color-mix(in srgb,var(--wg-accent-deep) 25.1%,transparent),0 3px 10px -4px var(--wg-accent)!important}
.wg-cat-tab.is-active .wg-cat-ico{box-shadow:inset 0 1px #ffffff99,0 0 0 2px #ffffffa6}
.wg-cat-tab.is-active .wg-cat-count{background:color-mix(in srgb,var(--wg-s1) 14.1%,transparent)!important;color:var(--wg-s1)!important}
html[data-theme="light"] .wg-cat-tab{border-color:var(--wg-pale-2)!important;background:linear-gradient(180deg,#fff,var(--wg-pale))!important;color:var(--wg-s3)!important;box-shadow:inset 0 1px #fff,0 1px 2px color-mix(in srgb,var(--wg-s4) 7.8%,transparent)!important}
html[data-theme="light"] .wg-cat-count{background:color-mix(in srgb,var(--wg-s3) 5.9%,transparent)!important;color:var(--wg-accent-lo)!important}
@media(hover:hover){html[data-theme="light"] .wg-cat-tab:not(.is-active):hover{border-color:color-mix(in srgb,var(--t) 70%,#fff)!important;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--t) 10%,#fff))!important;color:var(--wg-s2)!important}}
html[data-theme="light"] .wg-cat-tab.is-active{border-color:transparent!important;color:#fff!important;background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent) 60%,var(--wg-accent))!important}
@media(max-width:580px){.wg-cat-tabs{padding:4px!important;border-radius:16px!important}.wg-cat-tab{min-height:34px!important;padding:4px 10px 4px 5px!important}.wg-cat-ico{width:22px!important;height:22px!important}.wg-cat-ico svg{width:13px!important;height:13px!important}}

/* ---------- 3. card icon backdrops: one clean gradient stage, soft glow only behind the icon ---------- */
body[data-page="games"] .mp-game .mp-card-visual{background:
    radial-gradient(46% 62% at 50% 58%,color-mix(in srgb,var(--cg-glow) 26%,transparent),transparent 74%),
    radial-gradient(120% 90% at 50% 0%,var(--wg-s5) 0%,transparent 60%),
    linear-gradient(180deg,var(--wg-s4),var(--wg-s2) 70%,var(--wg-s2))!important;
  box-shadow:inset 0 1px #ffffff1a,inset 0 -1px 0 color-mix(in srgb,var(--cg-glow) 50%,transparent)!important}
body[data-page="games"] .mp-game .mp-card-visual::before{background:linear-gradient(180deg,#ffffff12,transparent 38%)!important}
html[data-theme="light"] body[data-page="games"] .mp-game .mp-card-visual{background:
    radial-gradient(46% 62% at 50% 58%,color-mix(in srgb,var(--cg-glow) 42%,transparent),transparent 74%),
    radial-gradient(120% 90% at 50% 0%,#ffffffb3 0%,transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--cg-glow) 16%,var(--wg-pale)),color-mix(in srgb,var(--cg-glow) 30%,var(--wg-pale-2)))!important;
  box-shadow:inset 0 1px #fff,inset 0 -1px 0 color-mix(in srgb,var(--cg-glow) 45%,#fff)!important}
html[data-theme="light"] body[data-page="games"] .mp-game .mp-card-visual::before{background:none!important}
html[data-theme="light"] body[data-page="games"] .mp-game .mp-card-visual .mp-cutout{filter:drop-shadow(0 8px 8px color-mix(in srgb,var(--wg-s2) 25.1%,transparent))}

/* ---------- 4. new 3D icons for Номера, Кейсы номеров, Колесо, Рулетка (size/position) ---------- */
body[data-page="games"] :is(.mp-game-plates,.mp-game-plates-cases,.mp-game-roulette,.mp-game-roulette-w) .mp-card-visual.wg-object-art .mp-cutout{
  top:calc(50% - 7px);height:calc(100% - 26px);width:calc(100% - 24px);max-width:calc(100% - 24px);object-fit:contain;filter:drop-shadow(0 10px 9px #0009)}
html[data-theme="light"] body[data-page="games"] :is(.mp-game-plates,.mp-game-plates-cases,.mp-game-roulette,.mp-game-roulette-w) .mp-card-visual.wg-object-art .mp-cutout{filter:drop-shadow(0 8px 8px color-mix(in srgb,var(--wg-s2) 34.9%,transparent))}
body[data-page="games"] :is(.mp-game-plates,.mp-game-plates-cases) .mp-card-visual.wg-object-art .wg-cover-zero{z-index:2}
body[data-page="games"] #all-games :is(.mp-game-plates,.mp-game-plates-cases,.mp-game-roulette,.mp-game-roulette-w) .mp-card-visual .mp-cutout{top:calc(50% - 5px);height:80px!important;width:auto!important;max-width:84%}
@media (max-width:720px){body[data-page="games"] #all-games :is(.mp-game-plates,.mp-game-plates-cases,.mp-game-roulette,.mp-game-roulette-w) .mp-card-visual .mp-cutout{top:calc(50% - 4px);height:70px!important}}

/* ======================= d6b (owner: «фон остался прежний на лого, на секциях и за секциями») ======================= */
/* 5. page background (catalogue page): deep mesh of coloured glows + a fine grid, on a fixed layer (composited, no repaint on scroll) */
body[data-page="games"].mp-body{background:var(--wg-s0)!important}
body[data-page="games"].mp-body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(60% 50% at 88% 6%,color-mix(in srgb,var(--wg-accent-lo) 30.2%,transparent),transparent 70%),
    radial-gradient(50% 45% at 38% 46%,color-mix(in srgb,var(--wg-accent) 14.9%,transparent),transparent 70%),
    radial-gradient(55% 50% at 96% 78%,color-mix(in srgb,var(--wg-accent-deep) 18%,transparent),transparent 70%),
    radial-gradient(45% 40% at 22% 100%,color-mix(in srgb,var(--wg-accent) 14.9%,transparent),transparent 70%),
    linear-gradient(#ffffff08 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(180deg,var(--wg-s2),var(--wg-s0) 55%,var(--wg-s1))}
html[data-theme="light"] body[data-page="games"].mp-body{background:var(--wg-pale)!important}
html[data-theme="light"] body[data-page="games"].mp-body::before{background:
    radial-gradient(60% 50% at 88% 6%,color-mix(in srgb,var(--wg-accent) 40%,transparent),transparent 70%),
    radial-gradient(50% 45% at 38% 46%,color-mix(in srgb,var(--wg-accent) 34.9%,transparent),transparent 70%),
    radial-gradient(55% 50% at 96% 78%,color-mix(in srgb,var(--wg-accent) 40%,transparent),transparent 70%),
    radial-gradient(45% 40% at 22% 100%,#ffe3a64d,transparent 70%),
    linear-gradient(color-mix(in srgb,var(--wg-s3) 5.1%,transparent) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,color-mix(in srgb,var(--wg-s3) 5.1%,transparent) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(180deg,var(--wg-pale),var(--wg-pale) 60%,var(--wg-pale))}

/* 6. catalogue sections: glass panels, each with its own hue */
body[data-page="games"] #all-games{gap:18px!important}
body[data-page="games"] #all-games .wg-catalog-section{--sh:var(--wg-accent-hi);position:relative;padding:14px 16px 6px!important;border:1px solid color-mix(in srgb,var(--sh) 34%,transparent)!important;border-radius:22px;
  background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--sh) 20%,transparent),transparent 60%),
    radial-gradient(60% 120% at 100% 100%,color-mix(in srgb,var(--sh) 10%,transparent),transparent 60%),
    linear-gradient(180deg,color-mix(in srgb,var(--wg-s3) 85.1%,transparent),color-mix(in srgb,var(--wg-s2) 90.2%,transparent))!important;
  box-shadow:inset 0 1px #ffffff1f,0 18px 40px -22px #000,0 0 0 1px #00000040!important}
body[data-page="games"] #all-games #hot-games{--sh:#ff8a3d}
body[data-page="games"] #all-games #quick-games{--sh:var(--wg-accent-hi)}
body[data-page="games"] #all-games #rounds-games{--sh:#ffc94a}
body[data-page="games"] #all-games #pvp-games{--sh:#ff5f86}
body[data-page="games"] #all-games .wg-catalog-section-head h3::before{background:linear-gradient(color-mix(in srgb,var(--sh) 40%,#fff),var(--sh))!important;box-shadow:0 0 12px var(--sh)!important}
body[data-page="games"] #all-games .wg-catalog-section .wg-game-scroll-controls button{border-color:color-mix(in srgb,var(--sh) 45%,transparent)!important;background:color-mix(in srgb,var(--sh) 12%,var(--wg-s2))!important;color:color-mix(in srgb,var(--sh) 60%,#fff)!important;box-shadow:inset 0 1px #ffffff1a!important}
html[data-theme="light"] body[data-page="games"] #all-games .wg-catalog-section{border-color:color-mix(in srgb,var(--sh) 40%,#fff)!important;
  background:radial-gradient(70% 120% at 0% 0%,color-mix(in srgb,var(--sh) 18%,transparent),transparent 60%),linear-gradient(180deg,#ffffffd9,color-mix(in srgb,var(--wg-pale) 90.2%,transparent))!important;
  box-shadow:inset 0 1px #fff,0 14px 30px -20px color-mix(in srgb,var(--wg-s5) 50.2%,transparent)!important}
html[data-theme="light"] body[data-page="games"] #all-games .wg-catalog-section .wg-game-scroll-controls button{background:#fff!important;color:color-mix(in srgb,var(--sh) 70%,#000)!important}
@media(max-width:580px){body[data-page="games"] #all-games .wg-catalog-section{padding:12px 10px 4px!important;border-radius:18px}}

/* 7. game cards: no separate dark box behind the icon any more — the whole card is one glass surface tinted by
   the game's colour, the icon floats on a soft halo with a light pedestal under it */
body[data-page="games"] .mp-game.mp-game{border-color:color-mix(in srgb,var(--cg-glow) 38%,#ffffff1a)!important;
  background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--cg-glow) 30%,transparent),transparent 70%),
    linear-gradient(170deg,color-mix(in srgb,var(--cg-glow) 16%,var(--wg-s2)),var(--wg-s2) 58%,var(--wg-s1))!important;
  box-shadow:inset 0 1px #ffffff26,0 10px 24px -12px #000d!important}
body[data-page="games"] .mp-game .mp-card-visual{background:
    radial-gradient(34% 30% at 50% 88%,color-mix(in srgb,var(--cg-glow) 45%,transparent),transparent 72%),
    radial-gradient(42% 58% at 50% 52%,color-mix(in srgb,var(--cg-glow) 30%,transparent),transparent 72%)!important;
  box-shadow:none!important;border:0!important}
body[data-page="games"] .mp-game .mp-card-visual::before{background:radial-gradient(30% 7% at 50% 90%,#ffffff2e,transparent 70%)!important}
html[data-theme="light"] body[data-page="games"] .mp-game.mp-game{border-color:color-mix(in srgb,var(--cg-glow) 40%,var(--wg-pale-2))!important;
  background:radial-gradient(90% 60% at 50% 0%,color-mix(in srgb,var(--cg-glow) 30%,transparent),transparent 70%),
    linear-gradient(170deg,color-mix(in srgb,var(--cg-glow) 12%,#fff),#fff 60%)!important;box-shadow:inset 0 1px #fff,0 8px 20px -12px color-mix(in srgb,var(--wg-s5) 45.1%,transparent)!important}
html[data-theme="light"] body[data-page="games"] .mp-game .mp-card-visual{background:
    radial-gradient(34% 30% at 50% 88%,color-mix(in srgb,var(--cg-glow) 40%,transparent),transparent 72%),
    radial-gradient(42% 58% at 50% 52%,color-mix(in srgb,var(--cg-glow) 26%,transparent),transparent 72%)!important;box-shadow:none!important}
html[data-theme="light"] body[data-page="games"] .mp-game .mp-card-visual::before{background:radial-gradient(30% 7% at 50% 90%,color-mix(in srgb,var(--wg-s2) 12.2%,transparent),transparent 70%)!important}

/* 8. catalogue tab icons: the v7 icon set (same jewel tiles as the side menu) instead of the thin inline glyphs */
.wg-cat-ico{width:28px!important;height:28px!important;border-radius:8px!important;background:center/100% 100% no-repeat!important;box-shadow:0 2px 6px -1px #0009!important}
.wg-cat-ico svg{display:none!important}
.wg-cat-tab[data-tab="hot"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-hot.svg")!important}
.wg-cat-tab[data-tab="shared"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-shared.svg")!important}
.wg-cat-tab[data-tab="solo"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-solo.svg")!important}
.wg-cat-tab[data-tab="pvp"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-pvp.svg")!important}
.wg-cat-tab[data-tab="plates"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-plates.svg")!important}
.wg-cat-tab[data-tab="cards"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-cards.svg")!important}
.wg-cat-tab[data-tab="wheels"] .wg-cat-ico{background-image:url("/assets/nav-icons-v7/tab-wheels.svg")!important}
.wg-cat-tab[data-tab="all"]{padding-left:6px!important}
.wg-cat-tab[data-tab="all"]::before{content:"";width:28px;height:28px;flex:none;border-radius:8px;background:url("/assets/nav-icons-v7/tab-all.svg") center/100% 100% no-repeat;box-shadow:0 2px 6px -1px #0009}
.wg-cat-tab.is-active .wg-cat-ico,.wg-cat-tab.is-active[data-tab="all"]::before{box-shadow:0 0 0 2px #ffffffb3,0 3px 8px -2px var(--wg-accent-deep)!important}
.wg-cat-count{min-width:22px!important;padding:4px 7px!important;border-radius:8px!important;font-variant-numeric:tabular-nums;background:#ffffff12!important;box-shadow:inset 0 1px #ffffff14}
@media(max-width:580px){.wg-cat-ico,.wg-cat-tab[data-tab="all"]::before{width:24px!important;height:24px!important}}

/* ======================= fog1 (2026-10-21, owner: «фон сзади как будто в тумане, серым чёрным») =======================
   One page background for every page that loads design6.css: graphite/charcoal base, soft blurred neutral-grey fog
   patches (faint cool tint), no blue fill, no grid. Static fog + fine noise (anti-banding) on <html> (fixed); a slow fog
   drift on body::after of the multipage pages (transform/opacity only, 48 s), off for prefers-reduced-motion and
   html.wg-bg-still. Light theme: light-grey fog. Game pages keep their own scenes; only the bare page colour changes. */
:root{--fog-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
html:not([data-theme="light"]){background-color:var(--wg-s0)!important;
  background-image:var(--fog-noise),
    radial-gradient(60% 45% at 18% 10%,#2a2d3433,transparent 72%),
    radial-gradient(55% 50% at 88% 32%,#262a3029,transparent 70%),
    radial-gradient(70% 55% at 50% 102%,#22252b38,transparent 72%),
    radial-gradient(45% 40% at 68% 76%,#04040566,transparent 70%),
    linear-gradient(180deg,#111215,var(--wg-s0) 55%,var(--wg-s1))!important;
  background-size:160px 160px,auto,auto,auto,auto,auto!important;background-attachment:fixed!important;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important}
html[data-theme="light"]{background-color:#e7e8ea!important;
  background-image:var(--fog-noise),
    radial-gradient(60% 45% at 18% 12%,#ffffffb3,transparent 72%),
    radial-gradient(55% 50% at 86% 30%,color-mix(in srgb,var(--wg-pale) 80%,transparent),transparent 70%),
    radial-gradient(70% 55% at 50% 100%,#d3d6db99,transparent 72%),
    radial-gradient(45% 40% at 70% 78%,#c9ccd166,transparent 70%),
    linear-gradient(180deg,#eceef0,#e4e6e9 55%,#e9eaec)!important;
  background-size:160px 160px,auto,auto,auto,auto,auto!important;background-attachment:fixed!important;background-repeat:repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important}
/* multipage pages (catalogue, lobby, profile, ranks, community, admin, …): body lets the fog through, the old
   blue mesh + grid layer of the catalogue is off */
html body.mp-body.mp-body,html[data-theme="light"] body.mp-body.mp-body{background:transparent!important}
html body[data-page="games"].mp-body::before{display:none!important}
/* top bar: graphite glass instead of navy */
html:not([data-theme="light"]) body.mp-body .mp-topbar{background:#101114eb!important;border-color:#ffffff12!important}
html[data-theme="light"] body.mp-body .mp-topbar{background:color-mix(in srgb,var(--wg-pale) 92.2%,transparent)!important;border-color:#0000000f!important}
html body.mp-body::after{content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:radial-gradient(26% 22% at 30% 34%,#8a90a01f,transparent 70%),radial-gradient(30% 24% at 70% 64%,#6e74801a,transparent 70%),
    radial-gradient(22% 20% at 52% 18%,color-mix(in srgb,var(--wg-accent) 7.8%,transparent),transparent 70%),radial-gradient(24% 22% at 20% 80%,#00000033,transparent 70%)!important;
  will-change:transform,opacity;animation:wg-fog-drift 48s ease-in-out infinite alternate!important}
html[data-theme="light"] body.mp-body::after{
  background:radial-gradient(26% 22% at 30% 34%,#ffffffa6,transparent 70%),radial-gradient(30% 24% at 70% 64%,#ffffff80,transparent 70%),
    radial-gradient(22% 20% at 52% 18%,color-mix(in srgb,var(--wg-pale) 60%,transparent),transparent 70%),radial-gradient(24% 22% at 20% 80%,#c4c8ce4d,transparent 70%)!important}
@keyframes wg-fog-drift{0%{transform:translate3d(-5%,-3%,0) scale(1);opacity:.7}50%{transform:translate3d(3%,3%,0) scale(1.07);opacity:1}
  100%{transform:translate3d(6%,-2%,0) scale(1.03);opacity:.8}}
@media(prefers-reduced-motion:reduce),(update:slow){html body.mp-body::after{animation:none!important}}
html.wg-bg-still body.mp-body::after{animation:none!important}

/* ===== red1 (2026-10-21): side menu recoloured green -> ruby (generated copies of the menu rules) ===== */
:root{--d6-edge:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23270201' stroke-opacity='.55' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ffeff0' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23270201' stroke-opacity='.55' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ff6d70' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ff6d70' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ffeff0' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-pulse:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' pathLength='100' fill='none' stroke='%23ff9b9c' stroke-opacity='.6' stroke-width='12' stroke-linecap='round' stroke-dasharray='10 90' vector-effect='non-scaling-stroke'%3E%3Canimate attributeName='stroke-dashoffset' values='100;-14;-14' keyTimes='0;.6;1' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' pathLength='100' fill='none' stroke='%23fff0f2' stroke-width='3' stroke-linecap='round' stroke-dasharray='10 90' vector-effect='non-scaling-stroke'%3E%3Canimate attributeName='stroke-dashoffset' values='100;-14;-14' keyTimes='0;.6;1' dur='5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E")}
html[data-theme="light"]{--d6-edge:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23b21b20' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23b21b20' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%237d080b' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23b21b20' stroke-opacity='.3' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23b21b20' stroke-opacity='.65' stroke-width='5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%237d080b' stroke-width='2.4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}
html[data-theme="light"] body .mp-sidebar.mp-sidebar{box-shadow:inset 3px 0 #ffffffc0,inset 0 1px #fff,inset -18px 0 26px -14px #9d1c1e40!important}

/* ===== wl1 (2026-10-21): static white neon line along the menu edge (no running lights / pulse) ===== */
html:root:not(#wl){--d6-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%231a0000' stroke-opacity='.45' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23fff1e8' stroke-opacity='.32' stroke-width='4.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%231a0000' stroke-opacity='.45' stroke-width='9' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23fff1e8' stroke-opacity='.32' stroke-width='4.5' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-pulse:linear-gradient(transparent,transparent)}
html[data-theme="light"]:not(#wl){--d6-edge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23a3122a' stroke-opacity='.22' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23ffffff' stroke-opacity='.75' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 2.0 62 2.0 62 4C62 6.0 74 6.0 74 8C74 10.0 54 10.0 54 12C54 14.25 81 16.005 81 16.5C81 16.885 12 19.615 12 20C12 20.44 68 22.0 68 24C68 26.25 58 26.25 58 28.5C58 33.5 8 33.5 8 38.5C8 43.5 58 43.5 58 48.5C58 50.5 66 50.5 66 52.5C66 54.75 82 56.505 82 57C82 57.385 14 60.115 14 60.5C14 60.94 70 62.5 70 64.5C70 66.75 56 66.75 56 69C56 74.0 6 74.0 6 79C6 84.0 58 84.0 58 89C58 91.25 72 91.25 72 93.5C72 96.75 60 96.75 60 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--d6-edge-n:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 100' preserveAspectRatio='none'%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23a3122a' stroke-opacity='.22' stroke-width='12' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23ffffff' stroke-opacity='.75' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M84 0C84 19.5 84 19.5 84 39C84 44.5 5 44.5 5 50C5 55.5 84 55.5 84 61C84 80.5 84 80.5 84 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E")}

/* /assets/battlepass/battlepass-nav.css */
/* «Боевой пропуск» menu item (bp1, 2026-10-21): own 3D icon (black metal + gold), same layer model as the
   other menu icons (object in the glyph ::after layer). Works in the side menu, collapsed menu, phone menu
   and the game-page shell. Loaded after sidebar-vivid.css; the selectors are one class stronger. */
html body a.mp-nav-battlepass[class*="nav-"] .mp-nav-glyph::after,
html body a.wg-shell-nav-battlepass[class*="nav-"] .wg-shell-nav-glyph::after{
  background-image:image-set(url("/assets/battlepass/nav-battlepass.webp?v=bp1") 1x,url("/assets/battlepass/nav-battlepass@2x.webp?v=bp1") 2x)!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;--sv-anim:sv-i-nod}
html body a.mp-nav-battlepass[class*="nav-"] .mp-nav-glyph,
html body a.wg-shell-nav-battlepass[class*="nav-"] .wg-shell-nav-glyph{background:none!important}

/* /assets/bonuses/bonuses-nav.css */
/* «Бонусы» menu item (bn1, 2026-10-22): own 3D icon (black obsidian gift box + gold), same layer model as the
   other menu icons (object in the glyph ::after layer). Side menu, collapsed menu, phone menu, game-page shell. */
html body a.mp-nav-bonuses[class*="nav-"] .mp-nav-glyph::after,
html body a.wg-shell-nav-bonuses[class*="nav-"] .wg-shell-nav-glyph::after{
  background-image:image-set(url("/assets/bonuses/nav-bonuses.webp?v=bn1") 1x,url("/assets/bonuses/nav-bonuses@2x.webp?v=bn1") 2x)!important;
  background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;--sv-anim:sv-i-nod}
html body a.mp-nav-bonuses[class*="nav-"] .mp-nav-glyph,
html body a.wg-shell-nav-bonuses[class*="nav-"] .wg-shell-nav-glyph{background:none!important}

/* /assets/deposit/deposit.css */
/* «Пополнить WIND Coin» (2026-10-22, deposit-kit): top bar buttons, deposit tab (modal), toasts, history. */
:root{--dp-gold:#f4c35a;--dp-gold-hi:#ffe08a;--dp-teal:#2ee6d0;--dp-fire:#ff6a2b;--dp-ink:#f5f1ec;--dp-mute:#b9b3ad;
  --dp-bg:#121115;--dp-card:#1a191e;--dp-card2:#232228;--dp-line:rgba(255,255,255,.10);--dp-ok:#5fd38d;--dp-warn:#f1c25b;--dp-bad:#ff6b7d}
html[data-theme="light"]{--dp-ink:#1d1b20;--dp-mute:#5d5862;--dp-bg:#f6f4f1;--dp-card:#fff;--dp-card2:#f0ede8;--dp-line:rgba(0,0,0,.12);
  --dp-ok:#16884a;--dp-warn:#8a6100;--dp-bad:#c21f3a}

/* top bar */
.dp-top{display:inline-flex;align-items:center;gap:6px;flex:none}
.dp-top[hidden]{display:none!important}
.dp-top button{font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 11px;border-radius:10px;
  font-size:12px;font-weight:900;white-space:nowrap;line-height:1.1;letter-spacing:.01em}
.dp-top .dp-top-in{border:1px solid #f0d27b;color:#2a1d05;background:linear-gradient(145deg,#ffe594,#e7b54b 55%,#c98d2a);
  box-shadow:inset 0 1px #fff6c4,0 0 0 0 rgba(244,195,90,.55),0 4px 14px -4px rgba(244,195,90,.6);animation:dp-pulse 3.2s ease-in-out infinite}
.dp-top .dp-top-in:hover{filter:brightness(1.08)}
.dp-top .dp-top-in .dp-plus{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#2a1d05;color:#ffe08a;font-size:14px;line-height:1}
.dp-top .dp-top-out{border:1px solid color-mix(in srgb,var(--dp-gold) 55%,transparent);color:var(--dp-ink);background:transparent}
.dp-top .dp-top-out:hover{border-color:var(--dp-gold)}
.dp-top button:focus-visible{outline:2px solid var(--dp-gold-hi);outline-offset:2px}
@keyframes dp-pulse{0%,100%{box-shadow:inset 0 1px #fff6c4,0 0 0 0 rgba(244,195,90,.0),0 4px 14px -4px rgba(244,195,90,.6)}
  50%{box-shadow:inset 0 1px #fff6c4,0 0 0 5px rgba(244,195,90,.12),0 4px 18px -4px rgba(244,195,90,.8)}}
@media(max-width:780px){.dp-top .dp-top-out{display:none}.dp-top button{min-height:30px;padding:4px 9px;font-size:11px}}
@media(max-width:560px){.dp-top .dp-top-in .dp-lbl{display:none}.dp-top .dp-top-in{padding:4px 6px}}

/* modal */
.dp-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;
  background:rgba(6,5,8,.72);backdrop-filter:blur(6px);overflow-y:auto;overscroll-behavior:contain}
.dp-modal[hidden]{display:none}
.dp-box{position:relative;width:100%;max-width:1000px;border-radius:22px;background:var(--dp-bg);color:var(--dp-ink);
  border:1px solid var(--dp-line);box-shadow:0 30px 80px -20px #000;overflow:hidden;font-size:14px;line-height:1.45}
.dp-head{display:flex;align-items:center;gap:12px;padding:16px 18px 0}
.dp-head h2{margin:0;font-size:20px;font-weight:900;flex:1}
.dp-head .dp-bal{font-weight:800;color:var(--dp-gold);font-variant-numeric:tabular-nums;white-space:nowrap}
.dp-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--dp-line);background:var(--dp-card);color:var(--dp-ink);font-size:20px;cursor:pointer}
.dp-tabs{display:flex;gap:6px;padding:12px 18px 0;flex-wrap:wrap}
.dp-tabs button{font:inherit;cursor:pointer;padding:8px 14px;border-radius:999px;border:1px solid var(--dp-line);background:var(--dp-card);color:var(--dp-ink);font-weight:800}
.dp-tabs button[aria-selected="true"]{background:linear-gradient(145deg,#ffe594,#d9a441);color:#2a1d05;border-color:#f0d27b}
.dp-pane{padding:14px 18px 20px}
.dp-pane[hidden]{display:none}

/* scene: left Zeus & Hades (fire + teal), right the dogs (warm gold) */
.dp-q{margin:2px 0 12px;text-align:center;font-weight:900;font-size:18px}
.dp-scene{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dp-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:330px;padding:0;border-radius:18px;cursor:pointer;
  border:2px solid transparent;overflow:hidden;text-align:center;color:#fff;font:inherit;isolation:isolate;transition:transform .25s,border-color .25s,box-shadow .25s}
.dp-side:focus-visible{outline:3px solid var(--dp-gold-hi);outline-offset:2px}
.dp-side.zeus{background:radial-gradient(120% 90% at 30% 20%,#1fb5a3 0%,#0d4f55 38%,#0b1a24 75%),#0b1a24}
.dp-side.dogs{background:radial-gradient(120% 90% at 60% 15%,#ffd36b 0%,#d27a1f 40%,#3b1a08 80%),#3b1a08}
.dp-side::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:radial-gradient(60% 50% at 50% 100%,rgba(0,0,0,.65),transparent 70%)}
.dp-side.zeus::after,.dp-side.dogs::after{content:"";position:absolute;inset:-40% -20% auto;height:80%;z-index:-1;pointer-events:none;opacity:.5;filter:blur(30px)}
.dp-side.zeus::after{background:conic-gradient(from 200deg,transparent,#ff6a2b55,transparent 30%,#2ee6d055,transparent 60%)}
.dp-side.dogs::after{background:conic-gradient(from 120deg,transparent,#ffe08a66,transparent 40%,#ffb54a55,transparent 70%)}
.dp-side[aria-pressed="true"]{border-color:var(--dp-gold-hi);box-shadow:0 0 0 4px rgba(255,224,138,.18),0 18px 40px -16px rgba(255,190,80,.6);transform:translateY(-2px)}
.dp-side.zeus[aria-pressed="true"]{border-color:#7ff3e6;box-shadow:0 0 0 4px rgba(46,230,208,.18),0 18px 40px -16px rgba(255,106,43,.55)}
.dp-art{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;padding:10px 8px 0;min-height:210px}
.dp-art img{display:block;width:100%;height:auto;max-width:440px;max-height:300px;object-fit:contain;object-position:bottom;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.55));animation:dp-float 6s ease-in-out infinite}
.dp-side.dogs .dp-art img{max-width:420px;filter:drop-shadow(0 0 18px rgba(255,200,90,.45)) drop-shadow(0 10px 22px rgba(0,0,0,.5))}
.dp-side.zeus .dp-art img{filter:drop-shadow(0 0 16px rgba(46,230,208,.35)) drop-shadow(0 0 22px rgba(255,106,43,.35)) drop-shadow(0 10px 22px rgba(0,0,0,.55))}
.dp-art .dp-fallback{font-size:96px;line-height:1;padding-bottom:20px}
.dp-spark{position:absolute;width:6px;height:6px;border-radius:50%;pointer-events:none;opacity:0;animation:dp-spark 4s ease-in-out infinite}
.dp-side.zeus .dp-spark{background:#7ff3e6;box-shadow:0 0 10px #2ee6d0}
.dp-side.zeus .dp-spark:nth-child(odd){background:#ffb067;box-shadow:0 0 10px #ff6a2b}
.dp-side.dogs .dp-spark{background:#ffe08a;box-shadow:0 0 10px #ffc04d}
@keyframes dp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes dp-spark{0%{opacity:0;transform:translateY(10px) scale(.6)}30%{opacity:.95}100%{opacity:0;transform:translateY(-70px) scale(1.1)}}
.dp-plate{position:relative;margin-top:-34px;padding:30px 12px 12px;background:linear-gradient(180deg,transparent,rgba(10,9,12,.88) 34%,rgba(10,9,12,.96));z-index:1}
.dp-plate b{display:block;font-size:17px;font-weight:900;text-shadow:0 2px 8px #000}
.dp-plate small{display:block;margin-top:4px;color:#e9e2d8;opacity:.9}
.dp-plate .dp-pick{display:inline-block;margin-top:8px;padding:6px 12px;border-radius:999px;font-weight:900;font-size:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.dp-side[aria-pressed="true"] .dp-pick{background:linear-gradient(145deg,#ffe594,#d9a441);color:#2a1d05;border-color:#f0d27b}
.dp-note{margin:10px 2px 0;font-size:12px;color:var(--dp-mute);text-align:center}
.dp-form{display:grid;gap:10px;margin-top:14px;padding:14px;border-radius:16px;background:var(--dp-card);border:1px solid var(--dp-line)}
.dp-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dp-chip{font:inherit;cursor:pointer;padding:7px 12px;border-radius:10px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);font-weight:800;font-variant-numeric:tabular-nums}
.dp-chip[aria-pressed="true"]{border-color:var(--dp-gold);color:var(--dp-gold)}
.dp-in,.dp-sel{font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);min-width:0}
.dp-in{flex:1 1 160px;font-variant-numeric:tabular-nums;font-weight:800}
.dp-sel{flex:1 1 200px}
.dp-go{font:inherit;cursor:pointer;padding:12px 16px;border-radius:12px;border:1px solid #f0d27b;background:linear-gradient(145deg,#ffe594,#e7b54b 55%,#c98d2a);color:#2a1d05;font-weight:900;font-size:15px}
.dp-go:disabled{opacity:.55;cursor:progress}
.dp-msg{min-height:1.2em;font-size:13px}
.dp-msg.bad{color:var(--dp-bad)}.dp-msg.ok{color:var(--dp-ok)}
.dp-why{padding:12px 14px;border-radius:12px;background:var(--dp-card2);border:1px dashed var(--dp-line)}
.dp-policy{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--dp-card);border:1px solid var(--dp-line);font-size:13px;color:var(--dp-mute)}
.dp-policy ul{margin:6px 0 6px;padding-left:18px}
.dp-policy a,.dp-link{color:var(--dp-gold);font-weight:800}
.dp-help{font:inherit;cursor:pointer;background:none;border:0;padding:0;color:var(--dp-gold);font-weight:800;text-decoration:underline}
.dp-reqs{margin-top:14px}
.dp-reqs h3,.dp-pane h3{margin:0 0 8px;font-size:15px}
.dp-req{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--dp-card);border:1px solid var(--dp-line);margin-bottom:6px}
.dp-req .dp-amt{font-weight:900;font-variant-numeric:tabular-nums}
.dp-req .dp-when{color:var(--dp-mute);font-size:12px}
.dp-req .dp-act{margin-left:auto;display:flex;gap:6px}
.dp-req .dp-act button{font:inherit;font-size:12px;cursor:pointer;padding:5px 10px;border-radius:8px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);font-weight:800}
.dp-st{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid currentColor}
.dp-st.pending{color:var(--dp-warn)}.dp-st.done{color:var(--dp-ok)}.dp-st.rejected{color:var(--dp-bad)}.dp-st.cancelled{color:var(--dp-mute)}
@media(max-width:640px){
  .dp-modal{padding:0}
  .dp-box{border-radius:0;min-height:100%}
  .dp-head{padding:12px 12px 0}.dp-head h2{font-size:17px}
  .dp-tabs{padding:10px 12px 0}.dp-tabs button{padding:7px 11px;font-size:13px}
  .dp-pane{padding:12px 12px 18px}
  .dp-q{font-size:15px}
  .dp-scene{gap:8px}
  .dp-side{min-height:236px;border-radius:14px}
  .dp-art{min-height:140px;padding:6px 4px 0}
  .dp-art img{max-height:170px}
  .dp-plate{padding:24px 6px 10px}.dp-plate b{font-size:13px}.dp-plate small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.dp-top .dp-top-in,.dp-art img,.dp-spark,.dp-toast{animation:none!important}.dp-side{transition:none}}

/* toasts after closing the tab / after a withdrawal request (fun only; never blocks anything) */
.dp-toast{position:fixed;right:16px;bottom:16px;z-index:2147483601;display:flex;align-items:center;gap:10px;max-width:min(380px,calc(100vw - 32px));
  padding:10px 12px 10px 10px;border-radius:16px;background:var(--dp-bg);color:var(--dp-ink);border:1px solid var(--dp-line);
  box-shadow:0 18px 40px -14px #000;animation:dp-toast-in .35s ease-out}
.dp-toast img{width:64px;height:64px;object-fit:cover;object-position:top;border-radius:12px;flex:none;background:#0004}
.dp-toast.zeus img{animation:dp-mood 2.4s ease-in-out infinite}
.dp-toast.dogs img{animation:dp-wag 1.2s ease-in-out infinite}
.dp-toast p{margin:0;font-size:13px;font-weight:700;line-height:1.35}
.dp-toast button{flex:none;align-self:flex-start;width:28px;height:28px;border-radius:50%;border:1px solid var(--dp-line);background:var(--dp-card);color:var(--dp-ink);cursor:pointer}
@keyframes dp-toast-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes dp-wag{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes dp-mood{0%,100%{filter:hue-rotate(0) saturate(1)}50%{filter:hue-rotate(-25deg) saturate(1.35) brightness(1.08)}}
@media(max-width:560px){.dp-toast{left:16px;right:16px;bottom:76px}}

/* history (full page + compact blocks) */
.wgh{color:var(--dp-ink)}
.wgh-box{margin:16px 0;padding:14px 16px;border-radius:14px;border:1px solid var(--dp-line);background:var(--dp-card)}
.wgh-box h2,.wgh-box h3{margin:0 0 8px;font-size:17px}
.wgh-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.wgh-filters select,.wgh-filters button{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);font-weight:700}
.wgh-filters button{cursor:pointer}
.wgh-table{width:100%;border-collapse:collapse;font-size:13px}
.wgh-table th{text-align:left;font-size:12px;color:var(--dp-mute);font-weight:800;padding:6px 8px;border-bottom:1px solid var(--dp-line)}
.wgh-table td{padding:8px;border-bottom:1px solid var(--dp-line);vertical-align:top}
.wgh-table td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:900;white-space:nowrap}
.wgh-table td.num.plus{color:var(--dp-ok)}.wgh-table td.num.minus{color:var(--dp-ink)}
.wgh-amt{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;font-weight:900;text-decoration:underline dotted;text-underline-offset:3px}
.wgh-id{font-family:ui-monospace,Menlo,monospace;font-size:11px;color:var(--dp-mute)}
.wgh-sub{display:block;font-size:12px;color:var(--dp-mute)}
.wgh-more{margin-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.wgh-more a{color:var(--dp-gold);font-weight:800}
.wgh-empty{color:var(--dp-mute);padding:8px 0}
.wgh-cancel{font:inherit;font-size:12px;cursor:pointer;margin-top:4px;padding:4px 9px;border-radius:8px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);font-weight:800}
@media(max-width:640px){
  .wgh-table thead{display:none}
  .wgh-table,.wgh-table tbody,.wgh-table tr,.wgh-table td{display:block;width:100%}
  .wgh-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 0;border-bottom:1px solid var(--dp-line)}
  .wgh-table td{border:0;padding:0}
  .wgh-table td.c-type{grid-column:1}.wgh-table td.num{grid-column:2;grid-row:1}
  .wgh-table td.c-date,.wgh-table td.c-id{grid-column:1;font-size:12px;color:var(--dp-mute)}
  .wgh-table td.c-status{grid-column:2;grid-row:2;text-align:right}
}

/* BEGIN CRYPTO (2026-10-22, crypto-kit cp1): Crypto Pay / xRocket block of the deposit tab */
.cp-box{display:grid;gap:12px;margin:0 0 18px}
.cp-banner{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,#ff3b3b 0%,#a30d1c 42%,#16070a 100%);border:1px solid rgba(255,90,90,.55);
  box-shadow:0 10px 30px -14px rgba(255,40,40,.7),inset 0 1px rgba(255,255,255,.18)}
.cp-banner::after{content:"";position:absolute;inset:-60% -10% auto auto;width:55%;height:220%;pointer-events:none;opacity:.35;
  background:conic-gradient(from 210deg,transparent,#ffd36b88,transparent 35%);filter:blur(24px)}
.cp-banner-pct{flex:none;display:grid;place-items:center;min-width:74px;height:56px;padding:0 10px;border-radius:14px;font-size:28px;font-weight:1000;
  color:#2a1d05;background:linear-gradient(145deg,#ffe594,#e7b54b 55%,#c98d2a);box-shadow:inset 0 1px #fff6c4,0 6px 16px -6px #000}
.cp-banner-txt b{display:block;font-size:17px;font-weight:900;text-shadow:0 2px 8px #000}
.cp-banner-txt small{display:block;margin-top:3px;opacity:.9}
.cp-gate{padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--dp-warn) 60%,transparent);background:color-mix(in srgb,var(--dp-warn) 12%,transparent);font-weight:700}
.cp-provs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cp-prov{font:inherit;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;color:var(--dp-ink);
  background:var(--dp-card);border:2px solid var(--dp-line);transition:border-color .2s,transform .2s,box-shadow .2s}
.cp-prov b{display:block;font-size:15px;font-weight:900}
.cp-prov small{display:block;margin-top:2px;color:var(--dp-mute);font-size:12px}
.cp-prov .cp-logo{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:24px;background:#16070a;border:1px solid rgba(255,80,80,.45)}
.cp-prov:hover:not(:disabled){border-color:#ff4d4d;transform:translateY(-1px)}
.cp-prov[aria-pressed="true"]{border-color:#ff3b3b;box-shadow:0 0 0 4px rgba(255,59,59,.18),0 14px 30px -16px rgba(255,40,40,.8)}
.cp-prov:disabled{opacity:.5;cursor:not-allowed}
.cp-prov:focus-visible,.cp-check:focus-visible{outline:2px solid var(--dp-gold-hi);outline-offset:2px}
.cp-form[hidden],.cp-coin[hidden],.cp-bonus[hidden]{display:none}
.cp-lbl{font-weight:800;color:var(--dp-mute)}
.cp-bonus{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--dp-card2);border:1px dashed color-mix(in srgb,var(--dp-gold) 55%,transparent);cursor:pointer}
.cp-bonus b{display:block;color:var(--dp-gold)}
.cp-bonus small{display:block;color:var(--dp-mute);font-size:12px}
.cp-check{flex:none;width:20px;height:20px;margin-top:2px;accent-color:#e7b54b}
.cp-sum{display:grid;gap:3px;font-variant-numeric:tabular-nums}
.cp-sum:empty{display:none}
.cp-sum small{color:var(--dp-mute)}
.cp-plus b{color:var(--dp-ok)}
.cp-total{font-size:16px}
.cp-total b{color:var(--dp-gold)}
.cp-rate{text-align:left;margin:0}
.cp-pay{display:inline-block;font-weight:900;color:#2a1d05;background:linear-gradient(145deg,#ffe594,#d9a441);padding:6px 12px;border-radius:10px;text-decoration:none}
.cp-paid{padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--dp-ok) 16%,transparent);border:1px solid var(--dp-ok);font-weight:900}
@media(max-width:620px){.cp-provs{grid-template-columns:1fr}.cp-banner{padding:12px}.cp-banner-pct{min-width:60px;height:46px;font-size:22px}.cp-banner-txt b{font-size:15px}}
/* END CRYPTO */

/* BEGIN FIAT (2026-10-22, fp-kit fp1): «Пополнить рублями» (FlashPay) block of the deposit tab; hidden while the flag is off */
.fp-host[hidden]{display:none}
.fp-box{display:grid;gap:12px;margin:0 0 18px}
.fp-head{font:inherit;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border-radius:16px;color:var(--dp-ink);
  background:var(--dp-card);border:2px solid var(--dp-line);transition:border-color .2s,transform .2s,box-shadow .2s}
.fp-head b{display:block;font-size:15px;font-weight:900}
.fp-head small{display:block;margin-top:2px;color:var(--dp-mute);font-size:12px}
.fp-head:hover{border-color:#ff4d4d;transform:translateY(-1px)}
.fp-head[aria-expanded="true"]{border-color:#ff3b3b;box-shadow:0 0 0 4px rgba(255,59,59,.18)}
.fp-head.fp-locked{display:grid;grid-template-columns:44px minmax(0,1fr) auto;opacity:1;cursor:not-allowed;color:var(--dp-mute);border-color:var(--dp-line);box-shadow:none}
.fp-head.fp-locked:hover{border-color:var(--dp-line);transform:none;box-shadow:none}
.fp-lock-copy{min-width:0}
.fp-locked .fp-lock-icon{font-size:23px;background:linear-gradient(145deg,#3b3c44,#25252d);color:var(--dp-mute)}
.fp-lock-status{display:inline-flex;align-items:center;justify-content:center;justify-self:end;border:1px solid var(--dp-line);border-radius:999px;padding:6px 10px;color:var(--dp-mute);font-size:11px;font-weight:800;line-height:1.3;white-space:nowrap}
@media(max-width:480px){.fp-head.fp-locked{grid-template-columns:44px minmax(0,1fr)}.fp-lock-status{grid-column:2;justify-self:start}}
.fp-logo{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;font-size:24px;font-weight:1000;color:#2a1d05;
  background:linear-gradient(145deg,#ffe594,#e7b54b 55%,#c98d2a)}
.fp-form[hidden],.fp-pay[hidden],.fp-box .cp-bonus[hidden]{display:none}
.fp-methods{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.fp-method{font:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;color:var(--dp-ink);
  background:var(--dp-card2,var(--dp-card));border:2px solid var(--dp-line);text-align:left;font-weight:800;font-size:13px}
.fp-method[aria-pressed="true"]{border-color:#ff3b3b;box-shadow:0 0 0 3px rgba(255,59,59,.18)}
.fp-ico{font-size:18px}
.fp-lbl{font-weight:800;color:var(--dp-mute)}
.fp-chips .dp-chip{font-variant-numeric:tabular-nums}
.fp-own-err{color:var(--dp-bad,#ff6b6b);font-size:13px;font-weight:700}
.fp-own-err:empty{display:none}
.fp-sug{font:inherit;font-weight:900;cursor:pointer;margin-left:4px;padding:3px 10px;border-radius:9px;border:1px solid var(--dp-gold);background:transparent;color:var(--dp-gold)}
.fp-fast{margin:0;font-size:13px;font-weight:800;color:var(--dp-gold)}
.fp-fee{display:grid;gap:3px;font-variant-numeric:tabular-nums}
.fp-fee small{color:var(--dp-mute)}
.fp-credit{color:var(--dp-ok)}
.fp-memo{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;cursor:pointer;
  border:1px solid color-mix(in srgb,var(--dp-warn) 70%,transparent);background:color-mix(in srgb,var(--dp-warn) 12%,transparent)}
.fp-memo b{display:block}
.fp-memo-txt{display:block;font-size:13px;line-height:1.4}
.fp-go:disabled{opacity:.55;cursor:not-allowed}
.fp-pay{display:grid;gap:10px;justify-items:start;padding:14px;border-radius:16px;background:var(--dp-card);border:1px solid var(--dp-line)}
.fp-pay-head{display:flex;justify-content:space-between;gap:10px;width:100%;font-weight:900}
.fp-timer{font-variant-numeric:tabular-nums;color:var(--dp-gold)}
.fp-exact{margin:0;font-weight:700}
.fp-qr{width:220px;height:220px;max-width:100%;image-rendering:pixelated;border-radius:8px;background:#fff}
.fp-card{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.fp-card dt{color:var(--dp-mute)}
.fp-card dd{margin:0;display:flex;gap:8px;align-items:center;word-break:break-all}
.fp-copy{font:inherit;font-size:12px;cursor:pointer;padding:2px 8px;border-radius:8px;border:1px solid var(--dp-line);background:transparent;color:var(--dp-ink)}
.fp-frame{width:100%;min-height:420px;border:0;border-radius:12px;background:#fff}
.fp-auto{color:var(--dp-mute)}
@media(max-width:620px){.fp-methods{grid-template-columns:1fr 1fr}.fp-method{font-size:12px;padding:9px}.fp-pay-head{flex-direction:column}}
/* END FIAT */

/* The funding selector is scoped to the deposit pane. */
.dp-funding{display:grid;gap:18px;min-width:0}
.dp-funding-banner{position:relative;isolation:isolate;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:18px;overflow:hidden;border:1px solid #a53940;background:radial-gradient(ellipse at 8% 0%,#e8343d 0%,#851323 47%,#281319 100%);color:#fff3f0;box-shadow:inset 0 1px #ffffff14}
.dp-funding-banner:after{content:"";position:absolute;z-index:-1;right:-30px;top:-70px;width:250px;height:200px;border:1px solid #ffcf6b33;border-radius:50%;box-shadow:0 0 0 22px #ffcf6b08,0 0 0 44px #ffcf6b05;transform:rotate(-24deg)}
.dp-funding-bonus{display:grid;place-items:center;flex:none;width:76px;height:62px;border-radius:15px;font-size:28px;font-weight:900;letter-spacing:-1px;color:#392402;background:linear-gradient(140deg,#ffe998,#dca735);box-shadow:inset 0 1px #fff1bc,0 5px 16px #26000940}
.dp-funding-banner b{display:block;font-size:20px;line-height:1.3;font-weight:850}
.dp-funding-banner small{display:block;margin-top:5px;font-size:13px;color:#f1c3c4;line-height:1.4}
.dp-funding-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dp-funding-choice{position:relative;display:flex;align-items:center;gap:14px;min-width:0;min-height:126px;padding:22px 20px;font:inherit;text-align:left;color:var(--dp-ink);background:radial-gradient(ellipse at 0% 0%,#61432e4d,transparent 70%),linear-gradient(140deg,#29232a,#1b1a20);border:1px solid #654a41;border-radius:18px;cursor:pointer;box-shadow:inset 0 1px #ffe8c412;transition:border-color .16s,background .16s,box-shadow .16s}
.dp-funding-choice.crypto{background:radial-gradient(ellipse at 100% 0%,#94314240,transparent 70%),linear-gradient(130deg,#34212a,#211b24);border-color:#70404c}
.dp-funding-choice>img{width:68px;height:68px;flex:none;filter:drop-shadow(0 5px 10px #0004)}
.dp-funding-copy{min-width:0;flex:1}
.dp-funding-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dp-funding-title b{font-size:23px;font-weight:850;line-height:1.2;letter-spacing:-.4px}
.dp-funding-copy>small{display:block;font-size:12px;line-height:1.5;color:var(--dp-mute);margin-top:7px}
.dp-funding-marks{display:flex;gap:6px;align-items:center;height:26px;margin-top:9px}
.dp-funding-marks img{display:block;flex:none;border-radius:6px}
.dp-funding-hot{display:inline-block;padding:5px 8px;border-radius:6px;font-style:normal;font-size:10px;font-weight:900;line-height:1;letter-spacing:.5px;background:linear-gradient(125deg,#ffd16f,#ff6476);color:#350f11;box-shadow:0 2px 12px #ff704b30,inset 0 1px #fff5}
.dp-funding-arrow{font-size:28px;color:#9f7a84;flex:none;line-height:1}
.dp-funding-choice:hover{border-color:#d64a65;background:#34212b}
.dp-funding-choice[aria-pressed=true]{border-color:#ff4169;box-shadow:inset 0 0 0 1px #ff4169,0 0 0 3px #ff416917;background:linear-gradient(140deg,#41202d,#241b23)}
.dp-funding-choice[aria-pressed=true] .dp-funding-arrow{color:#ff7491}
.dp-funding-choice:focus-visible{outline:2px solid var(--dp-gold);outline-offset:4px}
.dp-funding-content:empty{display:none}
.dp-funding-panel[hidden]{display:none!important}
.dp-funding-panel .fp-head:not(.fp-locked){display:none}
.dp-funding-panel .fp-box,.dp-funding-panel .cp-box{margin:0}
.dp-funding-panel .fp-v2 .fp-form{margin-top:0}
.dp-funding-panel .cp-prov b{font-size:16px}
.dp-funding-panel .cp-prov small{line-height:1.5}
.dp-funding-panel .cp-form{margin-top:0}
.dp-funding-panel .cp-list:empty,.dp-funding-panel .fp-list:empty{display:none}
html[data-theme=light] .dp-funding-choice{background:linear-gradient(140deg,#fff,#f6f0f3);border-color:#d8cbd1}
html[data-theme=light] .dp-funding-choice:hover,html[data-theme=light] .dp-funding-choice[aria-pressed=true]{background:linear-gradient(140deg,#fff0f4,#fff);border-color:#de315d}
@media(max-width:640px){
  .dp-funding{gap:14px}
  .dp-funding-banner{padding:16px 14px;gap:12px;border-radius:15px}
  .dp-funding-bonus{width:61px;height:54px;font-size:25px;border-radius:12px}
  .dp-funding-banner b{font-size:17px}
  .dp-funding-banner small{font-size:12px}
  .dp-funding-choices{gap:10px}
  .dp-funding-choice{flex-wrap:wrap;align-content:flex-start;gap:12px;min-height:154px;padding:16px 13px;border-radius:15px}
  .dp-funding-choice>img{width:53px;height:53px}
  .dp-funding-copy{flex-basis:100%}
  .dp-funding-title{gap:7px}
  .dp-funding-title b{font-size:20px}
  .dp-funding-copy>small{font-size:11px;margin-top:6px}
  .dp-funding-arrow{position:absolute;right:14px;top:20px;font-size:24px}
}
@media(prefers-reduced-motion:reduce){.dp-funding-choice{transition:none}}

.dp-funding-panel .fp-flow-label{font-size:13px;font-weight:800;margin-top:3px;color:var(--dp-ink)}
.dp-funding-panel .fp-option{align-content:start;gap:9px}
.dp-funding-panel .fp-flow-stats{display:grid;gap:5px;min-width:0;font-variant-numeric:tabular-nums}
.dp-funding-panel .fp-flow-count{font-size:13px;line-height:1.4;color:var(--dp-ink);font-weight:700}
.dp-funding-panel .fp-flow-trend,.dp-funding-panel .fp-flow-current{font-size:11px;line-height:1.4;color:var(--dp-mute);font-weight:500}
.dp-funding-panel .fp-flow-errors{font-size:11px;line-height:1.4;color:var(--dp-bad);font-weight:650}
.dp-funding-panel .fp-flow-unknown{font-size:12px;line-height:1.4;color:var(--dp-mute);font-weight:500}
.dp-funding-panel .fp-flow-info{font-size:11px;color:var(--dp-mute);line-height:1.5}
.dp-funding-panel .fp-flow-info summary{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.dp-funding-panel .fp-flow-info p{margin:8px 0 0;max-width:72ch}
@media(max-width:600px){.dp-funding-panel .fp-methods{grid-template-columns:1fr}.dp-funding-panel .fp-flow-stats{grid-template-columns:1fr 1fr;gap:4px 12px}.dp-funding-panel .fp-flow-errors{grid-column:1/-1}}

/* /assets/profile/pf.css */
/* PROFILE (2026-10-22, pf-kit): «В плюсе или в минусе», history tabs, skeletons. Dark + light. */
.wg-pnl{--pnl-plus:#5fd38d;--pnl-minus:#ff6b7d;--pnl-zero:var(--wg-text-tint,#d9d4cf);
  margin:0 0 20px;padding:22px;border:1px solid var(--wg-accent-lo);border-radius:22px;
  background:radial-gradient(circle at 95% 0,color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),transparent 40%),linear-gradient(145deg,var(--wg-s2),var(--wg-s1));
  box-shadow:0 14px 38px #0003;color:var(--wg-text-tint)}
html[data-theme="light"] .wg-pnl{--pnl-plus:#11804a;--pnl-minus:#c21f3a;--pnl-zero:var(--wg-accent-lo);border-color:var(--wg-accent-hi);background:var(--wg-pale);color:var(--wg-accent-deep)}
.wg-pnl[hidden]{display:none}
.pnl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.pnl-kicker{display:block;font-size:10px;font-weight:850;letter-spacing:.16em}
.pnl-head h2{margin:5px 0 0;font-size:clamp(21px,2.5vw,28px);letter-spacing:-.03em}
.pnl-seg{display:flex;gap:4px;padding:4px;border:1px solid var(--wg-accent-lo);border-radius:12px;background:var(--wg-s1)}
.pnl-seg button{font:inherit;font-size:12px;font-weight:800;padding:7px 11px;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}
.pnl-seg button.on{background:var(--wg-accent);color:#fff}
.pnl-seg button:focus-visible,.pnl-amt-x:focus-visible,.pnl-more:focus-visible,.pnl-retry:focus-visible,.wgh-tab:focus-visible{outline:3px solid var(--wg-accent-hi);outline-offset:2px}
html[data-theme="light"] .pnl-seg{background:#fff;border-color:var(--wg-accent-pale)}
.pnl-status{margin:10px 0 0;font-size:12px;opacity:.85}
.pnl-body{margin-top:14px}
.pnl-hero{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--wg-accent-lo);border-radius:18px;background:var(--wg-s3)}
.pnl-hero.plus{border-color:color-mix(in srgb,var(--pnl-plus) 60%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--pnl-plus) 14%,var(--wg-s3)),var(--wg-s3))}
.pnl-hero.minus{border-color:color-mix(in srgb,var(--pnl-minus) 60%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--pnl-minus) 14%,var(--wg-s3)),var(--wg-s3))}
html[data-theme="light"] .pnl-hero{background:#fff;border-color:var(--wg-accent-pale)}
html[data-theme="light"] .pnl-hero.plus{background:linear-gradient(120deg,#e3f6ea,#fff);border-color:#8fcca6}
html[data-theme="light"] .pnl-hero.minus{background:linear-gradient(120deg,#fde7ea,#fff);border-color:#e7a1ac}
.pnl-label{font-size:12px;font-weight:750;opacity:.9}
.pnl-net{font-size:clamp(30px,4.4vw,46px);line-height:1.05;font-weight:900;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pnl-hero.plus .pnl-net{color:var(--pnl-plus)}.pnl-hero.minus .pnl-net{color:var(--pnl-minus)}
.pnl-badge{justify-self:start;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:850;border:1px solid currentColor}
.pnl-badge.plus{color:var(--pnl-plus)}.pnl-badge.minus{color:var(--pnl-minus)}.pnl-badge.zero{color:var(--pnl-zero)}
.pnl-hero small{font-size:12px;opacity:.85}
.pnl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.pnl-tile{min-width:0;padding:14px;border:1px solid var(--wg-accent-lo);border-radius:14px;background:linear-gradient(155deg,var(--wg-s4),var(--wg-s3))}
html[data-theme="light"] .pnl-tile{background:#fff;border-color:var(--wg-accent-pale)}
.pnl-tile strong{display:block;margin:7px 0 4px;font-size:clamp(18px,2.2vw,24px);font-weight:850;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pnl-tile small{display:block;font-size:11px;line-height:1.35;opacity:.8}
.pnl-tile.plus strong{color:var(--pnl-plus)}.pnl-tile.minus strong{color:var(--pnl-minus)}
.pnl-amt{font:inherit;color:inherit}
.pnl-amt-x{padding:0;border:0;background:none;cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px;text-decoration-thickness:1px}
.pnl-sub{margin:18px 0 8px;font-size:14px}
.pnl-games{display:grid;gap:4px}
.pnl-game{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;padding:9px 12px;border:1px solid var(--wg-accent-lo);border-radius:10px;background:var(--wg-s3);font-size:12px}
html[data-theme="light"] .pnl-game{background:#fff;border-color:var(--wg-accent-pale)}
.pnl-game-head{background:transparent!important;border-color:transparent!important;padding-top:0;padding-bottom:2px;font-size:11px;font-weight:800;opacity:.75}
.pnl-game>span:nth-child(n+2),.pnl-game>strong{text-align:right;font-variant-numeric:tabular-nums}
.pnl-game-name{font-weight:800;overflow-wrap:anywhere}
.pnl-game-n.plus{color:var(--pnl-plus)}.pnl-game-n.minus{color:var(--pnl-minus)}
.pnl-more,.pnl-retry{margin-top:8px;font:inherit;font-size:12px;font-weight:800;padding:7px 12px;border-radius:10px;border:1px solid var(--wg-accent);background:var(--wg-s4);color:inherit;cursor:pointer}
html[data-theme="light"] .pnl-more,html[data-theme="light"] .pnl-retry{background:#fff}
.pnl-pend{display:block}
.pnl-bonus{margin-top:14px;border:1px solid var(--wg-accent-lo);border-radius:12px;background:var(--wg-s3)}
html[data-theme="light"] .pnl-bonus{background:#fff;border-color:var(--wg-accent-pale)}
.pnl-bonus summary{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;cursor:pointer;font-size:12px;font-weight:750}
.pnl-bonus summary strong{font-size:15px;font-variant-numeric:tabular-nums}
.pnl-bonus ul{margin:0;padding:0 14px 12px;list-style:none;display:grid;gap:5px;font-size:12px}
.pnl-bonus li{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed var(--wg-accent-lo);padding-top:5px}
.pnl-foot{margin:12px 2px 0;font-size:11px;line-height:1.5;opacity:.8}
.pnl-empty{margin:12px 0 0;font-size:13px}
/* skeletons */
.pnl-sk{position:relative;overflow:hidden}
.pnl-sk-line{display:block;height:12px;width:55%;border-radius:6px;background:color-mix(in srgb,currentColor 14%,transparent)}
.pnl-sk-line.big{height:26px;width:75%;margin-top:10px}
.pnl-sk::after,[data-canonical-profile][data-state="loading"] .wg-canonical-head::after{content:'';position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,currentColor 9%,transparent),transparent);animation:pnl-shine 1.2s infinite}
[data-canonical-profile][data-state="loading"] .wg-canonical-head{position:relative;overflow:hidden}
@keyframes pnl-shine{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.pnl-sk::after,[data-canonical-profile][data-state="loading"] .wg-canonical-head::after{animation:none}}
/* the old partial W stats grid and the short W-movement card are replaced by the blocks above */
body[data-page="profile"] [data-profile-stats] [data-stat-grid],body[data-page="profile"] [data-profile-stats] [data-stat-extra],
body[data-page="profile"] [data-profile-stats] [data-solo-breakdown],body[data-page="profile"] [data-profile-stats] [data-stat-status],
body[data-page="profile"] [data-profile-stats] .wg-profile-stats-head p{display:none!important}
body[data-page="profile"] .wg-hub-history{display:none}
body[data-page="profile"] .wg-hub-grid{grid-template-columns:minmax(0,1fr)}
/* history tabs (history.js data-wg-history="tabs") */
.wg-pf-history{margin:0 0 20px}
.wg-pf-history .wgh-box{margin:0;padding:20px 22px;border-radius:22px}
.wgh-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.wgh-head h2{margin:0 0 4px;font-size:clamp(19px,2.2vw,24px)}
.wgh-all{font-size:13px;font-weight:800;color:var(--dp-gold)}
.wgh-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 10px}
.wgh-tab{font:inherit;font-size:13px;font-weight:800;padding:8px 14px;border-radius:999px;border:1px solid var(--dp-line);background:var(--dp-card2);color:var(--dp-ink);cursor:pointer}
.wgh-tab.on{border-color:var(--dp-gold);color:var(--dp-gold);box-shadow:inset 0 0 0 1px var(--dp-gold)}
.wgh-sk{display:block;height:38px;margin:6px 0;border-radius:10px;background:color-mix(in srgb,var(--dp-ink) 8%,transparent)}
@media(max-width:850px){.pnl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wg-pnl{padding:15px;border-radius:18px}.pnl-seg{width:100%;justify-content:space-between}.pnl-seg button{flex:1;padding:7px 4px}
  .pnl-hero{padding:14px}.pnl-tile{padding:11px}.pnl-game{grid-template-columns:minmax(0,1fr) auto auto;font-size:11px}
  .pnl-game>.pnl-game-s{display:none}.wg-pf-history .wgh-box{padding:14px}}
.pf-collapsed>:nth-child(n+5){display:none!important}
.pf-goals-more{margin-top:10px}