/* /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/help-fab.css */
.wg-help-fab{--wg-panel:var(--wg-s1);--wg-card:var(--wg-s3);--wg-border:var(--wg-accent-lo);--wg-text:var(--wg-text-tint);--wg-muted:var(--wg-text-tint);--wg-accent:var(--wg-accent-hi);position:fixed;z-index:80;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font-family:inherit;color:var(--wg-text)}
html[data-theme="light"] .wg-help-fab{--wg-panel:var(--wg-pale);--wg-card:#fff;--wg-border:var(--wg-accent-hi);--wg-text:var(--wg-accent-deep);--wg-muted:var(--wg-accent-lo);--wg-accent:var(--wg-accent-deep)}
.wg-help-fab *{box-sizing:border-box}.wg-help-fab [hidden]{display:none!important}
.wg-help-trigger,.wg-help-close,.wg-help-tabs button,.wg-help-refresh,.wg-help-back,.wg-help-ticket,.wg-help-report-link,.wg-help-transfer-link,.wg-help-transfer-confirm button,.wg-help-transfer-history-toggle,.wg-help-fab form button{font:inherit;cursor:pointer}
.wg-help-trigger{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin-left:auto;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 65.9%,transparent);border-radius:19px;background:linear-gradient(145deg,var(--wg-s5),var(--wg-s3));color:var(--wg-text-tint);box-shadow:0 12px 30px #0009,0 0 24px color-mix(in srgb,var(--wg-accent) 22%,transparent),inset 0 1px #ffffff50}
.wg-help-trigger:hover,.wg-help-trigger:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}.wg-help-trigger svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wg-help-panel{position:absolute;right:0;bottom:70px;display:flex;flex-direction:column;width:min(560px,calc(100vw - 28px));height:min(760px,calc(100dvh - 106px));min-height:300px;border:1px solid var(--wg-accent);border-radius:22px;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--wg-s4) 40%,transparent),transparent 45%),var(--wg-panel);box-shadow:0 24px 68px #000c,0 0 36px color-mix(in srgb,var(--wg-accent) 12.9%,transparent),inset 0 1px color-mix(in srgb,var(--wg-accent-pale) 18.8%,transparent);overflow:hidden}
.wg-help-head{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;max-width:none;min-height:0;margin:0;padding:17px 19px 15px;background:linear-gradient(125deg,var(--wg-s4),var(--wg-s2) 68%,var(--wg-s2));border-bottom:1px solid color-mix(in srgb,var(--wg-accent) 54.9%,transparent)}
.wg-help-head small{color:#e3c981;font-size:10px;font-weight:900;letter-spacing:.16em}.wg-help-head h2{margin:3px 0 0;color:var(--wg-text-tint);font-size:20px;line-height:1.2}
.wg-help-close{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--wg-accent) 62.7%,transparent);border-radius:11px;background:var(--wg-s3);color:var(--wg-text-tint);font-size:25px;line-height:1}
.wg-help-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wg-border)}
.wg-help-tabs button{min-height:44px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-muted);font-size:13px;font-weight:800}
.wg-help-tabs button[aria-selected="true"]{border-color:var(--wg-accent-hi);background:linear-gradient(135deg,var(--wg-s5),var(--wg-s4));color:var(--wg-text-tint)}
.wg-help-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:12px;overflow:hidden;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-status{margin:0 0 9px;color:var(--wg-muted);font-size:12px;line-height:1.4}.wg-help-auth{padding:18px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}
.wg-help-auth p{margin:0 0 12px;line-height:1.45}.wg-help-auth a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-weight:800}
.wg-help-messages,.wg-help-ticket-messages{display:grid;gap:9px}.wg-help-message{padding:10px 12px;border:1px solid var(--wg-border);border-radius:12px;background:var(--wg-card);overflow-wrap:anywhere}
.wg-help-message p{margin:6px 0;color:var(--wg-text);font-size:13px;line-height:1.4;white-space:pre-wrap}.wg-help-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wg-help-meta strong,.wg-help-message strong{font-size:12px}.wg-help-meta time,.wg-help-message time{color:var(--wg-muted);font-size:10px}.wg-help-empty{padding:15px;color:var(--wg-muted);font-size:13px}
.wg-help-report-link{min-height:44px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px}
.wg-help-transfer-link{min-height:44px;margin-right:12px;padding:8px 0;border:0;background:none;color:#e9d797;font-size:11px;font-weight:800}
.wg-help-transfer{margin:12px 0;padding:13px;border:1px solid #b99b55;border-radius:12px;background:var(--wg-card)}.wg-help-transfer-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wg-help-transfer-head strong{color:var(--wg-accent);font-size:13px}.wg-help-transfer-close{flex:none;min-width:44px;min-height:44px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font:inherit;font-size:20px;cursor:pointer}.wg-help-transfer-recipient,.wg-help-transfer-confirm p{margin:8px 0;color:var(--wg-text);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.wg-help-transfer-confirm{margin-top:10px;padding-top:8px;border-top:1px solid var(--wg-border)}.wg-help-transfer-confirm>div{display:flex;gap:8px}.wg-help-transfer-confirm button{flex:1;min-height:44px;padding:7px;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text)}.wg-help-transfer-confirm [data-transfer-confirm]{border-color:var(--wg-accent-hi);background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent-lo));color:#fff;font-weight:900}.wg-help-transfer-confirm button:disabled{opacity:.55}
.wg-help-transfer-history-toggle{min-height:44px;margin-top:9px;padding:8px 0;border:0;background:none;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-transfer-history{padding:8px;border:1px solid var(--wg-border);border-radius:9px}.wg-help-transfer-history p{margin:5px 0;color:var(--wg-muted);font-size:11px;line-height:1.35}
.wg-help-fab form{display:grid;gap:8px;margin-top:12px}.wg-help-fab form label{display:grid;gap:5px;color:var(--wg-muted);font-size:12px;font-weight:800}
.wg-help-fab textarea,.wg-help-fab input{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--wg-border);border-radius:10px;background:var(--wg-card);color:var(--wg-text);font:inherit;font-size:13px;line-height:1.4;resize:vertical}
.wg-help-fab form button{min-height:44px;padding:9px 13px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font-size:12px;font-weight:900}
.wg-help-fab form button:disabled{opacity:.55;cursor:wait}.wg-help-report{padding:10px;border:1px solid var(--wg-border);border-radius:11px;background:var(--wg-card)}.wg-help-report>div{display:flex;gap:6px}.wg-help-report>div button{flex:1}
.wg-help-block{margin-bottom:12px;padding:13px;border:1px solid var(--wg-border);border-radius:13px;background:var(--wg-card)}.wg-help-block>strong{font-size:13px;color:var(--wg-accent)}.wg-help-block>p{margin:6px 0;color:var(--wg-muted);font-size:11px;line-height:1.45}
.wg-help-faq-answer{margin-top:9px;padding:10px;border:1px solid var(--wg-border);border-radius:10px}.wg-help-faq-answer strong{font-size:12px}.wg-help-faq-answer p{margin:6px 0 0;font-size:12px;line-height:1.4;white-space:pre-wrap}
.wg-help-faq-handoff{min-height:44px;margin-top:10px;padding:9px 12px;border:1px solid var(--wg-accent-hi);border-radius:10px;background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.wg-help-ticket{display:block;width:100%;min-height:44px;margin-top:7px;padding:8px;text-align:left;border:1px solid var(--wg-border);border-radius:9px;background:var(--wg-panel);color:var(--wg-text);font-size:12px;overflow-wrap:anywhere}.wg-help-ticket:hover{border-color:var(--wg-accent)}
.wg-help-ticket-detail{margin-top:10px}.wg-help-ticket-detail h3{font-size:14px}.wg-help-back{min-height:44px;border:0;background:none;color:var(--wg-accent)}
.wg-help-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:8px;width:100%;max-width:none;min-height:0;margin:0;padding:9px 13px;border-top:1px solid var(--wg-border);background:var(--wg-card)}
.wg-help-foot a{display:inline-flex;align-items:center;min-height:44px;color:var(--wg-accent);font-size:11px;font-weight:800}.wg-help-refresh{min-height:44px;padding:7px;border:0;background:none;color:var(--wg-muted);font-size:12px}
.wg-help-body>div[role="tabpanel"]{flex:1;min-height:0}
#wg-help-chat-pane{display:flex;flex-direction:column;overflow:hidden}
#wg-help-support-pane{overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.wg-help-messages,.wg-help-ticket-messages{align-content:start;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--wg-accent) transparent}
.wg-help-messages{flex:1;padding:4px 3px 12px 1px}
.wg-help-message{padding:12px 14px;border-radius:14px;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent) 33.3%,transparent)}
.wg-help-message-own{margin-left:11%;background:var(--wg-s4);box-shadow:inset -3px 0 #e9c77d8c}
.wg-help-role{display:inline-flex;align-items:center;border:1px solid #d6bb79a1;border-radius:999px;padding:3px 7px;color:#f6dc9b;font-size:10px;font-weight:800;white-space:nowrap}
.wg-help-meta{flex-wrap:wrap;gap:6px 9px}
.wg-help-chat-form{flex:none;margin-top:8px!important;padding:12px 1px 0;border-top:1px solid var(--wg-border)}
.wg-help-chat-form label{font-size:11px!important}
.wg-help-chat-form textarea{max-height:105px;min-height:54px}
.wg-help-chat-form button{justify-self:end;min-width:120px}
.wg-help-name-form{flex:none;max-height:148px;overflow:auto;margin:8px 0 0!important;padding:10px;border:1px solid var(--wg-accent-hi);border-radius:12px;background:var(--wg-s3)}
.wg-help-name-form p{margin:0;color:var(--wg-muted);font-size:11px}
.wg-help-transfer,.wg-help-report{flex:none;max-height:190px;overflow-y:auto;overscroll-behavior:contain}
.wg-help-transfer{border-color:#bba369}
.wg-help-ticket-open{display:flex;flex-direction:column;overflow:hidden!important}
.wg-help-ticket-open>.wg-help-block:not(:last-child),.wg-help-ticket-open .wg-help-tickets{display:none}
.wg-help-ticket-open>.wg-help-block:last-child{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:0}
.wg-help-ticket-open .wg-help-ticket-detail{display:flex;flex-direction:column;flex:1;min-height:0}
.wg-help-ticket-open .wg-help-ticket-messages{flex:1;padding-right:3px}
.wg-help-ticket-open .wg-help-reply-form{flex:none;padding-top:10px;border-top:1px solid var(--wg-border)}
html[data-theme="light"] .wg-help-message-own{background:var(--wg-pale-2)}
html[data-theme="light"] .wg-help-name-form{background:var(--wg-pale)}
html[data-theme="light"] .wg-help-role{color:#78551f;border-color:#a47d3b}
.wg-help-fab button:focus-visible,.wg-help-fab a:focus-visible,.wg-help-fab textarea:focus-visible,.wg-help-fab input:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
html[data-theme="light"] .wg-help-trigger{background:linear-gradient(145deg,var(--wg-accent),var(--wg-accent));color:var(--wg-accent-deep);border-color:var(--wg-accent)}html[data-theme="light"] .wg-help-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--wg-accent-pale),var(--wg-pale-2));color:var(--wg-accent-deep)}
@media(max-width:600px){.wg-help-fab{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom))}.wg-help-trigger{width:52px;height:52px}.wg-help-panel{bottom:63px;width:calc(100vw - 20px);height:calc(100dvh - 86px);border-radius:17px}.wg-help-fab textarea,.wg-help-fab input{font-size:16px}.wg-help-body{padding:10px}.wg-help-chat-form button{min-width:110px}.wg-help-transfer{max-height:min(270px,48dvh);overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.wg-help-fab *{scroll-behavior:auto!important;transition:none!important}}
.wg-help-name-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;flex:none;margin-top:6px;color:var(--wg-muted);font-size:11px}
.wg-help-name-bar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wg-help-name-toggle{flex:none;min-height:38px;padding:5px 2px;border:0;background:none;color:var(--wg-accent);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
/* CHAT 2026-10-16: calmer message well, readable bubbles, pills, typing, keyboard-safe composer. */
.wg-help-fab{--wg-well:var(--wg-s1);--wg-bubble:var(--wg-accent-deep);--wg-bubble-own:var(--wg-accent-deep);--wg-bubble-ai:var(--wg-s4);--wg-bubble-staff:var(--wg-s3);--wg-well-line:var(--wg-s5);bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}
html[data-theme="light"] .wg-help-fab{--wg-well:var(--wg-pale);--wg-bubble:#ffffff;--wg-bubble-own:var(--wg-pale-2);--wg-bubble-ai:var(--wg-pale);--wg-bubble-staff:#fbf4e4;--wg-well-line:var(--wg-pale-2)}
html body .wg-help-fab :is(.wg-help-messages,.wg-help-ticket-messages,.wg-help-faq-thread){background:var(--wg-well)!important;border:1px solid var(--wg-well-line);border-radius:14px;padding:10px 8px 12px}
.wg-help-faq-thread:empty{display:none}
.wg-help-faq-thread{display:grid;gap:8px;margin:10px 0 0;max-height:min(46dvh,420px);overflow-y:auto;overscroll-behavior:contain}
html body .wg-help-fab .wg-help-message{background:var(--wg-bubble)!important;border-color:var(--wg-well-line)!important;max-width:88%;box-shadow:none}
html body .wg-help-fab .wg-help-message-own{background:var(--wg-bubble-own)!important;margin-left:auto;box-shadow:inset -3px 0 #e9c77d8c}
html body .wg-help-fab .wg-help-message-assistant{background:var(--wg-bubble-ai)!important;box-shadow:inset 3px 0 color-mix(in srgb,var(--wg-accent-pale) 60%,transparent)}
html body .wg-help-fab .wg-help-message-staff{background:var(--wg-bubble-staff)!important;box-shadow:inset 3px 0 #e3c16f99}
.wg-help-message p{font-size:14px;line-height:1.45}
.wg-help-meta time{white-space:nowrap}
.wg-help-new-pill{position:sticky;bottom:8px;align-self:center;z-index:2;min-height:36px;margin:-44px auto 8px;padding:6px 14px;border:1px solid var(--wg-accent-hi);border-radius:999px;background:var(--wg-s4);color:var(--wg-text-tint);font:inherit;font-size:12px;font-weight:800;box-shadow:0 6px 18px #0008;cursor:pointer}
html[data-theme="light"] .wg-help-new-pill{background:var(--wg-s5);color:#fff}
.wg-help-unread-divider{display:flex;align-items:center;gap:8px;color:#f0c76b;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.wg-help-unread-divider::before,.wg-help-unread-divider::after{content:"";flex:1;height:1px;background:currentColor;opacity:.5}
html[data-theme="light"] .wg-help-unread-divider{color:#8a5a12}
.wg-help-tabs button[data-unread]:not([data-unread=""])::after{content:attr(data-unread);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900}
.wg-help-typing{margin:6px 2px 0;color:var(--wg-muted);font-size:12px;font-style:italic}
.wg-help-typing::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:wg-help-dots 1.2s steps(4,end) infinite}
@keyframes wg-help-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.wg-help-badge{display:inline-flex;align-items:center;padding:2px 8px;border:1px solid #e0b75a;border-radius:999px;color:#f6d58a;font-size:10px;font-style:normal;font-weight:800}
html[data-theme="light"] .wg-help-badge{color:#7a4c06;border-color:#b98a2b}
.wg-help-ticket strong{display:block;font-size:13px}.wg-help-ticket-line{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--wg-muted);font-size:11px}
.wg-help-ticket-state{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:0 0 8px;color:var(--wg-muted);font-size:12px}
.wg-help-alias-link{flex:none;margin-left:auto;color:var(--wg-accent);font-size:11px;font-weight:800}
.wg-help-guest>.wg-help-block:not(.wg-help-faq-block){display:none}
.wg-help-faq-block .wg-help-faq-handoff{display:inline-flex;align-items:center;text-decoration:none}
.wg-help-faq-form{margin-top:10px!important}
.wg-help-faq-form textarea,.wg-help-reply-form textarea,.wg-help-chat-form textarea{resize:none}
@media(max-width:600px){.wg-help-fab{bottom:calc(max(10px,env(safe-area-inset-bottom)) + var(--wg-kb,0px))}.wg-help-panel{height:calc(100dvh - 86px - var(--wg-kb,0px) - env(safe-area-inset-top));min-height:260px}.wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}.wg-help-message{max-width:94%}}
@media(max-width:600px){html body.mp-body .wg-help-fab{bottom:calc(var(--rd-dock-h,0px) + 12px + var(--wg-kb,0px))!important}html body.mp-body .wg-help-panel{height:calc(100dvh - 86px - var(--rd-dock-h,0px) - var(--wg-kb,0px))}}
.wg-help-ticket-open>.wg-help-block:last-child>strong,.wg-help-ticket-open .wg-help-reply-form label{font-size:0}
.wg-help-ticket-open .wg-help-reply-form label textarea{font-size:14px}
.wg-help-ticket-open .wg-help-ticket-detail h3{margin:2px 0 6px}
.wg-help-ticket-open .wg-help-ticket-messages{min-height:200px}
.wg-help-ticket-open .wg-help-reply-form textarea{min-height:46px;max-height:110px}
.wg-help-ticket-open .wg-help-reply-form{margin-top:8px!important}
@media(max-width:600px){.wg-help-ticket-open .wg-help-back{min-height:36px}.wg-help-ticket-open .wg-help-reply-form textarea{font-size:16px!important}}

/* UI 2026-10-17: on phones the open chat was anchored above the chat button, which sits
   above the stake bar and the dock. Its top (title, tabs) went off screen, the message
   list shrank to a sliver (cut «Передать W / Пожаловаться») and the game showed through
   below. Open chat = one full-screen sheet over everything; × in the header closes it. */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open{z-index:1200;bottom:0!important;right:0}
  html body .wg-help-fab.wg-help-open .wg-help-trigger{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{position:fixed;inset:0;top:0;bottom:var(--wg-kb,0px);width:auto;height:auto!important;max-height:none;min-height:0;
    border-radius:0;border-width:0;padding-top:env(safe-area-inset-top)}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:10px 12px 9px}
  html body .wg-help-fab.wg-help-open .wg-help-head h2{font-size:17px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs{padding:8px 10px}
  html body .wg-help-fab.wg-help-open .wg-help-tabs button{min-height:40px}
  html body .wg-help-fab.wg-help-open .wg-help-messages{min-height:120px}
  html body .wg-help-fab.wg-help-open .wg-help-message .wg-help-meta{flex-wrap:wrap}
  html body .wg-help-fab.wg-help-open .wg-help-transfer-link,
  html body .wg-help-fab.wg-help-open .wg-help-report-link{min-height:36px;padding:6px 0}
  html body .wg-help-fab.wg-help-open .wg-help-foot{padding-bottom:max(9px,env(safe-area-inset-bottom))}
  html.wg-help-open,html.wg-help-open body{overflow:hidden!important}
}
/* support desk names 2026-10-21: «автоответ» badge next to the agent name */
.wg-help-auto{font-style:normal;font-size:10px;line-height:1;padding:3px 6px;border-radius:999px;color:var(--wg-muted);border:1px solid color-mix(in srgb,var(--wg-muted) 45%,transparent);margin-right:auto}
/* chat 2.0 + radio 2026-10-21: the messenger view fills the chat pane; unread / @ badge on the button */
#wg-help-chat-pane .wg-help-chat2{display:flex;flex-direction:column;flex:1;min-height:0}
#wg-help-chat-pane .wg-help-chat2>.wg-help-empty{margin:auto}
.wg-help-chat2 .wgc-dock>*{margin-top:6px!important}
.wg-help-chat2 .wg-help-name-bar{margin-top:4px}
.wg-help-trigger{position:relative}
.wg-help-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border:2px solid var(--wg-s1);border-radius:999px;background:#e9c262;color:#1d1503;font-size:11px;font-weight:900;line-height:18px;text-align:center}
.wg-help-count.wg-help-count-at{background:#ff6b7a;color:#fff}
html[data-theme="light"] .wg-help-count{border-color:#fff}
@media(min-width:601px){.wg-help-panel{width:min(600px,calc(100vw - 28px))}}

/* BEGIN CHATFAB cf1 (2026-10-21): two floating buttons (chat / support, v9 obsidian + gold + neon),
   tall compact panel: tabs in the header, one-line radio, pin chip, larger readable messages. */
.wg-help-sr{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.wg-help-fabs{display:flex;align-items:center;justify-content:flex-end;gap:10px}
html body .wg-help-fab .wg-help-trigger{position:relative;margin-left:0;padding:0;border:1px solid #c9a24a99;
  background:radial-gradient(circle at 30% 18%,var(--wg-s4) 0,var(--wg-s2) 52%,var(--wg-s0) 100%);color:#f3e2b0;
  box-shadow:0 12px 28px #000a,0 0 18px color-mix(in srgb,var(--wg-accent) 18%,transparent),inset 0 1px #ffffff2b,inset 0 -3px 8px color-mix(in srgb,var(--wg-accent) 11%,transparent);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
html body .wg-help-fab .wg-help-trigger::after{content:"";position:absolute;inset:3px;border:1px solid #e9c26226;border-radius:inherit;pointer-events:none}
html body .wg-help-fab .wg-help-trigger:hover{transform:translateY(-2px);border-color:#e9c262;box-shadow:0 14px 30px #000b,0 0 24px color-mix(in srgb,var(--wg-accent) 33.3%,transparent),inset 0 1px #ffffff33}
html body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{border-color:#e9c262;box-shadow:0 0 0 2px #e9c26255,0 10px 26px #000a,0 0 26px color-mix(in srgb,var(--wg-accent) 40%,transparent),inset 0 1px #ffffff33}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger{border-color:#b8903a;background:radial-gradient(circle at 30% 18%,#ffffff 0,var(--wg-pale) 55%,var(--wg-pale-2) 100%);
  box-shadow:0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 14px color-mix(in srgb,var(--wg-accent) 14.9%,transparent),inset 0 1px #fff}
html[data-theme="light"] body .wg-help-fab .wg-help-trigger.wg-help-trigger-active{box-shadow:0 0 0 2px #c99525aa,0 10px 24px color-mix(in srgb,var(--wg-accent-deep) 22%,transparent),0 0 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}
.wg-help-fab .wg-help-ico{display:block;width:66%;height:66%;object-fit:contain;filter:drop-shadow(0 2px 3px #0009);pointer-events:none}
html[data-theme="light"] .wg-help-fab .wg-help-ico{filter:drop-shadow(0 2px 2px #0004)}
.wg-help-fab .wg-help-trigger .wg-help-fallback{display:none}
.wg-help-fab .wg-help-trigger:not(:has(.wg-help-ico)) .wg-help-fallback{display:block}
.wg-help-fab .wg-help-count{z-index:1}
@media(prefers-reduced-motion:reduce){html body .wg-help-fab .wg-help-trigger{transition:none}html body .wg-help-fab .wg-help-trigger:hover{transform:none}}
/* the radio mini-player sits left of BOTH buttons */
@media(min-width:601px){html body .wgr-mini{right:calc(max(14px,env(safe-area-inset-right)) + 140px)}}
/* the page footer keeps its links clear of the two buttons */
@media(min-width:601px){html body:has(.wg-help-fab) .mp-footer{padding-right:calc(150px + env(safe-area-inset-right))}}
@media(max-width:600px){html body:has(.wg-help-fab) .mp-footer{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  /* phones: the page (game field, last cards) can scroll clear of the buttons above the dock / stake bar */
  html body.mp-body:has(.wg-help-fab){padding-bottom:calc(var(--rd-dock-h,0px) + 64px)}
  html body.sbar-mobile.sbar-on:has(.wg-help-fab){padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 70px)!important}}
/* panel: tall (up to ~90 % of the window), header = tabs + tools, no footer row */
@media(min-width:601px){
  html body .wg-help-fab .wg-help-panel{bottom:70px;width:min(620px,calc(100vw - 28px));height:min(calc(100dvh - var(--wg-fab-off,14px) - 82px),90dvh);max-height:none;min-height:320px}
}
@media(min-width:1400px){html body .wg-help-fab .wg-help-panel{width:660px}}
html body .wg-help-fab .wg-help-head{display:flex;align-items:center;gap:8px;padding:8px 10px}
html body .wg-help-fab .wg-help-head .wg-help-tabs{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0;padding:3px;border:1px solid color-mix(in srgb,var(--wg-accent) 33.3%,transparent);border-radius:12px;background:color-mix(in srgb,var(--wg-s0) 50.2%,transparent)}
html body .wg-help-fab .wg-help-head .wg-help-tabs button{min-width:0;min-height:34px;padding:4px 8px;border-radius:9px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .wg-help-fab .wg-help-head .wg-help-tabs button[data-unread]:not([data-unread=""])::after{min-width:18px;height:18px;margin-left:5px;font-size:10px}
.wg-help-tools{flex:none;display:flex;align-items:center;gap:4px}
html body .wg-help-fab .wg-help-tools>:is(button,a){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:0;padding:0;border:1px solid color-mix(in srgb,var(--wg-accent) 40%,transparent);border-radius:10px;background:color-mix(in srgb,var(--wg-s3) 60%,transparent);color:var(--wg-text-tint);font-size:22px;line-height:1;text-decoration:none}
html body .wg-help-fab .wg-help-tools>:is(button,a):hover{border-color:var(--wg-accent-hi);background:var(--wg-s4)}
.wg-help-tools svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="light"] body .wg-help-fab .wg-help-head .wg-help-tabs{background:#ffffff26;border-color:#ffffff55}
html body .wg-help-fab .wg-help-body{padding:8px 10px 10px}
html body .wg-help-fab .wg-help-status{margin:0 0 6px}
html body .wg-help-fab .wg-help-status:empty{display:none}
/* chat: messages get the space */
.wg-help-chat2 .wgc-top{flex-wrap:wrap;gap:6px 8px;margin-bottom:6px}
.wg-help-chat2 .wgc-top>.wgc-online{position:static;order:0;flex:none;align-self:center;pointer-events:auto}
.wg-help-chat2 .wgc-top>.wgc-pin{order:2;flex:1 1 100%;margin:0}
.wg-help-chat2 .wgc-top>.wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed):not(:has(.wgc-pin-form)){order:0;flex:none;align-self:center}
html body .wg-help-chat2 .wgc-pin-add{position:relative;width:34px;height:32px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-style:solid!important;border-radius:10px!important;font-size:0!important}
html body .wg-help-chat2 .wgc-pin-add::before{content:"📌";font-size:15px}
html body .wg-help-chat2 .wgc-pin-mini{min-height:32px;border-style:solid!important;border-radius:10px!important}
.wg-help-chat2 .wgc-pin-text{-webkit-line-clamp:1}
.wg-help-chat2 .wgc-pin{padding:6px 8px}
.wg-help-chat2 .wgc-pin:is(.wgc-pin-empty,.wgc-pin-collapsed){padding:0}
.wg-help-chat2 .wgc-list{min-height:140px;padding:6px 0 12px}
.wg-help-chat2 .wgc-msg{padding:7px 14px 5px 10px;column-gap:10px}
.wg-help-chat2 .wgc-msg.wgc-grouped{padding-top:1px}
.wg-help-chat2 .wgc-nick{font-size:13.5px}
.wg-help-chat2 .wgc-head time{font-size:11.5px}
.wg-help-chat2 .wgc-text{font-size:15px;line-height:1.5}
.wg-help-chat2 .wgc-text.wgc-big{font-size:30px;line-height:1.15}
.wg-help-chat2 .wgc-gtime{opacity:.55}
.wg-help-chat2 .wgc-msg:hover .wgc-gtime{opacity:1}
.wg-help-chat2 .wgc-jump{bottom:calc(var(--wgc-composer,64px) + 26px)}
html body .wg-help-chat2 .wgc-dock>.wg-help-name-bar{margin-top:3px!important}
.wg-help-chat2 .wg-help-name-bar{font-size:11px}
html body .wg-help-chat2 .wg-help-name-bar :is(.wg-help-name-toggle,.wg-help-alias-link){min-height:26px;padding:2px 4px}
html body .wg-help-chat2 .wgc-composer{margin-top:4px!important}
/* radio: one compact line, expands on click */
html body .wg-help-chat2 .wgc-top .wgr-full.wg-help-radio{min-height:0;padding:4px 6px 4px 4px;gap:8px;border-radius:12px}
html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-play{width:32px;height:32px}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-play svg{width:16px;height:16px}
.wg-help-chat2 .wgr-full.wg-help-radio:not(.wg-help-radio-open) :is(.wgr-line2,.wgr-tools,.wgr-about){display:none!important}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-body{cursor:pointer}
.wg-help-chat2 .wgr-full.wg-help-radio-open{flex-wrap:wrap}
.wg-help-chat2 .wgr-full.wg-help-radio-open .wgr-body{flex:1 1 140px}
html body .wg-help-chat2 .wg-help-radio-more{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:0;padding:0;border:1px solid var(--r-line,var(--wg-s5));border-radius:50%;background:none;color:var(--r-muted,var(--wg-text-tint));cursor:pointer}
.wg-help-radio-more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.wg-help-radio-open .wg-help-radio-more svg{transform:rotate(180deg)}
/* phones: almost full screen with margins (keyboard-safe), buttons hidden while open */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open .wg-help-fabs{display:none}
  html body .wg-help-fab.wg-help-open .wg-help-panel{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));
    bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--wg-kb,0px));padding-top:0;border-width:1px;border-radius:18px}
  html body .wg-help-fab.wg-help-open .wg-help-head{padding:7px 8px}
  html body .wg-help-fab .wg-help-body{padding:7px 8px 8px}
  html body .wg-help-fab .wg-help-head .wg-help-tabs button{font-size:12.5px;padding:4px 6px}
  .wg-help-chat2 .wgc-msg{padding:6px 10px 4px 6px;column-gap:8px}
  .wg-help-chat2 .wgc-text{font-size:16px}
  .wg-help-chat2 .wgc-list{min-height:120px}
  .wg-help-fabs{gap:8px}
}
@media(max-width:400px){html body .wg-help-chat2 .wgr-full.wg-help-radio .wgr-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:360px){html body .wg-help-fab .wg-help-tools .wg-help-refresh{display:none}}
/* END CHATFAB cf1 */

/* BEGIN HELPFAB-ALL hf1: buttons in the free space of the game sidebar on desktop game pages; plates pages show them too */
@media(min-width:1024px){
  html body .wg-help-fab.wg-help-left{left:var(--wg-left-x,16px)!important;right:auto!important;bottom:var(--wg-left-bottom,14px)!important;z-index:1010}
  html body .wg-help-fab.wg-help-left .wg-help-fabs{justify-content:flex-start}
  html body .wg-help-fab.wg-help-left .wg-help-panel{left:0;right:auto}
}
html body.plates-page .wg-help-fab{display:block}
.wg-help-spacer{display:block;height:84px;pointer-events:none;clear:both}
@media(max-width:600px){.wg-help-spacer{height:64px}}
.wg-help-spacer[hidden]{display:none}
html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:40px;height:40px;border-radius:13px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-trigger{width:58px;height:58px;border-radius:18px}}
html body .wg-help-fab.wg-help-gutter:not(.wg-help-open){top:var(--wg-gut-top,40vh)!important;bottom:auto!important;right:var(--wg-gut-right,6px)!important;z-index:1100}
html body .wg-help-fab.wg-help-gutter .wg-help-fabs{flex-direction:column;gap:8px}
@media(min-width:601px){html body .wg-help-fab.wg-help-gutter .wg-help-panel{position:fixed;top:auto;right:14px;bottom:14px;height:min(calc(100dvh - 28px),90dvh)}}
/* tabs row removed: the header shows the section title (switch with the two buttons) */
html body .wg-help-fab .wg-help-head .wg-help-tabs{display:none!important}
html body .wg-help-fab .wg-help-head #wg-help-title{position:static!important;width:auto!important;height:auto!important;clip:auto!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis;flex:1;min-width:0;margin:0 0 0 4px!important;padding:0!important;color:var(--wg-text-tint);font-size:17px;font-weight:900;line-height:34px}
html[data-theme="light"] body .wg-help-fab .wg-help-head #wg-help-title{color:var(--wg-text-tint)}
/* resize handles (desktop / tablet only) */
.wg-help-rz{position:absolute;z-index:6;touch-action:none;-webkit-user-select:none;user-select:none}
.wg-help-rz-top{top:-4px;left:18px;right:18px;height:10px;cursor:ns-resize}
.wg-help-rz-side{top:18px;bottom:18px;left:-4px;width:10px;cursor:ew-resize}
.wg-help-rz-corner{top:-5px;left:-5px;width:22px;height:22px;cursor:nwse-resize}
.wg-help-rz-corner::after{content:"";position:absolute;left:7px;top:7px;width:9px;height:9px;border-left:2px solid #e9c262aa;border-top:2px solid #e9c262aa;border-radius:3px 0 0 0}
.wg-help-left .wg-help-rz-side{left:auto;right:-4px}
.wg-help-left .wg-help-rz-corner{left:auto;right:-5px;cursor:nesw-resize}
.wg-help-left .wg-help-rz-corner::after{left:auto;right:7px;border-left:0;border-right:2px solid #e9c262aa;border-radius:0 3px 0 0}
.wg-help-rz:hover,.wg-help-resizing .wg-help-rz{background:color-mix(in srgb,var(--wg-accent) 13.3%,transparent);border-radius:6px}
.wg-help-resizing,.wg-help-resizing *{-webkit-user-select:none!important;user-select:none!important}
.wg-help-resizing .wg-help-panel{transition:none!important}
@media(max-width:600px){.wg-help-rz{display:none}}
/* END HELPFAB-ALL hf1 */

/* BEGIN CHAT-ALIGN al1 (2026-10-21, owner: «чтобы ровно было»): every row of the chat on one axis.
   Message toolbar 😊 ↩ ⋯ -> three same-size line icons (the emoji glyph sat higher than the arrow and dots). */
.wgc .wgc-acts{align-items:center;top:3px}
.wgc .wgc-act{display:inline-flex!important;align-items:center;justify-content:center;width:30px;height:28px;margin:0;padding:0!important;
  font-size:0!important;line-height:0!important;color:var(--c-muted,var(--wg-text-tint))!important;vertical-align:middle}
.wgc .wgc-act::before{content:"";display:block;width:18px;height:18px;background:currentColor;
  -webkit-mask:var(--wgc-ico) center/contain no-repeat;mask:var(--wgc-ico) center/contain no-repeat}
.wgc .wgc-act:hover,.wgc .wgc-act:focus-visible{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-act[data-act="react"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="reply"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 7 4 12l5 5'/%3E%3Cpath d='M4 12h10a6 6 0 0 1 6 6v1'/%3E%3C/svg%3E")}
.wgc .wgc-act[data-act="more"]{--wgc-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Ccircle cx='5' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='19' cy='12' r='2'/%3E%3C/svg%3E")}
/* composer: emoji, text, send on one line (same 36 px height, centred glyphs; the emoji button is a line icon too) */
html body .wgc .wgc-emoji-btn{font-size:0!important;color:var(--c-muted,var(--wg-text-tint))!important}
.wgc .wgc-emoji-btn::before{content:"";display:block;width:22px;height:22px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 14.5c1 1.4 2.4 2.1 4 2.1s3-.7 4-2.1'/%3E%3Cpath d='M9 9.5h.01M15 9.5h.01' stroke-width='3'/%3E%3C/svg%3E") center/contain no-repeat}
html body .wgc .wgc-emoji-btn:hover,html body .wgc .wgc-emoji-btn[aria-expanded="true"]{color:var(--c-text,var(--wg-text-tint))!important}
.wgc .wgc-row{align-items:flex-end}
html body .wgc .wgc-icon,html body .wgc .wgc-send{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:36px!important;line-height:1!important;margin:0!important;vertical-align:middle}
html body .wgc textarea.wgc-input{min-height:36px!important;padding-top:8px!important;padding-bottom:8px!important;line-height:20px!important;margin:0!important}
html body .wgc textarea.wgc-input::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* reactions, menu items, pin chips, online */
.wgc .wgc-react{display:inline-flex;align-items:center;gap:4px;line-height:1}
.wgc .wgc-menu-item{line-height:1.2}
.wgc .wgc-menu-item span:first-child{display:inline-flex;align-items:center;justify-content:center;height:20px}
.wgc .wgc-pin-mini,.wgc .wgc-online{display:inline-flex;align-items:center;line-height:1}
/* rain / task timers row */
.wgc .wgx-bar{align-items:center}
.wgc .wgx-chip,.wgc .wgx-rain{display:inline-flex;align-items:center;gap:4px;height:24px;box-sizing:border-box;line-height:1!important;padding-top:0!important;padding-bottom:0!important;vertical-align:middle}
/* panel header tools and radio row */
.wg-help-tools>:is(button,a){line-height:1!important}
.wg-help-chat2 .wgr-full.wg-help-radio{align-items:center}
.wg-help-chat2 .wgr-full.wg-help-radio .wgr-line1{align-items:center;line-height:1.2}
/* END CHAT-ALIGN al1 */

/* BEGIN PANELS-CLOSE pc1 (2026-10-21): every pop-up closes on phones (big ✕, dim background, swipe, Back, Esc) */
@media(max-width:600px){
  html body .wg-help-fab.wg-help-open::before{content:"";position:fixed;inset:0;background:#000000a6}
  html body .wg-help-fab.wg-help-open .wg-help-head{position:relative;padding-top:14px!important;touch-action:none}
  html body .wg-help-fab.wg-help-open .wg-help-head::after{content:"";position:absolute;top:5px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:#ffffff59;pointer-events:none}
}
@media(pointer:coarse){
  html body .wg-help-fab .wg-help-tools>:is(button,a){width:44px;height:44px}
  html body .wgr-mini .wgr-close{width:44px!important;height:44px!important;font-size:22px!important}
  html body .wg-toast button{min-width:44px;min-height:44px}
  html body :is(.wgf-modal-close,.wg-shell-close,.wg-board-close){min-width:44px!important;min-height:44px!important}
  html body .wgc .wgc-acts .wgc-act{width:40px;height:36px}
}
@media(hover:none){html body .wgc-msg.wgd-sel .wgc-acts{display:flex!important}html body .wgc-msg.wgd-sel{background:var(--c-row-hover)}}
.wgc .wgd-x{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid var(--c-line,var(--wg-s4));border-radius:12px;background:none;color:var(--c-text,#fff);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.wgx-bar .wgd-bar-x{flex:none;width:30px;height:26px;margin-left:2px;border:0;border-radius:8px;background:none;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.75}
@media(pointer:coarse){.wgx-bar .wgd-bar-x{width:40px;height:32px}}
.wgx-bar.wgd-gone{display:none!important}
.wg-toasts{pointer-events:none!important}.wg-toasts>*{pointer-events:auto}
.wgd-out{opacity:0!important;transition:opacity .25s ease}
/* chat extras windows (player card, moderation, rain): ✕ in the corner, sheet grip on phones */
.wgx-back .wgx-modal{position:relative}
.wgx-back .wgd-mx{position:absolute;top:6px;right:6px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:inherit;font-size:24px;line-height:1;cursor:pointer}
.wgx-back .wgx-modal>h3{padding-right:48px}
.wgx-back .wgd-grip{display:none}
@media(max-width:600px){.wgx-back .wgx-modal{padding-top:26px!important}.wgx-back .wgd-grip{display:block;position:absolute;top:0;left:56px;right:56px;height:30px;touch-action:none}
  .wgx-back .wgd-grip::before{content:"";position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:2px;background:color-mix(in srgb,var(--wg-accent) 60%,transparent)}}
@media(pointer:coarse){.wgx-menu button{min-height:44px}}
/* END PANELS-CLOSE pc1 */
