/* /assets/nav-collapse.css */
/* Desktop collapse / expand for the green menu (release-menu-toggle-20261016).
   html.wg-nav-collapsed is set before first paint by the page head and kept by
   assets/nav-collapse.js (localStorage 'windgame-nav-collapsed').
   Main pages (#sidebar.mp-sidebar): desktop from 781px. Game pages (#wg-shell-sidebar): from 1181px.
   Below those widths the menu stays the drawer behind the burger and the button is hidden. */
:root { --wg-nav-full: clamp(252px, 19vw, 300px); --wg-nav-rail: 86px; --wg-nav-ease: cubic-bezier(.2, .7, .2, 1); }

.wg-nav-collapse { display: none; }

/* ---------- The round edge button ---------- */
@media (min-width: 781px) { .wg-nav-collapse--mp { display: grid; } }
@media (min-width: 1181px) { .wg-nav-collapse--shell { display: grid; } }
html body .wg-nav-collapse {
  position: fixed;
  z-index: 1002;
  top: 50%;
  /* Sits in the notch of the menu's curved right edge (sidebar-mask.svg: x = 81–83% at mid-height). */
  left: calc(7px + var(--wg-nav-w) * .82 - 13px);
  width: 34px;
  height: 34px;
  margin: -17px 0 0;
  padding: 0;
  place-items: center;
  border: 1px solid #a89561;
  border-radius: 50%;
  background: radial-gradient(circle at 32% 22%, #6b7a4a, transparent 55%), linear-gradient(150deg, #2c4632, #10241c 78%);
  color: #f3dc9a;
  box-shadow: 0 4px 10px #000a, inset 0 1px #fff4c255, 0 0 0 3px #0c1a1499;
  cursor: pointer;
  font: inherit;
  transform: none;
  transition: left .28s var(--wg-nav-ease), background-color .2s, box-shadow .2s, color .2s;
}
html body .wg-nav-collapse svg { display: block; transition: transform .28s var(--wg-nav-ease); }
html.wg-nav-collapsed body .wg-nav-collapse svg { transform: rotate(180deg); }
@media (hover: hover) {
  html body .wg-nav-collapse:hover { color: #fff3c9; box-shadow: 0 5px 14px #000b, inset 0 1px #fff4c277, 0 0 0 3px #0c1a1499, 0 0 14px #e9c97955; transform: none; }
}
html body .wg-nav-collapse:focus-visible { outline: 2px solid #d3ff84; outline-offset: 3px; }
html[data-theme='light'] body .wg-nav-collapse {
  border-color: #b49a5c;
  background: radial-gradient(circle at 32% 22%, #fffbe8, transparent 58%), linear-gradient(150deg, #eef5e6, #d3e4d3 80%);
  color: #6b5420;
  box-shadow: 0 4px 10px #3e584a40, inset 0 1px #fff, 0 0 0 3px #f3f6f0cc;
}
html[data-theme='light'] body .wg-nav-collapse:focus-visible { outline-color: #3b722b; }

/* Accessible but invisible text on the rail (names stay for screen readers). */
/* ---------- Main pages (multipage.css menu) ---------- */
@media (min-width: 781px) {
  :root { --wg-nav-w: var(--wg-nav-full); }
  html.wg-nav-collapsed { --wg-nav-w: var(--wg-nav-rail); }
  html body .mp-sidebar { width: var(--wg-nav-w); transition: width .28s var(--wg-nav-ease), padding .28s var(--wg-nav-ease); }
  html body .mp-wrap { margin-left: var(--wg-nav-w); transition: margin-left .28s var(--wg-nav-ease); }

  html.wg-nav-collapsed body .mp-sidebar { padding: 18px 16px 16px 9px; overflow-x: hidden; }
  html.wg-nav-collapsed body .mp-brand { justify-content: center; padding: 0 0 8px; }
  html.wg-nav-collapsed body .mp-brand-wordmark,
  html.wg-nav-collapsed body .mp-side-nav a > span:not(.mp-nav-glyph) {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  html.wg-nav-collapsed body .mp-sidebar-label { visibility: hidden; height: 6px; padding: 0; overflow: hidden; }
  html.wg-nav-collapsed body .mp-side-nav a { justify-content: center; gap: 0; padding: 4px 0; }
  html.wg-nav-collapsed body .mp-side-nav a:hover { transform: none; }
  html.wg-nav-collapsed body .mp-nav-group.rd-dock { display: flex; flex-direction: column; gap: 3px; padding-top: 8px; }
  html.wg-nav-collapsed body .rd-dock a { min-height: 46px; padding: 4px 0; }
  html.wg-nav-collapsed body .mp-sidebar-note { display: none; }
}

/* ---------- Game pages (game-shell.css menu) ---------- */
@media (min-width: 1181px) {
  :root { --wg-nav-w: var(--wg-nav-full); }
  html.wg-nav-collapsed { --wg-rail-w: var(--wg-nav-rail); --wg-nav-w: var(--wg-nav-rail); }
  html body.wg-shell-ready { transition: padding-left .28s var(--wg-nav-ease); }
  html body .wg-shell-sidebar { transition: width .28s var(--wg-nav-ease), padding .28s var(--wg-nav-ease); }

  html.wg-nav-collapsed body .wg-shell-sidebar { padding: 18px 16px 16px 9px; overflow-x: hidden; }
  html.wg-nav-collapsed body .wg-shell-brand { justify-content: center; padding: 0 0 8px; }
  html.wg-nav-collapsed body .wg-shell-brand-wordmark,
  html.wg-nav-collapsed body .wg-shell-nav a > span:not(.wg-shell-nav-glyph) {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  html.wg-nav-collapsed body .wg-shell-label { visibility: hidden; height: 6px; padding: 0; overflow: hidden; }
  html.wg-nav-collapsed body .wg-shell-nav a { justify-content: center; gap: 0; padding: 4px 0; }
  html.wg-nav-collapsed body .wg-shell-nav a:hover { transform: none; }
  html.wg-nav-collapsed body .wg-shell-nav-group.wg-shell-dock { display: flex; flex-direction: column; gap: 3px; padding-top: 8px; }
  html.wg-nav-collapsed body .wg-shell-dock a { min-height: 46px; padding: 4px 0; }
  /* Theme and language stay one click away: expand the menu. */
  html.wg-nav-collapsed body .wg-shell-footer { display: none; }
}

/* ---------- Game pages whose header sits in a wrapper (.shell > header, main > header) ----------
   arena-game-shell.js marks the header it uses with .wg-shell-header; game-shell.css only
   knows body > header, so the burger room on tablets and phones is given here. */
@media (max-width: 1180px) {
  body.wg-shell-ready .wg-shell-header { position: relative; padding-left: max(76px, calc(env(safe-area-inset-left) + 76px)); }
}
/* Narrow phones: the burger takes 76px, so a full header may wrap onto a second line instead of
   pushing the page sideways. */
@media (max-width: 600px) {
  body.wg-shell-ready .wg-shell-header { flex-wrap: wrap; row-gap: 8px; min-width: 0; max-width: 100%; box-sizing: border-box; }
}
/* Phones: games with their own fixed action row (trainings, Chicken) keep it above the quick bar. */
@media (max-width: 780px) {
  body.wg-shell-ready .button-row, body.wg-shell-ready.wg-premium .button-row { bottom: var(--wg-bar-h, 0px); }
  body.wg-shell-ready.wg-premium-coin .coin-choice { bottom: calc(77px + env(safe-area-inset-bottom) + var(--wg-bar-h, 0px)); }
}
/* Race: its older built-in sidebar and burger give way to the shared menu. */
body.wg-shell-ready > aside#side-menu, body.wg-shell-ready #menu-toggle.mobile-menu { display: none !important; }
body.wg-shell-ready > aside#side-menu ~ main { margin-left: 0; }

@media (prefers-reduced-motion: reduce) {
  html body .wg-nav-collapse, html body .wg-nav-collapse svg,
  html body .mp-sidebar, html body .mp-wrap,
  html body.wg-shell-ready, html body .wg-shell-sidebar { transition: none !important; }
}

/* /assets/nav-v5.css */
/* Navigation v5 (TZ3 §7, release-tz-nav-20261016): bigger, brighter tile icons, larger labels,
   stronger contrast, one hover/selected system for the site menu (.mp-*), the game-page menu
   (.wg-shell-*) and both phone quick bars. Visual only; loaded after nav-collapse.css.
   Owner art slots (html.art-nav-*) keep priority; owner-only entries (Номера, Админ панель) get tiles too. */
:root { --nv-ico: 40px; --nv-ease: cubic-bezier(.2, .7, .2, 1); --nv-gold: #f2d27a; --nv-text: var(--wg-text-tint); --nv-muted: var(--wg-text-tint); }

/* ---------- Icons (one set for menus and bars) ---------- */
.mp-nav-games .mp-nav-glyph::after, .wg-shell-nav-games .wg-shell-nav-glyph::after, .rd-bb-games .rd-bb-icon, .wg-shell-bar-games .wg-shell-bar-icon { background-image: url("/assets/nav-icons-v5/games.svg"); }
.mp-nav-lobby .mp-nav-glyph::after, .wg-shell-nav-lobby .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/lobby.svg"); }
.mp-nav-rounds .mp-nav-glyph::after, .wg-shell-nav-rounds .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/rounds.svg"); }
.mp-nav-challenges .mp-nav-glyph::after, .wg-shell-nav-challenges .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/challenges.svg"); }
.mp-nav-rankings .mp-nav-glyph::after, .wg-shell-nav-rankings .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/rankings.svg"); }
.mp-nav-tournaments .mp-nav-glyph::after, .wg-shell-nav-tournaments .wg-shell-nav-glyph::after, .rd-bb-tournaments .rd-bb-icon, .wg-shell-bar-tournaments .wg-shell-bar-icon { background-image: url("/assets/nav-icons-v5/tournaments.svg"); }
.mp-nav-referrals .mp-nav-glyph::after, .wg-shell-nav-referrals .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/referrals.svg"); }
.mp-nav-share .mp-nav-glyph::after, .wg-shell-nav-share .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/share.svg"); }
.mp-nav-community .mp-nav-glyph::after, .wg-shell-nav-community .wg-shell-nav-glyph::after { background-image: url("/assets/nav-icons-v5/community.svg"); }
.mp-nav-profile .mp-nav-glyph::after, .wg-shell-nav-profile .wg-shell-nav-glyph::after, .rd-bb-profile .rd-bb-icon, .wg-shell-bar-profile .wg-shell-bar-icon { background-image: url("/assets/nav-icons-v5/profile.svg"); }
.mp-nav-support .mp-nav-glyph::after, .wg-shell-nav-support .wg-shell-nav-glyph::after, .rd-bb-support .rd-bb-icon, .wg-shell-bar-support .wg-shell-bar-icon { background-image: url("/assets/nav-icons-v5/support.svg"); }
.mp-nav-rules .mp-nav-glyph::after, .wg-shell-nav-rules .wg-shell-nav-glyph::after, .rd-bb-rules .rd-bb-icon, .wg-shell-bar-rules .wg-shell-bar-icon { background-image: url("/assets/nav-icons-v5/rules.svg"); }
html body .mp-side-nav .mp-nav-plates .mp-nav-glyph::after { background-image: url("/assets/nav-icons-v5/plates.svg") !important; }
/* «Номера» carries an «Только владелец» mark: put it under the label so the row fits the menu. */
html body .mp-side-nav a.mp-nav-plates { display: grid; grid-template-columns: var(--nv-ico) minmax(0, 1fr); column-gap: 13px; row-gap: 3px; align-items: center; }
html body .mp-side-nav a.mp-nav-plates .mp-nav-glyph { grid-row: 1 / span 2; }
html body .mp-side-nav a.mp-nav-plates .wg-owner-mark { grid-column: 2; justify-self: start; margin: 0; font-size: 8.5px; letter-spacing: .04em; }
html body .mp-side-nav, html body .mp-side-nav a { min-width: 0; }
html body .mp-nav-admin .mp-nav-glyph::after { content: ''; background-image: url("/assets/nav-icons-v5/admin.svg"); }
html body .mp-nav-admin .mp-nav-glyph .mp-icon { display: none; }

/* The tile is the icon now: no second frame around it. */
html body .mp-side-nav .mp-nav-glyph, html body .wg-shell-nav .wg-shell-nav-glyph {
  width: var(--nv-ico); height: var(--nv-ico); flex: none; border: 0; border-radius: 13px; background: none;
  box-shadow: 0 4px 10px #0007; transition: transform .22s var(--nv-ease), box-shadow .22s var(--nv-ease);
}
html body .mp-side-nav .mp-nav-glyph::before, html body .wg-shell-nav .wg-shell-nav-glyph::before { display: none; }
html body .mp-side-nav .mp-nav-glyph::after, html body .wg-shell-nav .wg-shell-nav-glyph::after {
  width: var(--nv-ico); height: var(--nv-ico); background-position: center; background-size: contain; background-repeat: no-repeat; filter: none; transition: transform .22s var(--nv-ease);
}

/* ---------- Items: larger text, clearer contrast, one hover and one selected state ---------- */
html body .mp-side-nav a, html body .wg-shell-nav a {
  position: relative; min-height: 52px; gap: 13px; padding: 5px 10px 5px 6px; border: 1px solid transparent; border-radius: 14px;
  color: var(--nv-text); font-size: 15px; font-weight: 700; letter-spacing: .005em; line-height: 1.2;
  transition: background-color .22s var(--nv-ease), border-color .22s var(--nv-ease), color .22s, transform .22s var(--nv-ease), box-shadow .22s var(--nv-ease);
}
@media (hover: hover) {
  html body .mp-side-nav a:hover, html body .wg-shell-nav a:hover { background: #ffffff12; border-color: #ffffff1f; color: #fff; transform: translateX(2px); }
  html body .mp-side-nav a:hover .mp-nav-glyph, html body .wg-shell-nav a:hover .wg-shell-nav-glyph { transform: translateY(-1px) scale(1.06); box-shadow: 0 6px 14px #0008; }
  html body .mp-side-nav a:hover .mp-nav-glyph::after, html body .wg-shell-nav a:hover .wg-shell-nav-glyph::after { transform: none; }
}
html body .mp-side-nav a:active, html body .wg-shell-nav a:active { transform: scale(.985); }
html body .mp-side-nav a:focus-visible, html body .wg-shell-nav a:focus-visible { outline: 2px solid #d3ff84; outline-offset: 2px; }

/* Selected section: gold edge, lit background, glowing tile. */
html body .mp-side-nav a.active, html body .mp-side-nav a[aria-current="page"], html body .wg-shell-nav a.active {
  background: linear-gradient(100deg, #f2d27a33, #f2d27a14 55%, #ffffff08); border-color: #f2d27a8c; color: #fff8df; font-weight: 800;
  box-shadow: inset 4px 0 var(--nv-gold), 0 0 18px #f2d27a26;
}
html body .mp-side-nav a.active .mp-nav-glyph, html body .mp-side-nav a[aria-current="page"] .mp-nav-glyph, html body .wg-shell-nav a.active .wg-shell-nav-glyph {
  box-shadow: 0 0 0 2px var(--nv-gold), 0 0 16px #f2d27a80, 0 4px 10px #0007;
}

/* Section label above the list. */
html body .mp-sidebar-label, html body .wg-shell-label { color: #e2c581; font-size: 10px; letter-spacing: .2em; }

/* Bottom dock (Профиль / Поддержка / Правила): same tiles, readable labels. */
html body .rd-dock a, html body .wg-shell-dock a { min-height: 84px; gap: 6px; padding: 8px 2px; min-width: 0; font-size: 11.5px; font-weight: 700; color: var(--nv-text); background: #ffffff0d; border-color: #ffffff1c; border-radius: 16px; }
html body .rd-dock a .mp-nav-glyph, html body .wg-shell-dock a .wg-shell-nav-glyph, html body .rd-dock a .mp-nav-glyph::after, html body .wg-shell-dock a .wg-shell-nav-glyph::after { width: 36px; height: 36px; }
@media (hover: hover) { html body .rd-dock a:hover, html body .wg-shell-dock a:hover { transform: translateY(-2px); background: #ffffff17; } }

/* Short screens: keep all items without scrolling. */
@media (min-width: 781px) and (max-height: 860px) {
  :root { --nv-ico: 36px; }
  html body .mp-side-nav a, html body .wg-shell-nav a { min-height: 44px; }
  html body .rd-dock a, html body .wg-shell-dock a { min-height: 70px; }
}

/* ---------- Collapsed rail (nav-collapse.css): centred tiles, owner marks hidden ---------- */
html.wg-nav-collapsed body .mp-side-nav a, html.wg-nav-collapsed body .wg-shell-nav a { padding: 5px 0; transform: none; }
html.wg-nav-collapsed body .mp-side-nav a.active, html.wg-nav-collapsed body .wg-shell-nav a.active { box-shadow: inset 3px 0 var(--nv-gold), 0 0 14px #f2d27a26; }
html.wg-nav-collapsed body .rd-dock a, html.wg-nav-collapsed body .wg-shell-dock a { min-height: 48px; }
@media (min-width: 781px) {
  html.wg-nav-collapsed body .mp-side-nav .wg-owner-mark { display: none; }
  html.wg-nav-collapsed body .mp-side-nav a.mp-nav-plates { display: flex; }
}

/* ---------- Phones: drawer items and quick bar ---------- */
@media (max-width: 780px) {
  html body .mp-side-nav a, html body .wg-shell-nav a { min-height: 50px; font-size: 15.5px; }
  html body .rd-bottom-bar a, html body .wg-shell-bar a { font-size: 11px; font-weight: 700; color: var(--nv-muted); transition: color .2s, background-color .2s; }
  html body .rd-bottom-bar a .rd-bb-icon, html body .wg-shell-bar a .wg-shell-bar-icon { width: 30px; height: 30px; border-radius: 9px; box-shadow: 0 3px 8px #0007; background-size: contain; transition: transform .2s var(--nv-ease), box-shadow .2s; }
  html body .rd-bottom-bar a[aria-current="page"], html body .wg-shell-bar a[aria-current="page"] { color: #fff3c9; }
  html body .rd-bottom-bar a[aria-current="page"] .rd-bb-icon, html body .wg-shell-bar a[aria-current="page"] .wg-shell-bar-icon { box-shadow: 0 0 0 2px var(--nv-gold), 0 0 12px #f2d27a80; transform: translateY(-1px); }
}

/* ---------- Light theme ---------- */
html[data-theme='light'] body .mp-side-nav a, html[data-theme='light'] body .wg-shell-nav a { color: #1d3424; }
html[data-theme='light'] body .rd-dock a, html[data-theme='light'] body .wg-shell-dock a { color: var(--wg-s3); background: #ffffff8c; border-color: var(--wg-accent-hi); }
@media (hover: hover) {
  html[data-theme='light'] body .mp-side-nav a:hover, html[data-theme='light'] body .wg-shell-nav a:hover { background: #ffffffa6; border-color: #b9ccb5; color: #0f2416; }
}
html[data-theme='light'] body .mp-side-nav a.active, html[data-theme='light'] body .mp-side-nav a[aria-current="page"], html[data-theme='light'] body .wg-shell-nav a.active {
  background: linear-gradient(100deg, #f6e3a8, #f3ecd0 60%, #ffffff99); border-color: #c9a64e; color: #3a2a06; box-shadow: inset 4px 0 #c9971f, 0 4px 12px #a07a1a22;
}
html[data-theme='light'] body .mp-side-nav a.active .mp-nav-glyph, html[data-theme='light'] body .wg-shell-nav a.active .wg-shell-nav-glyph { box-shadow: 0 0 0 2px #c9971f, 0 0 12px #c9971f55, 0 3px 8px #0003; }
html[data-theme='light'] body .mp-sidebar-label, html[data-theme='light'] body .wg-shell-label { color: #7a5c14; }
html[data-theme='light'] body .mp-side-nav .mp-nav-glyph, html[data-theme='light'] body .wg-shell-nav .wg-shell-nav-glyph { box-shadow: 0 3px 8px #2f4a3a40; }

@media (prefers-reduced-motion: reduce) {
  html body .mp-side-nav a, html body .wg-shell-nav a, html body .mp-side-nav .mp-nav-glyph, html body .wg-shell-nav .wg-shell-nav-glyph,
  html body .rd-bottom-bar a .rd-bb-icon, html body .wg-shell-bar a .wg-shell-bar-icon { transition: none !important; }
  html body .mp-side-nav a:hover, html body .wg-shell-nav a:hover, html body .mp-side-nav a:hover .mp-nav-glyph, html body .wg-shell-nav a:hover .wg-shell-nav-glyph { transform: none !important; }
}

/* /assets/nav-solid.css */
/* Group 1, item 9 (2026-10-20): the side menu is one solid panel. The curved (masked) right edge and
   the 7px inset left a notch/gap at the top right between the menu and the page; on phones the
   drawer had a rounded top-right corner. Now: flush to the top, left and bottom edges, straight
   right edge with a thin border. Width, padding of the expanded/collapsed states are unchanged. */
@media (min-width:781px){
  html body .mp-sidebar,html body .wg-shell-sidebar{
    inset:0 auto 0 0!important;-webkit-mask:none!important;mask:none!important;
    border:0!important;border-right:1px solid #33463a!important;border-radius:0!important;
    filter:none!important;box-shadow:10px 0 30px #0006!important}
  html body .mp-sidebar::after,html body .wg-shell-sidebar::after{border-radius:0!important}
  html:not(.wg-nav-collapsed) body .mp-sidebar,html:not(.wg-nav-collapsed) body .wg-shell-sidebar{padding-right:22px!important}
  html[data-theme="light"] body .mp-sidebar,html[data-theme="light"] body .wg-shell-sidebar{
    border-right-color:#b1c8ad!important;box-shadow:8px 0 26px #445f4b26!important}
}
@media (max-width:780px){
  html body .mp-sidebar,html body .wg-shell-sidebar{border-radius:0!important;-webkit-mask:none!important;mask:none!important}
  html body .mp-sidebar::after,html body .wg-shell-sidebar::after{border-radius:0!important}
}

/* /assets/sidebar-vivid.css */
/* WIND GAME sidebar look, sv4 (2026-10-21). Loaded after nav-solid.css on every page (arena pages: injected
   by arena-game-shell.js). Owner: deeper ECG edge, «бомбезный» colour and motion, no lag on collapse.
   Shape: the menu box is 24 px wider than its column (extra right padding), mask = a solid rectangle + an
   84 px «heartbeat» strip (SVG, 1 unit = 1 px across, stretched in height): 7 pulses, two sharp spikes
   reaching 20 px over the page gutter, the deep notch for the collapse button. The box ignores the
   pointer (its children take it), so the bulges never block clicks on the page.
   Motion: an ECG light pulse runs down the edge every 5 s (SMIL in an 84 px wide layer only), the
   colours breathe by cross-fading a second gradient layer (opacity only), items slide in on page load
   (transform/opacity only). Lag fix: the width/margin transitions of nav-collapse.css
   (re-laid out the whole page every frame) are switched off — the column snaps in one frame. */
:root{--sv-strip: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100L0 100Z'/%3E%3C/svg%3E");--sv-strip-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100L0 100Z'/%3E%3C/svg%3E");--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%236dffb0' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%236dffb0' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23dcffe8' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%236dffb0' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%236dffb0' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23dcffe8' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-mask-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='M0 0L98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100L0 100Z'/%3E%3C/svg%3E");--sv-edge-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%236dffb0' stroke-opacity='.28' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%236dffb0' stroke-opacity='.45' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23d4ffe4' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%239bffcf' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23f4fff0' 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");--sv-pulse-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%239bffcf' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23f4fff0' 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");--sv-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url%28%23n%29'/%3E%3C/svg%3E")}
html[data-theme="light"]{--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%233fae5c' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%233fae5c' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%232f8a47' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%233fae5c' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%233fae5c' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%232f8a47' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%233fae5c' stroke-opacity='.28' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%233fae5c' stroke-opacity='.45' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%232f8a47' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%233ccf8a' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ffffff' 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");--sv-pulse-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%233ccf8a' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ffffff' 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")}
@media (min-width:781px){
  html body .mp-sidebar.mp-sidebar{width:calc(var(--wg-nav-w,clamp(252px,19vw,300px)) + 24px)!important;border-right:0!important;pointer-events:none;-webkit-mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip) 100% 0/84px 100% no-repeat!important;mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip) 100% 0/84px 100% no-repeat!important;--sv-edge-now:var(--sv-edge);--sv-edge-place:100% 0/84px 100%;--sv-pulse-now:var(--sv-pulse)}
  html body .mp-sidebar.mp-sidebar>*{pointer-events:auto}
  html:not(.wg-nav-collapsed) body .mp-sidebar.mp-sidebar{padding-right:84px!important}
  html.wg-nav-collapsed body .mp-sidebar.mp-sidebar{padding-right:40px!important;--sv-edge-now:var(--sv-edge-c);--sv-pulse-now:var(--sv-pulse-c);-webkit-mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip-c) 100% 0/84px 100% no-repeat!important;mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip-c) 100% 0/84px 100% no-repeat!important}
  html body .mp-sidebar.mp-sidebar::before{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;width:84px;pointer-events:none;background:var(--sv-pulse-now) 0 0/100% 100% no-repeat;will-change:transform}
}
@media (min-width:1181px){
  html body .wg-shell-sidebar.wg-shell-sidebar{width:calc(var(--wg-nav-w,290px) + 24px)!important;border-right:0!important;pointer-events:none;-webkit-mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip) 100% 0/84px 100% no-repeat!important;mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip) 100% 0/84px 100% no-repeat!important;--sv-edge-now:var(--sv-edge);--sv-edge-place:100% 0/84px 100%;--sv-pulse-now:var(--sv-pulse)}
  html body .wg-shell-sidebar.wg-shell-sidebar>*{pointer-events:auto}
  html:not(.wg-nav-collapsed) body .wg-shell-sidebar.wg-shell-sidebar{padding-right:84px!important}
  html.wg-nav-collapsed body .wg-shell-sidebar.wg-shell-sidebar{padding-right:40px!important;--sv-edge-now:var(--sv-edge-c);--sv-pulse-now:var(--sv-pulse-c);-webkit-mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip-c) 100% 0/84px 100% no-repeat!important;mask:linear-gradient(#000,#000) 0 0/calc(100% - 82px) 100% no-repeat,var(--sv-strip-c) 100% 0/84px 100% no-repeat!important}
  html body .wg-shell-sidebar.wg-shell-sidebar::before{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;width:84px;pointer-events:none;background:var(--sv-pulse-now) 0 0/100% 100% no-repeat;will-change:transform}
}
/* phone / tablet drawer: gentle wave inside the drawer, no running pulse */
@media (max-width:780px){
  html body .mp-sidebar.mp-sidebar{-webkit-mask:var(--sv-mask-m) 0 0/100% 100% no-repeat!important;mask:var(--sv-mask-m) 0 0/100% 100% no-repeat!important;--sv-edge-now:var(--sv-edge-m);--sv-edge-place:0 0/100% 100%}
}
@media (max-width:1180px){
  html body .wg-shell-sidebar.wg-shell-sidebar{-webkit-mask:var(--sv-mask-m) 0 0/100% 100% no-repeat!important;mask:var(--sv-mask-m) 0 0/100% 100% no-repeat!important;--sv-edge-now:var(--sv-edge-m);--sv-edge-place:0 0/100% 100%}
}
/* no layout animation on collapse/expand (this was the lag) */
@media (min-width:781px){html body .mp-sidebar,html body .mp-wrap{transition:none!important}html body .wg-nav-collapse--mp{transition:background-color .2s,box-shadow .2s,color .2s!important}}
@media (min-width:1181px){html body.wg-shell-ready,html body .wg-shell-sidebar{transition:none!important}html body .wg-nav-collapse--shell{transition:background-color .2s,box-shadow .2s,color .2s!important}}
html body .mp-sidebar.mp-sidebar,html body .wg-shell-sidebar.wg-shell-sidebar{contain:paint}

/* colours: deep emerald -> turquoise with neon-lime light, inner glow, fine grain */
html:not([data-theme="light"]) body .mp-sidebar.mp-sidebar,html:not([data-theme="light"]) body .wg-shell-sidebar.wg-shell-sidebar{
  background:
    var(--sv-edge-now,linear-gradient(transparent,transparent)) var(--sv-edge-place,0 0/100% 100%) no-repeat border-box,
    var(--sv-noise) 0 0/140px 140px repeat border-box,
    radial-gradient(90% 38% at 8% 0%,#c8ff5a59,transparent 62%) border-box,
    radial-gradient(70% 30% at 100% 34%,#28f0d047,transparent 70%) border-box,
    radial-gradient(80% 34% at 0% 70%,#00e09a38,transparent 70%) border-box,
    radial-gradient(90% 30% at 70% 104%,#9dff6a33,transparent 70%) border-box,
    linear-gradient(168deg,#0f6b4c 0%,#0a7d68 30%,#075a55 58%,#05343a 82%,#04262c 100%) border-box!important;
  box-shadow:inset 3px 0 #d8ffe94d,inset 0 1px #eafff24d,inset -40px 0 60px #3dffc414!important}
html[data-theme="light"] body .mp-sidebar.mp-sidebar,html[data-theme="light"] body .wg-shell-sidebar.wg-shell-sidebar{
  background:
    var(--sv-edge-now,linear-gradient(transparent,transparent)) var(--sv-edge-place,0 0/100% 100%) no-repeat border-box,
    radial-gradient(90% 38% at 8% 0%,#e9ff9c,transparent 62%) border-box,
    radial-gradient(70% 30% at 100% 34%,#a6f7e8,transparent 70%) border-box,
    radial-gradient(80% 34% at 0% 72%,#b8f5d2,transparent 70%) border-box,
    linear-gradient(168deg,#e3fbe9 0%,#cff6ea 40%,#c2efe2 70%,#d7f7d9 100%) border-box!important;
  box-shadow:inset 3px 0 #ffffffc0,inset 0 1px #fff!important}
/* breathing: a second colour field fades in and out (opacity only, cheap) + a few soft sparks */
html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{content:""!important;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(3px 3px at 22% 18%,#eaffc8,transparent),radial-gradient(2px 2px at 64% 41%,#c8fff0,transparent),radial-gradient(3px 3px at 35% 66%,#e6ffd0,transparent),radial-gradient(2px 2px at 78% 84%,#bffff0,transparent),
    radial-gradient(80% 40% at 90% 12%,#5affc055,transparent 70%),radial-gradient(90% 45% at 10% 48%,#22d6e044,transparent 70%),radial-gradient(70% 35% at 60% 92%,#b4ff4a40,transparent 70%)!important;
  background-size:auto!important;animation:sv-breathe-bg 9s ease-in-out infinite alternate!important;will-change:opacity;opacity:0}
html[data-theme="light"] body .mp-sidebar.mp-sidebar::after,html[data-theme="light"] body .wg-shell-sidebar.wg-shell-sidebar::after{
  background:radial-gradient(80% 40% at 90% 12%,#d4ff8a88,transparent 70%),radial-gradient(90% 45% at 10% 48%,#9ff0f088,transparent 70%),radial-gradient(70% 35% at 60% 92%,#c8ffa088,transparent 70%)!important}
@keyframes sv-breathe-bg{0%{opacity:.15}100%{opacity:1}}
html:not([data-theme="light"]) body .mp-sidebar .mp-sidebar-label{color:#d4ff7a;text-shadow:0 0 10px #b6ff5a66}
html:not([data-theme="light"]) body .mp-sidebar .mp-brand-wordmark strong{text-shadow:0 0 12px #b6ff5a80}
html:not([data-theme="light"]) body .mp-side-nav .mp-nav-item.active,html:not([data-theme="light"]) body .mp-side-nav .mp-nav-item[aria-current="page"],
html:not([data-theme="light"]) body .wg-shell-sidebar .wg-shell-nav-item.active,html:not([data-theme="light"]) body .wg-shell-sidebar .wg-shell-nav-item[aria-current="page"]{
  background:linear-gradient(90deg,#c8ff5a3d,#2ef0d01f 60%,#ffffff08)!important;border-color:#b8ff6a!important;
  box-shadow:inset 0 1px #f0ffd84d,0 0 0 1px #b8ff6a40,0 0 22px #6dffc044!important}
html:not([data-theme="light"]) body .mp-side-nav .mp-nav-item:not(.active):hover,html:not([data-theme="light"]) body .wg-shell-sidebar .wg-shell-nav-item:not(.active):hover{background:#ffffff14}
html[data-theme="light"] body .mp-side-nav .mp-nav-item.active,html[data-theme="light"] body .mp-side-nav .mp-nav-item[aria-current="page"]{box-shadow:inset 0 1px #fff,0 0 0 1px #5cc87a77,0 0 16px #3ccf8a44!important}

/* items slide in once on page load (transform/opacity only) */
html body .mp-side-nav a,html body .mp-sidebar .mp-brand,html body .wg-shell-nav a{animation:sv-item-a .42s cubic-bezier(.2,.85,.25,1) backwards;animation-delay:calc((var(--sv-g,0) * 3 + var(--sv-i,0)) * 26ms)}
html body :is(.mp-side-nav,.wg-shell-nav)>:nth-child(2){--sv-g:1}html body :is(.mp-side-nav,.wg-shell-nav)>:nth-child(3){--sv-g:2}html body :is(.mp-side-nav,.wg-shell-nav)>:nth-child(4){--sv-g:3}html body :is(.mp-side-nav,.wg-shell-nav)>:nth-child(5){--sv-g:4}html body :is(.mp-side-nav,.wg-shell-nav)>:nth-child(6){--sv-g:5}
html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(2){--sv-i:1}html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(3){--sv-i:2}html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(4){--sv-i:3}html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(5){--sv-i:4}html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(6){--sv-i:5}html body :is(.mp-side-nav,.wg-shell-nav)>*>a:nth-child(7){--sv-i:6}
@keyframes sv-item-a{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}

/* premium icons (ui5): glossy 3D tile (nav-icons-v7/<name>-tile.svg) + embossed glyph (<name>-glyph.svg)
   as separate layers, so on hover the tile lifts (scale 1.1) with a coloured glow and a shine sweep while
   each glyph moves its own way (gamepad tilts, heart beats, house hops, stopwatch ticks, bolt flashes, bars
   grow, cup swings, plus spins, bubbles sway, shield clicks…). transform/opacity/filter only. */
html body a[class*="nav-games"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/games-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-games"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/games-glyph.svg")!important;--sv-anim:sv-i-tilt}
html body a[class*="nav-favorites"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/favorites-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-favorites"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/favorites-glyph.svg")!important;--sv-anim:sv-i-beat}
html body a[class*="nav-lobby"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/lobby-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-lobby"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/lobby-glyph.svg")!important;--sv-anim:sv-i-hop}
html body a[class*="nav-rounds"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/rounds-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-rounds"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/rounds-glyph.svg")!important;--sv-anim:sv-i-tick}
html body a[class*="nav-challenges"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/challenges-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-challenges"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/challenges-glyph.svg")!important;--sv-anim:sv-i-flash}
html body a[class*="nav-rankings"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/rankings-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-rankings"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/rankings-glyph.svg")!important;--sv-anim:sv-i-grow}
html body a[class*="nav-tournaments"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/tournaments-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-tournaments"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/tournaments-glyph.svg")!important;--sv-anim:sv-i-cup}
html body a[class*="nav-referrals"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/referrals-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-referrals"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/referrals-glyph.svg")!important;--sv-anim:sv-i-spin}
html body a[class*="nav-community"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/community-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-community"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/community-glyph.svg")!important;--sv-anim:sv-i-sway}
html body a[class*="nav-admin"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/admin-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-admin"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/admin-glyph.svg")!important;--sv-anim:sv-i-click}
html body a[class*="nav-plates"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/plates-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-plates"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/plates-glyph.svg")!important;--sv-anim:sv-i-shake}
html body a[class*="nav-profile"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/profile-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-profile"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/profile-glyph.svg")!important;--sv-anim:sv-i-nod}
html body a[class*="nav-support"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/support-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-support"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/support-glyph.svg")!important;--sv-anim:sv-i-wiggle}
html body a[class*="nav-rules"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:url("/assets/nav-icons-v7/rules-tile.svg") center/100% 100% no-repeat!important}
html body a[class*="nav-rules"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:url("/assets/nav-icons-v7/rules-glyph.svg")!important;--sv-anim:sv-i-flip}
html body .rd-bb-games .rd-bb-icon,html body .wg-shell-bar-games .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/games.svg")!important}
html body .rd-bb-tournaments .rd-bb-icon,html body .wg-shell-bar-tournaments .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/tournaments.svg")!important}
html body .rd-bb-profile .rd-bb-icon,html body .wg-shell-bar-profile .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/profile.svg")!important}
html body .rd-bb-support .rd-bb-icon,html body .wg-shell-bar-support .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/support.svg")!important}
html body .rd-bb-rules .rd-bb-icon,html body .wg-shell-bar-rules .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/rules.svg")!important}
html body .rd-bb-favorites .rd-bb-icon,html body .wg-shell-bar-favorites .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/favorites.svg")!important}
html body .rd-bb-lobby .rd-bb-icon,html body .wg-shell-bar-lobby .wg-shell-bar-icon{background-image:url("/assets/nav-icons-v7/lobby.svg")!important}
html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph){position:relative;isolation:isolate;overflow:hidden;box-shadow:0 4px 10px #0006,0 1px 0 #ffffff26 inset!important;transition:transform .22s cubic-bezier(.2,.8,.25,1.4),box-shadow .22s!important}
html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{transform-origin:50% 55%}
html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph)::before{content:""!important;display:block!important;position:absolute;inset:-10%;z-index:3;pointer-events:none;mix-blend-mode:normal;border-radius:0;
  background:linear-gradient(105deg,transparent 38%,#ffffffb8 50%,transparent 62%)!important;transform:translateX(-130%);opacity:0}
@media (hover:hover){
  html body a:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph){transform:translateY(-2px) scale(1.1)!important;
    box-shadow:0 8px 16px #0007,0 0 18px color-mix(in srgb,var(--nav-accent,#9be15d) 75%,transparent),0 1px 0 #ffffff33 inset!important}
  html body a:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{animation:var(--sv-anim) .7s cubic-bezier(.3,.7,.3,1) 1}
  html body a:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::before,html body a:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::before{animation:sv-shine .75s ease-out 1}
}
html body a.active :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a[aria-current="page"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){animation:sv-breathe 2.6s ease-in-out infinite}
@keyframes sv-shine{0%{transform:translateX(-130%);opacity:0}20%{opacity:1}100%{transform:translateX(130%);opacity:0}}
@keyframes sv-i-tilt{30%{transform:rotate(-14deg) translateY(-1px)}62%{transform:rotate(9deg)}}
@keyframes sv-i-beat{18%{transform:scale(1.2)}36%{transform:scale(.98)}54%{transform:scale(1.12)}}
@keyframes sv-i-hop{30%{transform:translateY(-6px)}55%{transform:translateY(0) scaleY(.92)}72%{transform:translateY(-2px)}}
@keyframes sv-i-tick{20%{transform:rotate(12deg)}40%{transform:rotate(12deg)}55%{transform:rotate(-10deg)}75%{transform:rotate(-10deg)}90%{transform:rotate(4deg)}}
@keyframes sv-i-flash{25%{transform:scale(1.16) rotate(-6deg);filter:brightness(1.8) drop-shadow(0 0 5px #fff)}55%{filter:brightness(1.1)}70%{filter:brightness(1.6)}}
@keyframes sv-i-grow{0%{transform:scaleY(1)}25%{transform:scaleY(.55)}60%{transform:scaleY(1.14)}80%{transform:scaleY(.97)}}
@keyframes sv-i-cup{25%{transform:rotate(-10deg) scale(1.08)}55%{transform:rotate(8deg) scale(1.08)}80%{transform:rotate(-3deg)}}
@keyframes sv-i-spin{40%{transform:rotate(-14deg) scale(1.1)}75%{transform:rotate(10deg)}}
@keyframes sv-i-sway{25%{transform:translateX(-3px) rotate(-7deg)}55%{transform:translateX(3px) rotate(6deg)}80%{transform:translateX(-1px)}}
@keyframes sv-i-click{20%{transform:scale(.84)}50%{transform:scale(1.14)}75%{transform:scale(.98)}}
@keyframes sv-i-shake{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}
@keyframes sv-i-nod{30%{transform:translateY(-4px)}55%{transform:translateY(1px)}75%{transform:translateY(-1px)}}
@keyframes sv-i-wiggle{20%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}}
@keyframes sv-i-flip{30%{transform:scaleX(.62)}60%{transform:scaleX(1.08)}80%{transform:scaleX(.98)}}
@keyframes sv-breathe{0%,100%{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent,#9be15d) 80%,#fff),0 0 8px color-mix(in srgb,var(--nav-accent,#9be15d) 45%,transparent),0 3px 8px #0005}
  50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--nav-accent,#9be15d) 90%,#fff),0 0 20px color-mix(in srgb,var(--nav-accent,#9be15d) 85%,transparent),0 3px 8px #0005}}
@media (prefers-reduced-motion:reduce){
  html body .mp-side-nav a,html body .mp-sidebar .mp-brand,html body .wg-shell-nav a,html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{animation:none!important}
  html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{opacity:.6}
  html body .mp-sidebar.mp-sidebar::before,html body .wg-shell-sidebar.wg-shell-sidebar::before{display:none!important}
  html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a :is(.mp-nav-glyph,.wg-shell-nav-glyph)::before{animation:none!important;transition:none!important}
}

/* v8 3D icons (2026-10-21): rendered 3D objects instead of the flat v7 tile + glyph. The tile layer is off,
   the object sits in the glyph layer (::after) so the per-icon hover animations stay; glow on hover. */
html body a[class*="nav-"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){background:none!important;box-shadow:none!important;overflow:visible!important;border:0!important}
html body a[class*="nav-"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::before{display:none!important}
html body a[class*="nav-"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;filter:drop-shadow(0 3px 4px #0000008c)}
html body a[class*="nav-"]:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a[class*="nav-"]:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph){box-shadow:none!important}
html body a[class*="nav-"]:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a[class*="nav-"]:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 4px 6px #0009) drop-shadow(0 0 8px color-mix(in srgb,var(--nav-accent,#9be15d) 70%,transparent))}
html body a[class*="nav-games"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/games-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/games.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-favorites"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/favorites-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/favorites.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-lobby"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/lobby-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/lobby.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-rounds"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/rounds-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/rounds.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-challenges"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/challenges-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/challenges.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-rankings"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/rankings-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/rankings.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-tournaments"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/tournaments-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/tournaments.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-referrals"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/referrals-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/referrals.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-community"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/community-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/community.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-admin"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/admin-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/admin.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-plates"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/plates-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/plates.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-profile"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/profile-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/profile.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-support"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/support-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/support.webp?v=v9-463db62d") 2x)!important}
html body a[class*="nav-rules"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{background-image:image-set(url("/assets/nav-icons-v9/rules-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/rules.webp?v=v9-463db62d") 2x)!important}
html body .rd-bb-games .rd-bb-icon,html body .wg-shell-bar-games .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/games-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/games.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-tournaments .rd-bb-icon,html body .wg-shell-bar-tournaments .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/tournaments-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/tournaments.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-profile .rd-bb-icon,html body .wg-shell-bar-profile .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/profile-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/profile.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-support .rd-bb-icon,html body .wg-shell-bar-support .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/support-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/support.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-rules .rd-bb-icon,html body .wg-shell-bar-rules .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/rules-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/rules.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-favorites .rd-bb-icon,html body .wg-shell-bar-favorites .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/favorites-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/favorites.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}
html body .rd-bb-lobby .rd-bb-icon,html body .wg-shell-bar-lobby .wg-shell-bar-icon{background-image:image-set(url("/assets/nav-icons-v9/lobby-64.webp?v=opt1") 1x,url("/assets/nav-icons-v9/lobby.webp?v=v9-463db62d") 2x)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none!important}

/* v9 icons (2026-10-21): obsidian + gold + neon set. Thin light rim + shadow so the dark objects read on dark
   backgrounds; hover keeps the per-item glow. */
html body a[class*="nav-"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 0 .6px #ffffffb0) drop-shadow(0 2px 3px #000000a0)!important}
html body a[class*="nav-"]:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a[class*="nav-"]:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 0 .6px #fff) drop-shadow(0 3px 5px #000a) drop-shadow(0 0 8px color-mix(in srgb,var(--nav-accent,#9be15d) 75%,transparent))!important}
html[data-theme="light"] body a[class*="nav-"] :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 2px 3px #0b1e3a66)!important}

/* ===== red1 (2026-10-21): side menu recoloured green -> ruby (generated copies of the menu rules) ===== */
html body .wg-nav-collapse{background: radial-gradient(circle at 32% 22%, #7b4954, transparent 55%), linear-gradient(150deg, #472b2d, #25100f 78%);box-shadow: 0 4px 10px #000a, inset 0 1px #fff4c255, 0 0 0 3px #1a0c0c99}
@media (hover: hover){html body .wg-nav-collapse:hover{box-shadow: 0 5px 14px #000b, inset 0 1px #fff4c277, 0 0 0 3px #1a0c0c99, 0 0 14px #e9c97955}}
html body .wg-nav-collapse:focus-visible{outline: 2px solid #ff849f}
html[data-theme='light'] body .wg-nav-collapse{background: radial-gradient(circle at 32% 22%, #fffbe8, transparent 58%), linear-gradient(150deg, #f5e6e9, #e4d3d4 80%);box-shadow: 0 4px 10px #593d3e40, inset 0 1px #fff, 0 0 0 3px #f6f0f1cc}
html[data-theme='light'] body .wg-nav-collapse:focus-visible{outline-color: #742934}
html body .mp-side-nav a:focus-visible, html body .wg-shell-nav a:focus-visible{outline: 2px solid #ff849f}
html[data-theme='light'] body .mp-side-nav a, html[data-theme='light'] body .wg-shell-nav a{color: #351c1e}
@media (hover: hover){html[data-theme='light'] body .mp-side-nav a:hover, html[data-theme='light'] body .wg-shell-nav a:hover{border-color: #cdb4b8;color: #250e0f}}
html[data-theme='light'] body .mp-side-nav .mp-nav-glyph, html[data-theme='light'] body .wg-shell-nav .wg-shell-nav-glyph{box-shadow: 0 3px 8px #4b2e2f40}
html[data-theme="light"] body .mp-sidebar,html[data-theme="light"] body .wg-shell-sidebar{border-right-color:#c9acb0!important;box-shadow:8px 0 26px #60434526!important}
:root{--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23ffdcde' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23ff6d70' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23ffdcde' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-m:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23ff6d70' stroke-opacity='.28' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23ff6d70' stroke-opacity='.45' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23ffd4d6' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ff9b9c' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 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");--sv-pulse-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ff9b9c' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 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"]{--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23b13c43' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23b13c43' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%238c2d32' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23b13c43' stroke-opacity='.25' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23b13c43' stroke-opacity='.5' stroke-width='4' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%238c2d32' stroke-width='1.7' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-edge-m:url("data:image/svg%2Bxml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23b13c43' stroke-opacity='.28' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23b13c43' stroke-opacity='.45' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%238c2d32' stroke-width='1.6' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23d3383a' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ffffff' 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");--sv-pulse-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23d3383a' stroke-opacity='.55' 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' pathLength='100' fill='none' stroke='%23ffffff' 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:not([data-theme="light"]) body .mp-sidebar.mp-sidebar,html:not([data-theme="light"]) body .wg-shell-sidebar.wg-shell-sidebar{background:
    var(--sv-edge-now,linear-gradient(transparent,transparent)) var(--sv-edge-place,0 0/100% 100%) no-repeat border-box,
    var(--sv-noise) 0 0/140px 140px repeat border-box,
    radial-gradient(90% 38% at 8% 0%,#ff5a7f59,transparent 62%) border-box,
    radial-gradient(70% 30% at 100% 34%,#f52c2347,transparent 70%) border-box,
    radial-gradient(80% 34% at 0% 70%,#e0040038,transparent 70%) border-box,
    radial-gradient(90% 30% at 70% 104%,#ff6a8333,transparent 70%) border-box,
    linear-gradient(168deg,#6d0e0d 0%,#800c07 30%,#5c0a05 58%,#3b0904 82%,#2d0703 100%) border-box!important;box-shadow:inset 3px 0 #ffd8d94d,inset 0 1px #ffeaeb4d,inset -40px 0 60px #ff413d14!important}
html[data-theme="light"] body .mp-sidebar.mp-sidebar,html[data-theme="light"] body .wg-shell-sidebar.wg-shell-sidebar{background:
    var(--sv-edge-now,linear-gradient(transparent,transparent)) var(--sv-edge-place,0 0/100% 100%) no-repeat border-box,
    radial-gradient(90% 38% at 8% 0%,#ff9cb4,transparent 62%) border-box,
    radial-gradient(70% 30% at 100% 34%,#f9a7a4,transparent 70%) border-box,
    radial-gradient(80% 34% at 0% 72%,#f7b6b8,transparent 70%) border-box,
    linear-gradient(168deg,#fce2e4 0%,#f7cfce 40%,#f0c2c1 70%,#f8d6d9 100%) border-box!important}
html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{background:radial-gradient(3px 3px at 22% 18%,#ffc8d4,transparent),radial-gradient(2px 2px at 64% 41%,#ffc9c8,transparent),radial-gradient(3px 3px at 35% 66%,#ffd0d9,transparent),radial-gradient(2px 2px at 78% 84%,#ffc1bf,transparent),
    radial-gradient(80% 40% at 90% 12%,#ff5b5a55,transparent 70%),radial-gradient(90% 45% at 10% 48%,#e52e1d44,transparent 70%),radial-gradient(70% 35% at 60% 92%,#ff4a7040,transparent 70%)!important}
html[data-theme="light"] body .mp-sidebar.mp-sidebar::after,html[data-theme="light"] body .wg-shell-sidebar.wg-shell-sidebar::after{background:radial-gradient(80% 40% at 90% 12%,#ff8aa488,transparent 70%),radial-gradient(90% 45% at 10% 48%,#f2a39d88,transparent 70%),radial-gradient(70% 35% at 60% 92%,#ffa0b188,transparent 70%)!important}
html:not([data-theme="light"]) body .mp-sidebar .mp-sidebar-label{color:#ff7a98;text-shadow:0 0 10px #ff5a7c66}
html:not([data-theme="light"]) body .mp-sidebar .mp-brand-wordmark strong{text-shadow:0 0 12px #ff5a7c80}
html:not([data-theme="light"]) body .mp-side-nav .mp-nav-item.active,html:not([data-theme="light"]) body .mp-side-nav .mp-nav-item[aria-current="page"],
html:not([data-theme="light"]) body .wg-shell-sidebar .wg-shell-nav-item.active,html:not([data-theme="light"]) body .wg-shell-sidebar .wg-shell-nav-item[aria-current="page"]{background:linear-gradient(90deg,#ff5a7f3d,#f532291f 60%,#ffffff08)!important;border-color:#ff6a88!important;box-shadow:inset 0 1px #ffd8e04d,0 0 0 1px #ff6a8840,0 0 22px #ff6d6e44!important}
html[data-theme="light"] body .mp-side-nav .mp-nav-item.active,html[data-theme="light"] body .mp-side-nav .mp-nav-item[aria-current="page"]{box-shadow:inset 0 1px #fff,0 0 0 1px #cb596077,0 0 16px #d3383a44!important}
@media (hover:hover){html body a:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph){box-shadow:0 8px 16px #0007,0 0 18px color-mix(in srgb,var(--nav-accent,#e45a74) 75%,transparent),0 1px 0 #ffffff33 inset!important}}
html body a[class*="nav-"]:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a[class*="nav-"]:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 4px 6px #0009) drop-shadow(0 0 8px color-mix(in srgb,var(--nav-accent,#e45a74) 70%,transparent))}
html body a[class*="nav-"]:hover :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after,html body a[class*="nav-"]:focus-visible :is(.mp-nav-glyph,.wg-shell-nav-glyph)::after{filter:drop-shadow(0 0 .6px #fff) drop-shadow(0 3px 5px #000a) drop-shadow(0 0 8px color-mix(in srgb,var(--nav-accent,#e45a74) 75%,transparent))!important}
/* red1 sheen: slow ruby light flowing over the menu (background-position only; off for reduced motion) */
html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{
  background:linear-gradient(118deg,transparent 0%,transparent 34%,#ff4d6a2e 44%,#ffd2da3d 50%,#ff2d4f29 56%,transparent 66%,transparent 100%) 0 0/260% 260% no-repeat,
    radial-gradient(80% 40% at 90% 12%,#ff3d5e40,transparent 70%),radial-gradient(90% 45% at 10% 52%,#c4122f40,transparent 70%),
    radial-gradient(70% 36% at 80% 92%,#ff5a3c33,transparent 70%)!important;
  animation:red1-flow 16s ease-in-out infinite alternate!important;opacity:1!important}
html[data-theme="light"] body .mp-sidebar.mp-sidebar::after,html[data-theme="light"] body .wg-shell-sidebar.wg-shell-sidebar::after{
  background:linear-gradient(118deg,transparent 0%,transparent 34%,#ffffff40 44%,#ffffff73 50%,#ffe3e840 56%,transparent 66%,transparent 100%) 0 0/260% 260% no-repeat!important}
@keyframes red1-flow{0%{background-position:100% 100%,0 0,0 0,0 0}100%{background-position:0% 0%,0 0,0 0,0 0}}
@media(prefers-reduced-motion:reduce){html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{animation:none!important}}
/* owner's «W+» button: right edge above the help button, never over the menu's bottom buttons */
html body .wg-ow-fab{left:auto!important;right:max(18px,env(safe-area-inset-right))!important;bottom:calc(92px + env(safe-area-inset-bottom))!important;width:48px!important;height:48px!important;font-size:15px!important}
@media(max-width:900px){html body .wg-ow-fab{bottom:calc(150px + env(safe-area-inset-bottom))!important}}

/* ll1 (2026-10-21): «Лобби» removed from the menu (hidden here for pages whose markup still has it) */
html body a[class*="nav-lobby"],html body .wg-game-nav-lobby{display:none!important}

/* ===== wl1 (2026-10-21): static white neon line along the menu edge (no running lights / pulse) ===== */
html:root:not(#wl){--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 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");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 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");--sv-edge-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23ffffff' stroke-opacity='.12' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23fff1e8' stroke-opacity='.32' stroke-width='4.5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-pulse:linear-gradient(transparent,transparent);--sv-pulse-c:linear-gradient(transparent,transparent)}
html[data-theme="light"]:not(#wl){--sv-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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 60 100' fill='none' stroke='%23a3122a' stroke-opacity='.22' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 55 9 55 11C55 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 38 22.11 38 22.5C38 22.94 66 24.5 66 26.5C66 28.75 58 28.75 58 31C58 40.5 4 40.5 4 50C4 59.5 58 59.5 58 69C58 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 32 80.11 32 80.5C32 80.94 70 82.5 70 84.5C70 86.5 52 86.5 52 88.5C52 90.5 74 90.5 74 92.5C74 94.5 58 94.5 58 96.5C58 98.25 60 98.25 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");--sv-edge-c: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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 60 100' fill='none' stroke='%23a3122a' stroke-opacity='.22' stroke-width='10' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M60 0C60 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 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 1.5 60 1.5 60 3C60 5 70 5 70 7C70 9 58.75 9 58.75 11C58.75 13 60 13 60 15C60 17 79 18.56 79 19C79 19.39 54.5 22.11 54.5 22.5C54.5 22.94 66 24.5 66 26.5C66 28.75 59.5 28.75 59.5 31C59.5 40.5 46 40.5 46 50C46 59.5 59.5 59.5 59.5 69C59.5 71 64 71 64 73C64 75 80 76.56 80 77C80 77.39 53 80.11 53 80.5C53 80.94 70 82.5 70 84.5C70 86.5 58 86.5 58 88.5C58 90.5 74 90.5 74 92.5C74 94.5 59.5 94.5 59.5 96.5C59.5 98.25 60 98.25 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");--sv-edge-m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23a3122a' stroke-opacity='.22' stroke-width='9' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23ffffff' stroke-opacity='.75' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M98 0C98 3 98 3 98 6C98 10 100 10 100 14C100 19 95 19 95 24C95 29 99 29 99 34C99 42 96 42 96 50C96 58 99 58 99 66C99 72 95 72 95 78C95 83 100 83 100 88C100 94 98 94 98 100' fill='none' stroke='%23fffaf4' stroke-opacity='1' stroke-width='1.8' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--sv-pulse:linear-gradient(transparent,transparent);--sv-pulse-c:linear-gradient(transparent,transparent)}
html body .mp-sidebar.mp-sidebar::before,html body .wg-shell-sidebar.wg-shell-sidebar::before{animation:none!important}
.wg-el{display:none!important}

/* ===== cl1 (2026-10-21): clean red menu — no grain, no stray lines, single thin dividers ===== */
html:root:not(#cl),html[data-theme="light"]:not(#cl){--sv-noise:linear-gradient(transparent,transparent);--d6-edge-n:linear-gradient(transparent,transparent)}
html body .mp-sidebar.mp-sidebar.mp-sidebar:not(#cl),html body .wg-shell-sidebar.wg-shell-sidebar.wg-shell-sidebar:not(#cl){box-shadow:none!important;border:0!important;outline:0!important}
html body .mp-sidebar:not(#cl) .mp-nav-group,html body .wg-shell-sidebar:not(#cl) .wg-shell-nav-group{border-top:0!important;border-bottom:1px solid #ffffff21!important;box-shadow:none!important;background-image:none!important}
html body .mp-sidebar:not(#cl) .mp-nav-group::before,html body .mp-sidebar:not(#cl) .mp-nav-group::after,
html body .wg-shell-sidebar:not(#cl) .wg-shell-nav-group::before,html body .wg-shell-sidebar:not(#cl) .wg-shell-nav-group::after{display:none!important}
html body .mp-sidebar:not(#cl) .mp-nav-group:not(.rd-dock):not(:has(~ .mp-nav-group:not(.rd-dock))),
html body .wg-shell-sidebar:not(#cl) .wg-shell-nav-group:not(:has(~ .wg-shell-nav-group)){border-bottom:0!important}
html body .mp-sidebar:not(#cl) .mp-nav-group.rd-dock{border-bottom:0!important;border-top:1px solid #ffffff21!important}
html[data-theme="light"] body .mp-sidebar:not(#cl) .mp-nav-group,html[data-theme="light"] body .wg-shell-sidebar:not(#cl) .wg-shell-nav-group{border-bottom-color:#5a0a1a24!important}
html[data-theme="light"] body .mp-sidebar:not(#cl) .mp-nav-group.rd-dock{border-top-color:#5a0a1a24!important}

/* OPT1 MOTION (2026-10-22): phones/tablets: the ruby sheen and the active-icon pulse do not run forever (full-menu repaint per frame) */
@media (max-width:1180px),(pointer:coarse){html body .mp-sidebar.mp-sidebar::after,html body .wg-shell-sidebar.wg-shell-sidebar::after{animation:none!important}html body a.active :is(.mp-nav-glyph,.wg-shell-nav-glyph),html body a[aria-current="page"] :is(.mp-nav-glyph,.wg-shell-nav-glyph){animation-iteration-count:2!important}}

/* /assets/mobile-fix.css */
/* WIND GAME phone adaptation (mob1-20261016). Layout/input only: no game logic, odds or stakes.
   Loaded last in <head> on site pages and Arena game pages. Safe on desktop: every rule is
   inside a phone/touch media query except touch-action, which only removes the double-tap delay. */

/* TZ3 §8: a double tap must not zoom the page or fire a button twice with the 300ms delay. */
button, [role="button"], .wg-shell-bar a, .rd-bottom-bar a { touch-action: manipulation; }

/* ---------- Phones (portrait and small tablets) ---------- */
@media (max-width: 600px) {
  /* Chat/support button: smaller so it covers less of the game cards. */
  html body .wg-help-fab .wg-help-trigger { width: 46px; height: 46px; border-radius: 16px; }
  html body .wg-help-fab .wg-help-trigger svg { width: 23px; height: 23px; }

  /* HiLo: the 56px gutter reserved for the chat button squeezed the three choices
     until «Недоступно / Unavailable» was cut. Give them the full row back. */
  .hilo-w-page .hilo-choices { padding-right: 0 !important; gap: 6px; }
  .hilo-w-page .hilo-choices button { padding: 8px 6px; overflow-wrap: anywhere; }

  /* Secondary actions under 40px. */
  #verify, button#verify { min-height: 40px; }
  #pz-sw-practice, #pz-sw-w { min-height: 40px; }
  .th-pill { min-height: 40px; }
  #refresh, #cancel { min-height: 40px; }
  .wg-game-scroll-controls button { min-width: 40px; min-height: 40px; }
  #game-search { min-height: 40px; }

  /* Home favourites star: 28px visual, 40px touch area. */
  .mp-favorite::after { content: ""; position: absolute; inset: -6px; }

  /* Game header links (Duel W / Coin Flip / rooms): wrap instead of cutting «Профиль». */
  body.wg-shell-ready .wg-shell-header > nav { flex-wrap: wrap; row-gap: 2px; min-width: 0; max-width: 100%; }
}

@media (max-width: 360px) {
  .hilo-w-page .hilo-choices strong { font-size: 12px; }
  .hilo-w-page .hilo-choices span, .hilo-w-page .hilo-choices small { font-size: 10.5px; }
}

/* ---------- Short landscape phones (e.g. 740x360) ---------- */
/* The 66px quick bar + header left only ~half of the screen for the game. */
@media (orientation: landscape) and (max-height: 500px) {
  :root {
    --rd-dock-h: calc(46px + env(safe-area-inset-bottom)) !important;
    --wg-bar-h: calc(46px + env(safe-area-inset-bottom)) !important;
  }
  html body .rd-bottom-bar, html body .wg-shell-bar { padding-top: 3px; padding-bottom: env(safe-area-inset-bottom); }
  html body .rd-bottom-bar a, html body .wg-shell-bar a { flex-direction: row; gap: 7px; min-height: 40px; font-size: 12px; }
  html body .rd-bottom-bar a .rd-bb-icon, html body .wg-shell-bar a .wg-shell-bar-icon { width: 24px; height: 24px; flex: none; }
  html body .wg-help-fab .wg-help-trigger { width: 44px; height: 44px; border-radius: 15px; }
  html body .wg-help-fab .wg-help-trigger svg { width: 22px; height: 22px; }
}

/* /assets/stake-bar.css */
/* WIND GAME stake bar: one stake strip at the bottom of every W game (UI only). */
.sbar{--sb-bg:var(--wg-s2);--sb-bg2:var(--wg-s3);--sb-line:var(--wg-accent-lo);--sb-text:var(--wg-text-tint);--sb-muted:var(--wg-text-tint);--sb-cyan:var(--wg-accent-hi);--sb-gold:#f4ce73;--sb-lime:var(--wg-accent-hi);
  container-type:inline-size;box-sizing:border-box;display:block;
  width:100%;grid-column:1/-1;margin:10px 0;padding:10px;border-radius:16px;border:1px solid var(--sb-line);
  background:linear-gradient(180deg,var(--sb-bg2),var(--sb-bg));color:var(--sb-text);
  box-shadow:0 10px 26px #0006,inset 0 1px 0 #ffffff14;font:inherit;font-size:14px;line-height:1.2;text-align:left;-webkit-tap-highlight-color:transparent}
.sbar-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"left" "play" "err";gap:8px}
.sbar[hidden],.sbar [hidden]{display:none!important}
.sbar *{box-sizing:border-box}
.sbar button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.sbar button:disabled{cursor:not-allowed;opacity:.45}
.sbar .sbar-go:disabled{opacity:.55}
.sbar button:focus-visible,.sbar input:focus-visible{outline:2px solid var(--sb-cyan);outline-offset:2px}
.sbar-left{grid-area:left;display:grid;gap:8px;min-width:0}
.sbar-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;min-width:0}
.sbar-step{width:44px;height:44px;border-radius:50%;border:2px solid var(--wg-pale-2);background:radial-gradient(circle at 35% 30%,var(--wg-accent-deep),var(--wg-s3));color:#fff;font-size:26px;font-weight:800;line-height:1;display:grid;place-items:center;padding:0;box-shadow:0 3px 0 var(--wg-s1),0 0 0 1px #0007}
.sbar-step:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--wg-s1)}
.sbar-amount-cell{min-width:0}
.sbar-amount{width:100%;min-height:44px;padding:3px 8px;border-radius:12px;border:1px solid var(--sb-line);background:var(--wg-s1);color:var(--sb-text);display:grid;justify-items:center;gap:1px}
.sbar-amount:disabled{opacity:1;cursor:default}
.sbar-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--sb-muted)}
.sbar-value{font-size:19px;font-weight:900;color:var(--sb-gold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-variant-numeric:tabular-nums}
.sbar-amount:not(:disabled):not(.sbar-noedit) .sbar-value{text-decoration:underline dotted #f4ce7380;text-underline-offset:4px}
.sbar-edit{display:flex;gap:6px;min-width:0}
.sbar-edit input{flex:1 1 auto;min-width:0;width:100%;height:44px;padding:0 10px;border-radius:12px;border:1px solid var(--sb-cyan);background:var(--wg-s1);color:#fff;font:inherit;font-size:18px;font-weight:800;text-align:center}
.sbar-ok{flex:0 0 auto;height:44px;padding:0 12px;border-radius:12px;border:0;background:var(--sb-cyan);color:var(--wg-s2);font-weight:900}
.sbar-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.sbar-chip{min-height:36px;padding:0 4px;border-radius:999px;border:1px solid var(--sb-line);background:var(--wg-s3);color:var(--sb-text);font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.sbar-chip[aria-pressed="true"]{border-color:var(--sb-cyan);background:var(--wg-s4);color:#fff;box-shadow:inset 0 0 0 1px var(--sb-cyan)}
.sbar-chip-max{color:var(--sb-gold);border-color:#8a7136}
.sbar-play{grid-area:play;display:flex;gap:8px;min-width:0}
.sbar-go{flex:1 1 0;min-width:0;min-height:52px;padding:6px 12px;border-radius:14px;border:0;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent-lo));color:#fff;font-weight:900;font-size:16px;line-height:1.15;box-shadow:0 4px 0 var(--wg-accent-lo),0 8px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent);overflow-wrap:anywhere}
.sbar-go:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--wg-accent-lo)}
.sbar-go-2{background:linear-gradient(180deg,#ffe39a,#f0b53d);color:#2a1b02;box-shadow:0 4px 0 #9a6d17}
.sbar-err{grid-area:err;margin:0;font-size:12px;line-height:1.3;color:#ffb3b3}
.sbar-err.sbar-note{color:var(--sb-muted)}
@container (min-width:560px){
  .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(170px,260px);grid-template-areas:"left play" "err err";align-items:center}
  .sbar-left{grid-template-columns:minmax(220px,1fr) minmax(0,1.2fr);align-items:center}
  .sbar-play{flex-direction:column}
}
/* Existing stake controls are driven by the bar, so they are hidden while it is shown. */
body.sbar-on .sbar-src{display:none!important}
/* Phones: fixed above the site's bottom bar and the safe area. */
@media (max-width:720px){
  .sbar.sbar-fixed{position:fixed;z-index:70;left:0;right:0;bottom:var(--sbar-off,0px);margin:0;width:auto;border-radius:16px 16px 0 0;border-width:1px 0 0;
    padding:8px max(10px,env(safe-area-inset-left)) calc(8px + var(--sbar-safe,0px)) max(10px,env(safe-area-inset-right));
    box-shadow:0 -10px 26px #0008}
  .sbar.sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) minmax(96px,38%);grid-template-areas:"left play" "err err";gap:6px 8px;align-items:stretch}
  .sbar.sbar-fixed .sbar-left{gap:6px}
  .sbar.sbar-fixed .sbar-err.sbar-note{display:none}
  .sbar.sbar-fixed .sbar-main{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px}
  .sbar.sbar-fixed .sbar-step{width:40px;height:40px;font-size:22px}
  .sbar.sbar-fixed .sbar-amount{min-height:40px}
  .sbar.sbar-fixed .sbar-value{font-size:17px}
  .sbar.sbar-fixed .sbar-chip{min-height:32px;font-size:13px}
  .sbar.sbar-fixed .sbar-play{flex-direction:column;gap:6px}
  .sbar.sbar-fixed .sbar-go{min-height:44px;font-size:15px}
  html body.sbar-mobile{padding-bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 12px)!important}
  html body.sbar-mobile.sbar-on .wg-help-fab{bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 10px)!important}
}
@media (max-width:359px){
  .sbar.sbar-fixed .sbar-grid{grid-template-columns:minmax(0,1fr) 92px}
  .sbar.sbar-fixed .sbar-chip{font-size:12px}
  .sbar.sbar-fixed .sbar-go{font-size:14px;padding:4px 6px}
}
@media (prefers-reduced-motion:reduce){.sbar button:active{transform:none!important}}
/* HOUSE EDGE F3 (2026-10-21): stake presets 1..100K, hidden out-of-range chips, scroll on phones */
.sbar-quick{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.sbar-quick .sbar-chip{flex:1 0 46px}
.sbar-chip[hidden]{display:none}
@media (max-width:720px){
  .sbar.sbar-fixed .sbar-quick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sbar.sbar-fixed .sbar-quick .sbar-chip{flex:0 0 auto;min-width:44px;padding:0 9px}
}

/* /assets/game-light.css */
/* WIND GAME light theme for game pages (group 1, item 12, 2026-10-20).
   Loaded last on each game page; active only under html.gl[data-theme="light"].
   - page background, top bar, titles, footer and the stake bar get light theme tokens;
   - the playing field (canvas, 3D race, rocket space, card table, coin scene, number boards)
     keeps its night art in a light frame;
   - side panels / cards / rule blocks of pages without their own light rules are normalised to
     the dark design and then shown light with invert(1)+hue-rotate(180deg): text, buttons and
     status colours (win/error) keep their relative contrast; images are inverted back.
   Pages with native light rules (Duel: html.gl-native) skip the inversion. */
html[data-theme="light"]{
  --gl-bg:var(--wg-pale);--gl-bg-2:var(--wg-pale);--gl-surface:#ffffff;--gl-line:var(--wg-pale-2);
  --gl-text:var(--wg-s2);--gl-muted:var(--wg-accent-lo);--gl-accent:var(--wg-accent-lo);--gl-accent-2:var(--wg-accent-lo);--gl-green:var(--wg-accent-lo);
  color-scheme:light;background:var(--gl-bg)
}
html.gl[data-theme="light"] body{background:linear-gradient(180deg,var(--gl-bg-2),var(--gl-bg) 60%)!important;color:var(--gl-text)}
html.gl[data-theme="light"] body .tz3-scene{display:none!important}
/* Top bar of the game shell. */
html.gl[data-theme="light"] body header.wg-shell-header{background:linear-gradient(180deg,#ffffff,var(--wg-pale))!important;border-color:var(--gl-line)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--wg-s4) 7.8%,transparent)!important}
html.gl[data-theme="light"] body header.wg-shell-header :is(a,span,strong,.brand,.back),html.gl[data-theme="light"] body>header :is(.brand,.back),html.gl[data-theme="light"] body .topbar nav a{color:var(--gl-text)!important;-webkit-text-fill-color:currentColor;text-shadow:none!important}
html.gl[data-theme="light"] body header.wg-shell-header :is(.brand b,.brand span,.demo-tag,.accent),html.gl[data-theme="light"] body>header .brand :is(b,span){color:var(--gl-green)!important}
html.gl[data-theme="light"] body .demo-tag{border-color:var(--wg-accent-hi)!important}
/* Titles and intro text (the tz3 night-scene rules kept them light). */
html.gl[data-theme="light"] body :is(.intro,.topbar,.page-head,.hero-copy,.hilo-hero,.th-hero-copy,main>header,.title,.head,.game-head,section.hero) h1{color:var(--gl-text)!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;background:none!important}
html.gl[data-theme="light"] body :is(.intro,.topbar,.page-head,.hero-copy,.hilo-hero,.th-hero-copy,main>header,.title,.head,.game-head,section.hero) h1 :is(em,span,b,i,.accent){color:var(--gl-accent)!important;-webkit-text-fill-color:currentColor!important;background:none!important;text-shadow:none!important}
html.gl[data-theme="light"] body :is(.intro,.page-head,.hero-copy,.hilo-hero,.th-hero-copy,main>header,.title,.head,.game-head,section.hero) :is(p:not(.eyebrow),.hero-lead,.back){color:var(--gl-muted)!important;text-shadow:none!important}
html.gl[data-theme="light"] body :is(.intro,.topbar,.page-head,.hero-copy,.hilo-hero,.th-hero-copy,main>header,.title,.head,.game-head,section.hero) .eyebrow,html.gl[data-theme="light"] body .hilo-kicker{color:var(--gl-green)!important}
html.gl[data-theme="light"] body section.hero:not(.wg-home-hero),html.gl[data-theme="light"] body section.th-hero{background:radial-gradient(circle at 80% 40%,var(--wg-pale-2),transparent 45%),linear-gradient(135deg,#ffffff,var(--wg-pale))!important;border-color:var(--gl-line)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--wg-s4) 7.8%,transparent)!important}
html.gl[data-theme="light"] body footer{color:var(--gl-muted)!important}
html.gl[data-theme="light"] body footer a{color:var(--gl-green)!important}
html.gl[data-theme="light"] body .wg-guest-play small{color:var(--gl-muted)!important}
html.gl[data-theme="light"] body :is(#status,p.status){color:var(--gl-accent-2)!important}
/* Stake bar (assets/stake-bar.css) through its own tokens. */
html[data-theme="light"] .sbar{--sb-bg:var(--wg-pale);--sb-bg2:#ffffff;--sb-line:var(--wg-accent-hi);--sb-text:var(--wg-s2);--sb-muted:var(--wg-accent-lo);--sb-cyan:var(--wg-accent);--sb-gold:#9a6400;--sb-lime:var(--wg-accent-lo);box-shadow:0 8px 22px color-mix(in srgb,var(--wg-s4) 10.2%,transparent)}
html[data-theme="light"] .sbar .sbar-amount{background:#ffffff}
html[data-theme="light"] .sbar .sbar-step{background:radial-gradient(circle at 35% 30%,#ffffff,var(--wg-pale));color:var(--wg-accent-lo);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .sbar .sbar-quick button{background:#ffffff;color:var(--wg-s2);border-color:var(--wg-accent-hi)}
html[data-theme="light"] .sbar .sbar-value{text-decoration-color:#9a640080}
/* Side panels and cards: normalise to the dark design, then invert to light. */
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls){background-color:var(--wg-s2)!important;background-image:linear-gradient(160deg,var(--wg-s3),var(--wg-s2))!important;color:var(--wg-text-tint);border-color:var(--wg-accent-lo)!important;filter:invert(1) hue-rotate(180deg) brightness(1.05);box-shadow:none!important}
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) :is(h2,h3,h4,.eyebrow,summary,label){color:var(--wg-text-tint)!important;-webkit-text-fill-color:currentColor}
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) :is(p,small,.fine,.message,.notice,.panel-intro,.risk-caption,.mode-label,.hint):not(.error):not(.bad):not(.good):not(.win){color:var(--wg-text-tint)!important}
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) .wg-guest-play small{color:var(--wg-text-tint)!important}
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) :is(img,picture,video,canvas,.sbar){filter:invert(1) hue-rotate(180deg)}
/* Keno / Limbo boards (dark fields): own counters stay light. */
html.gl[data-theme="light"] body :is(section.stage,section.race-stage,section.table,.hilo-table,.rs-stage,.mines-field){box-shadow:0 14px 34px color-mix(in srgb,var(--wg-s4) 14.9%,transparent);border-color:var(--gl-line)}
html.gl[data-theme="light"] body :is(section.race-stage,section.stage,section.table,.hilo-table,.rs-stage) :is(h2,h3,.eyebrow,strong,em,.paytable-head span){color:var(--wg-text-tint)!important;-webkit-text-fill-color:currentColor}
html.gl[data-theme="light"] body :is(section.tz3-stage-host,section.table.tz3-stage-host){background:radial-gradient(120% 90% at 50% 0%,var(--wg-s5),var(--wg-s2) 70%)!important}
html.gl[data-theme="light"] body .topbar-right span{color:var(--gl-muted)!important}
/* Small leftovers found by the contrast check. */
html.gl[data-theme="light"] body :is(.topbar,header.top,header.wg-shell-header) nav a{background:#ffffff!important;border-color:var(--wg-accent-hi)!important;color:var(--gl-text)!important}
html.gl[data-theme="light"] body .sbar .sbar-note:not(.is-error){color:var(--wg-accent-lo)!important}
html.gl[data-theme="light"] body :is(.status-chip,.w-chip,.pill,.mode-pill){background:var(--wg-pale)!important;color:var(--wg-accent-lo)!important;border-color:var(--wg-accent-hi)!important;text-shadow:none!important}
html.gl[data-theme="light"] body :is(.th-kicker,.stake-overview span){color:var(--gl-green)!important}
html.gl[data-theme="light"] body .stake-overview strong{background:#ffffff!important;color:var(--gl-text)!important;border-color:var(--wg-accent-hi)!important}
html.gl[data-theme="light"] body :is(p.footnote,.how b,.steps b){color:var(--gl-muted)!important}
html.gl[data-theme="light"] body header.top{border-color:var(--gl-line)!important}
html.gl[data-theme="light"] body header.top .brand{color:var(--gl-text)!important}
html.gl[data-theme="light"] body header.top .brand b{color:var(--gl-green)!important}
/* A listed block inside another listed block must not be inverted twice. */
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls){filter:none!important;background-image:none!important;background-color:transparent!important}
/* Guest "sign in and play" call to action keeps its lime button colours inside inverted panels. */
html.gl:not(.gl-native)[data-theme="light"] body :is(aside.control-panel,aside.bet-panel,aside.controls,aside.wallet,aside.panel,section.panel,div.controls,.hilo-panel,.info-card,details.proof,details.rules,details.fairness,section.proof,section.rk-players,section.odds-box,.stake-block,.feedback,section.gate,.th-card,.balance-chip,.mh-tile,.sg-controls) .wg-guest-play :is(a,button){filter:invert(1) hue-rotate(180deg)}
/* Sound button, game tabs, rooms flow and status line. */
html.gl[data-theme="light"] body .wg-sfx-btn{background:#ffffff!important;color:var(--wg-accent-lo)!important;border-color:var(--wg-accent-hi)!important}
html.gl[data-theme="light"] body .wg-sfx-btn[aria-pressed="false"]{color:var(--wg-accent-hi)!important}
html.gl[data-theme="light"] body .game-tabs a{background:#ffffff!important;color:var(--gl-text)!important;border-color:var(--wg-accent-hi)!important;box-shadow:none!important}
html.gl[data-theme="light"] body .game-tabs a:is([aria-current],.active,[aria-selected="true"]){background:linear-gradient(135deg,var(--wg-accent),var(--wg-accent))!important;color:#fff!important;border-color:var(--wg-accent)!important}
html.gl[data-theme="light"] body .flow b{color:#9a6400!important}
html.gl[data-theme="light"] body .flow span{color:var(--gl-muted)!important}
html.gl[data-theme="light"] body .flow>div{border-color:var(--wg-pale-2)!important}
html.gl[data-theme="light"] body p#status.status{background:#ffffff!important;border-color:var(--gl-line)!important;color:var(--gl-accent-2)!important}
html.gl[data-theme="light"] body .sbar .sbar-value{color:var(--sb-gold)!important}

/* /assets/game-fit.css */
/* WIND GAME game-fit (gf1 2026-10-21): every game fits one screen.
   Core: «Правила» button + modal, unified side menu additions (Избранное / Админ панель on game pages).
   Page sections below are scoped by html.wgf-<page>. Layout only: no game logic lives here. */
:root{--wgf-gap:12px;--wgf-radius:16px}

/* ---------- «Правила» button ---------- */
.wgf-rules-btn{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:4px 12px 4px 5px;border-radius:999px;
  border:1px solid color-mix(in srgb,var(--wg-accent-hi) 38%,transparent);background:color-mix(in srgb,var(--wg-s3) 72%,transparent);color:var(--wg-text-tint);font:700 13px/1 inherit;font-family:inherit;
  cursor:pointer;white-space:nowrap;vertical-align:middle;flex:0 0 auto;transition:background .15s,border-color .15s}
.wgf-rules-btn:hover{background:color-mix(in srgb,var(--wg-accent-deep) 85%,transparent);border-color:color-mix(in srgb,var(--wg-accent-pale) 70%,transparent)}
.wgf-rules-btn:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
.wgf-rules-btn .wgf-i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--wg-accent);color:#fff;
  font:800 13px/1 Georgia,serif;font-style:italic}
.wgf-rules-float{position:fixed;right:16px;top:auto;bottom:96px;z-index:60}
html[data-theme="light"] .wgf-rules-btn{background:#fff;border-color:var(--wg-accent-hi);color:var(--wg-accent-deep)}
html[data-theme="light"] .wgf-rules-btn:hover{background:var(--wg-pale)}
html[data-theme="light"] .wgf-rules-btn .wgf-i{background:var(--wg-accent-lo);color:#fff}

/* ---------- modal ---------- */
.wgf-modal{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--wg-s0) 66%,transparent);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.wgf-modal[hidden]{display:none!important}
html.wgf-modal-open,html.wgf-modal-open body{overflow:hidden!important}
.wgf-modal-panel{width:min(880px,100%);max-height:min(86dvh,860px);display:flex;flex-direction:column;border-radius:20px;
  border:1px solid color-mix(in srgb,var(--wg-accent-hi) 30%,transparent);background:var(--wg-s2);color:var(--wg-text-tint);box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.wgf-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid color-mix(in srgb,var(--wg-accent-hi) 18%,transparent)}
.wgf-modal-head h2{margin:0;font-size:18px;line-height:1.2;letter-spacing:0;text-transform:none}
.wgf-modal-close{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid color-mix(in srgb,var(--wg-accent-hi) 35%,transparent);background:transparent;color:inherit;
  font:400 24px/1 system-ui,sans-serif;cursor:pointer}
.wgf-modal-close:focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
.wgf-modal-body{overflow:auto;overscroll-behavior:contain;padding:16px 18px 20px;display:grid;gap:14px}
.wgf-modal-body .wgf-desc:empty,.wgf-modal-body .wgf-rules:empty{display:none}
.wgf-modal-body .wgf-desc{font-size:15px;line-height:1.5;opacity:.92}
.wgf-modal-body .wgf-rules{display:grid;gap:14px}
.wgf-modal-body .wgf-moved{margin:0!important;max-width:none!important;width:auto!important;position:static!important;transform:none!important}
.wgf-modal-body .wgf-moved:not(details){display:block}
.wgf-modal-body details.wgf-moved{display:block}
.wgf-modal-body table{max-width:100%}
html[data-theme="light"] .wgf-modal{background:color-mix(in srgb,var(--wg-s4) 40%,transparent)}
html[data-theme="light"] .wgf-modal-panel{background:#fff;color:var(--wg-s3);border-color:var(--wg-pale-2)}
html[data-theme="light"] .wgf-modal-head{border-color:var(--wg-pale-2)}
@media (max-width:600px){
  .wgf-modal{padding:0;place-items:end stretch}
  .wgf-modal-panel{width:100%;max-height:88dvh;border-radius:20px 20px 0 0}
}

/* ---------- unified side menu on game pages (same items as the main pages) ---------- */
#wg-shell-sidebar{font-family:Manrope,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html body .wg-shell-nav-favorites .wg-shell-nav-glyph::after{content:'';background-image:url("/assets/nav-icons-v5/favorites.svg")}
html body .wg-shell-nav-admin .wg-shell-nav-glyph::after{content:'';background-image:url("/assets/nav-icons-v5/admin.svg")}
.wg-shell-nav-admin small{display:block;font-size:10px;font-weight:700;opacity:.75;letter-spacing:.02em;line-height:1.2}
/* Theme + language already sit in the top bar (Светлая / English) on desktop; the menu ends with the dock like on the main pages. */
@media (min-width:1181px){
  body:where([data-wgh~="k3b228"]):not(.wg-0) #wg-shell-sidebar .wg-shell-footer{display:none}
}

/* ===== angock.css ===== */
/* Jelly Drop: full-screen canvas game inside the common shell. The old fixed «notice» pill becomes the page header row
   (title, «Все игры», sound, theme/lang/account, full screen); below it the live strip, then the canvas fills the rest. */
html.wgf-angock body.wg-shell-ready{display:flex;flex-direction:column;height:100dvh;min-height:0;overflow:hidden}
html.wgf-angock body.wg-shell-ready>*{flex:0 0 auto}
html.wgf-angock body.wg-shell-ready>header.notice{position:relative!important;top:auto;left:auto;right:auto;transform:none;width:auto;max-width:none;
  margin:8px 12px 0;min-height:48px;justify-content:flex-start;gap:10px;padding:5px 10px;font-size:12px;z-index:50}
html.wgf-angock body.wg-shell-ready>header.notice>span{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.wgf-angock body.wg-shell-ready>header.notice>.wgt-actions{margin-left:auto}
html.wgf-angock body.wg-shell-ready>.wg-live-strip{margin:6px 12px 0;position:relative;top:auto}
html.wgf-angock body.wg-shell-ready>.wg-guest-play{display:flex;align-items:center;justify-content:center;gap:14px;margin:6px 12px 0}
html.wgf-angock body.wg-shell-ready>.wg-guest-play a{min-height:36px!important;height:auto!important;padding:6px 26px!important;width:auto!important;flex:0 0 auto;font-size:15px}
html.wgf-angock body.wg-shell-ready>.wg-guest-play small{margin:0!important}
html.wgf-angock body.wg-shell-ready>#game-container{flex:1 1 0;min-height:0;height:auto!important;margin-top:0!important;width:100%}
html.wgf-angock canvas{max-width:100%;max-height:100%}
html.wgf-angock.angock-fs body.wg-shell-ready{padding-left:0}
html.wgf-angock.angock-fs #wg-shell-sidebar,html.wgf-angock.angock-fs .wg-live-strip,html.wgf-angock.angock-fs .wg-guest-play,html.wgf-angock.angock-fs .wg-nav-collapse{display:none!important}
@media (max-width:1180px){
  html.wgf-angock body.wg-shell-ready>header.notice{padding-left:max(70px,calc(env(safe-area-inset-left) + 70px))}
}
@media (max-width:720px){
  html.wgf-angock body.wg-shell-ready>header.notice{margin:6px 6px 0;font-size:10px;flex-wrap:nowrap;gap:6px}
  html.wgf-angock body.wg-shell-ready>header.notice>span,html.wgf-angock body.wg-shell-ready>header.notice>strong{display:none}
  html.wgf-angock body.wg-shell-ready>.wg-live-strip{margin:4px 6px 0}
  html.wgf-angock body.wg-shell-ready>.wg-guest-play{margin:4px 6px 0;gap:8px}
  html.wgf-angock body.wg-shell-ready>.wg-guest-play a{padding:6px 14px!important;font-size:14px}
  html.wgf-angock body.wg-shell-ready>.wg-guest-play small{font-size:11px;line-height:1.25;text-align:left}
  html.wgf-angock body.wg-shell-ready>#game-container{height:auto!important}
}

/* ===== arena-next-keno.css ===== */
/* Limbo / Keno / Plinko SPA (/arena/next/*): header, strip, [intro | tabs] row, [controls | stage] in 100dvh */
@media (min-width:900px) and (min-height:560px){
  html.wgf-arena-next-keno body{display:flex;flex-direction:column;height:100dvh;min-height:0;box-sizing:border-box}
  html.wgf-arena-next-keno body>header.topbar{flex:0 0 auto;height:58px!important;min-height:0!important}
  html.wgf-arena-next-keno body>.wgt-strip{flex:0 0 auto;margin-top:2px!important;margin-bottom:6px!important}
  html.wgf-arena-next-keno body>main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);
    column-gap:16px;align-items:center;padding-top:4px!important;padding-bottom:14px!important;box-sizing:border-box;width:auto}
  html.wgf-arena-next-keno main>.intro{grid-column:1;grid-row:1;margin:0!important;gap:12px;align-items:center}
  html.wgf-arena-next-keno main>.intro>div:has(>h1){display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
  html.wgf-arena-next-keno main>.intro .eyebrow{margin:0;white-space:nowrap}
  html.wgf-arena-next-keno main>.intro h1{font-size:28px!important;line-height:1.1!important;margin:0!important;white-space:nowrap}
  html.wgf-arena-next-keno main>.intro a.back{display:none}
  html.wgf-arena-next-keno main>.game-tabs{grid-column:2;grid-row:1;margin:0!important;justify-content:flex-end}
  html.wgf-arena-next-keno main>.game-tabs a{padding-top:6px;padding-bottom:6px;min-height:0}
  html.wgf-arena-next-keno main>.game-layout{grid-column:1/-1;grid-row:2;min-height:0!important;height:100%;margin-top:10px!important;grid-template-rows:minmax(0,1fr);align-items:stretch}
  html.wgf-arena-next-keno main>.below:not(:has(> *:not(.wgf-moved))){display:none}
  html.wgf-arena-next-keno main>.below{display:none}
  html.wgf-arena-next-keno aside.control-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}
  html.wgf-arena-next-keno aside.control-panel .panel-head{flex:0 0 auto;padding-top:12px;padding-bottom:12px;min-height:0}
  html.wgf-arena-next-keno aside.control-panel .panel-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding-top:14px;padding-bottom:14px}
  html.wgf-arena-next-keno aside.control-panel .info-card{margin:0;padding:12px 14px}
  html.wgf-arena-next-keno section.stage{min-height:0;overflow:hidden}
  html.wgf-arena-next-keno section.stage .stage-top,html.wgf-arena-next-keno section.stage .stage-bottom{flex:0 0 auto;min-height:0;padding-top:10px;padding-bottom:10px}
  html.wgf-arena-next-keno section.stage>.stage-inner{flex:1 1 auto;min-height:0!important;height:auto!important}
  html.wgf-arena-next-keno #plinko-stage{align-items:center;justify-content:center}
  html.wgf-arena-next-keno #plinko-board{min-height:0!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%}
  html.wgf-arena-next-keno #keno-stage{overflow:auto}
}
@media (min-width:900px) and (max-height:800px){
  html.wgf-arena-next-keno main>.intro .eyebrow{display:none}
}
@media (max-width:899px){
  html.wgf-arena-next-keno main>.intro{margin-bottom:12px!important}
  html.wgf-arena-next-keno main>.intro h1{font-size:30px!important;line-height:1.1!important;margin:0 0 4px!important}
}

/* ===== arena-next-limbo.css ===== */
/* Limbo / Keno / Plinko SPA (/arena/next/*): header, strip, [intro | tabs] row, [controls | stage] in 100dvh */
@media (min-width:900px) and (min-height:560px){
  html.wgf-arena-next-limbo body{display:flex;flex-direction:column;height:100dvh;min-height:0;box-sizing:border-box}
  html.wgf-arena-next-limbo body>header.topbar{flex:0 0 auto;height:58px!important;min-height:0!important}
  html.wgf-arena-next-limbo body>.wgt-strip{flex:0 0 auto;margin-top:2px!important;margin-bottom:6px!important}
  html.wgf-arena-next-limbo body>main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);
    column-gap:16px;align-items:center;padding-top:4px!important;padding-bottom:14px!important;box-sizing:border-box;width:auto}
  html.wgf-arena-next-limbo main>.intro{grid-column:1;grid-row:1;margin:0!important;gap:12px;align-items:center}
  html.wgf-arena-next-limbo main>.intro>div:has(>h1){display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
  html.wgf-arena-next-limbo main>.intro .eyebrow{margin:0;white-space:nowrap}
  html.wgf-arena-next-limbo main>.intro h1{font-size:28px!important;line-height:1.1!important;margin:0!important;white-space:nowrap}
  html.wgf-arena-next-limbo main>.intro a.back{display:none}
  html.wgf-arena-next-limbo main>.game-tabs{grid-column:2;grid-row:1;margin:0!important;justify-content:flex-end}
  html.wgf-arena-next-limbo main>.game-tabs a{padding-top:6px;padding-bottom:6px;min-height:0}
  html.wgf-arena-next-limbo main>.game-layout{grid-column:1/-1;grid-row:2;min-height:0!important;height:100%;margin-top:10px!important;grid-template-rows:minmax(0,1fr);align-items:stretch}
  html.wgf-arena-next-limbo main>.below:not(:has(> *:not(.wgf-moved))){display:none}
  html.wgf-arena-next-limbo main>.below{display:none}
  html.wgf-arena-next-limbo aside.control-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}
  html.wgf-arena-next-limbo aside.control-panel .panel-head{flex:0 0 auto;padding-top:12px;padding-bottom:12px;min-height:0}
  html.wgf-arena-next-limbo aside.control-panel .panel-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding-top:14px;padding-bottom:14px}
  html.wgf-arena-next-limbo aside.control-panel .info-card{margin:0;padding:12px 14px}
  html.wgf-arena-next-limbo section.stage{min-height:0;overflow:hidden}
  html.wgf-arena-next-limbo section.stage .stage-top,html.wgf-arena-next-limbo section.stage .stage-bottom{flex:0 0 auto;min-height:0;padding-top:10px;padding-bottom:10px}
  html.wgf-arena-next-limbo section.stage>.stage-inner{flex:1 1 auto;min-height:0!important;height:auto!important}
  html.wgf-arena-next-limbo #plinko-stage{align-items:center;justify-content:center}
  html.wgf-arena-next-limbo #plinko-board{min-height:0!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%}
  html.wgf-arena-next-limbo #keno-stage{overflow:auto}
}
@media (min-width:900px) and (max-height:800px){
  html.wgf-arena-next-limbo main>.intro .eyebrow{display:none}
}
@media (max-width:899px){
  html.wgf-arena-next-limbo main>.intro{margin-bottom:12px!important}
  html.wgf-arena-next-limbo main>.intro h1{font-size:30px!important;line-height:1.1!important;margin:0 0 4px!important}
}

/* ===== arena-next-plinko.css ===== */
/* Limbo / Keno / Plinko SPA (/arena/next/*): header, strip, [intro | tabs] row, [controls | stage] in 100dvh */
@media (min-width:900px) and (min-height:560px){
  html.wgf-arena-next-plinko body{display:flex;flex-direction:column;height:100dvh;min-height:0;box-sizing:border-box}
  html.wgf-arena-next-plinko body>header.topbar{flex:0 0 auto;height:58px!important;min-height:0!important}
  html.wgf-arena-next-plinko body>.wgt-strip{flex:0 0 auto;margin-top:2px!important;margin-bottom:6px!important}
  html.wgf-arena-next-plinko body>main{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);
    column-gap:16px;align-items:center;padding-top:4px!important;padding-bottom:14px!important;box-sizing:border-box;width:auto}
  html.wgf-arena-next-plinko main>.intro{grid-column:1;grid-row:1;margin:0!important;gap:12px;align-items:center}
  html.wgf-arena-next-plinko main>.intro>div:has(>h1){display:flex;align-items:center;gap:12px;flex-wrap:nowrap}
  html.wgf-arena-next-plinko main>.intro .eyebrow{margin:0;white-space:nowrap}
  html.wgf-arena-next-plinko main>.intro h1{font-size:28px!important;line-height:1.1!important;margin:0!important;white-space:nowrap}
  html.wgf-arena-next-plinko main>.intro a.back{display:none}
  html.wgf-arena-next-plinko main>.game-tabs{grid-column:2;grid-row:1;margin:0!important;justify-content:flex-end}
  html.wgf-arena-next-plinko main>.game-tabs a{padding-top:6px;padding-bottom:6px;min-height:0}
  html.wgf-arena-next-plinko main>.game-layout{grid-column:1/-1;grid-row:2;min-height:0!important;height:100%;margin-top:10px!important;grid-template-rows:minmax(0,1fr);align-items:stretch}
  html.wgf-arena-next-plinko main>.below:not(:has(> *:not(.wgf-moved))){display:none}
  html.wgf-arena-next-plinko main>.below{display:none}
  html.wgf-arena-next-plinko aside.control-panel{min-height:0;display:flex;flex-direction:column;overflow:hidden}
  html.wgf-arena-next-plinko aside.control-panel .panel-head{flex:0 0 auto;padding-top:12px;padding-bottom:12px;min-height:0}
  html.wgf-arena-next-plinko aside.control-panel .panel-content{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;padding-top:14px;padding-bottom:14px}
  html.wgf-arena-next-plinko aside.control-panel .info-card{margin:0;padding:12px 14px}
  html.wgf-arena-next-plinko section.stage{min-height:0;overflow:hidden}
  html.wgf-arena-next-plinko section.stage .stage-top,html.wgf-arena-next-plinko section.stage .stage-bottom{flex:0 0 auto;min-height:0;padding-top:10px;padding-bottom:10px}
  html.wgf-arena-next-plinko section.stage>.stage-inner{flex:1 1 auto;min-height:0!important;height:auto!important}
  html.wgf-arena-next-plinko #plinko-stage{align-items:center;justify-content:center}
  html.wgf-arena-next-plinko #plinko-board{min-height:0!important;width:auto!important;height:auto!important;max-width:100%;max-height:100%}
  html.wgf-arena-next-plinko #keno-stage{overflow:auto}
}
@media (min-width:900px) and (max-height:800px){
  html.wgf-arena-next-plinko main>.intro .eyebrow{display:none}
}
@media (max-width:899px){
  html.wgf-arena-next-plinko main>.intro{margin-bottom:12px!important}
  html.wgf-arena-next-plinko main>.intro h1{font-size:30px!important;line-height:1.1!important;margin:0 0 4px!important}
}

/* ===== arena-race.css ===== */
/* Гонка 10 машин (/arena/race): one-row header, [track | bet panel] in 100dvh; the 3D renderer follows its box (ResizeObserver) */
@media (min-width:900px) and (min-height:560px){
  html.wgf-arena-race body>main{display:flex;flex-direction:column;height:100dvh;min-height:0;box-sizing:border-box;padding-bottom:12px!important}
  html.wgf-arena-race main>header.topbar{flex:0 0 auto;flex-wrap:nowrap!important;align-items:center!important;gap:12px;min-height:0!important;padding-top:8px!important;padding-bottom:6px!important}
  html.wgf-arena-race main>header.topbar>div:has(>h1){display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}
  html.wgf-arena-race main>header.topbar .eyebrow{white-space:nowrap;margin:0}
  html.wgf-arena-race main>header.topbar h1{font-size:28px!important;line-height:1.1!important;margin:0!important;white-space:nowrap}
  html.wgf-arena-race main>header.topbar .status-cluster{flex:0 0 auto;margin:0}
  html.wgf-arena-race main>header.topbar .wgt-actions{flex:0 0 auto;order:9;margin:0!important;width:auto!important}
  html.wgf-arena-race .wgt-strip{margin-top:0!important;margin-bottom:8px!important}
  html.wgf-arena-race main>.page-grid{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr);align-items:stretch!important;margin:0!important}
  html.wgf-arena-race main>.page-grid>*{min-height:0;max-height:100%;height:auto;align-self:stretch}
  html.wgf-arena-race section.race-stage{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:10px!important}
  html.wgf-arena-race section.race-stage .stage-heading{flex:0 0 auto;margin-bottom:6px}
  html.wgf-arena-race section.race-stage .stage-heading h2{font-size:20px}
  html.wgf-arena-race .race-track-wrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  html.wgf-arena-race .race-3d{flex:1 1 auto;height:auto!important;min-height:220px;margin-bottom:0!important}
  html.wgf-arena-race .race-track-wrap>.car-hud{flex:0 0 auto}
  html.wgf-arena-race #finish-panel,html.wgf-arena-race #w-finish{flex:0 0 auto}
  html.wgf-arena-race aside.bet-panel{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-top:16px!important;padding-bottom:16px!important}
  html.wgf-arena-race aside.bet-panel>h2{font-size:22px;margin:2px 0 10px}
  html.wgf-arena-race aside.bet-panel .w-meta{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  html.wgf-arena-race aside.bet-panel .w-meta>div{padding:7px 8px!important;min-height:0!important}
  html.wgf-arena-race aside.bet-panel .w-meta>div span{font-size:10.5px;line-height:1.2}
  html.wgf-arena-race aside.bet-panel .w-meta>div strong{font-size:15px}
  html.wgf-arena-race aside.bet-panel section.history{margin:14px 0 0!important;padding:12px!important;display:block}
  html.wgf-arena-race aside.bet-panel section.history h2{font-size:16px}
}
@media (min-width:900px) and (max-width:1600px){
  html.wgf-arena-race main>header.topbar .eyebrow,html.wgf-arena-race main>header.topbar .w-chip{display:none!important}
}
@media (max-width:899px){
  html.wgf-arena-race main>header.topbar h1{font-size:30px!important;line-height:1.1!important;margin:0 0 6px!important}
}

/* ===== arena-rocket-w.css ===== */
/* Ракетка W (/arena/rocket-w): header + strip + one-line intro + [stage | controls] in 100dvh */
@media (min-width:900px) and (min-height:560px){
  html.wgf-arena-rocket-w body{min-height:0}
  html.wgf-arena-rocket-w .shell{display:flex;flex-direction:column;height:100dvh;min-height:0;box-sizing:border-box}
  html.wgf-arena-rocket-w .shell>header.wg-shell-header{flex:0 0 auto;height:58px!important;min-height:0!important}
  html.wgf-arena-rocket-w .wgt-strip{margin-bottom:6px!important}
  html.wgf-arena-rocket-w .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding-bottom:14px;box-sizing:border-box}
  html.wgf-arena-rocket-w main>.intro{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:4px 0 10px!important;margin:0!important}
  html.wgf-arena-rocket-w main>.intro .eyebrow{margin:0;white-space:nowrap}
  html.wgf-arena-rocket-w main>.intro h1{font-size:28px!important;line-height:1.1!important;margin:0!important;width:auto;white-space:nowrap}
  html.wgf-arena-rocket-w main>.intro h1 em{font-size:inherit}
  html.wgf-arena-rocket-w main>.game-layout{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr);margin:0!important}
  html.wgf-arena-rocket-w #stage{min-height:0!important;height:auto!important}
  html.wgf-arena-rocket-w aside.controls{min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px 20px!important;scrollbar-width:thin}
  html.wgf-arena-rocket-w aside.controls h2{font-size:24px;margin:4px 0 6px}
  html.wgf-arena-rocket-w aside.controls .description{margin:0 0 10px;font-size:13px}
  html.wgf-arena-rocket-w aside.controls .figures{margin:0 0 10px}
  html.wgf-arena-rocket-w aside.controls .rk-players{margin:12px 0 0!important;padding:12px!important}
}
@media (min-width:900px) and (max-height:800px){
  html.wgf-arena-rocket-w aside.controls .description{display:none}
  html.wgf-arena-rocket-w aside.controls .figures div{padding-top:8px;padding-bottom:8px}
}
html.wgf-arena-rocket-w aside.controls .rk-players h2{font-size:16px;line-height:1.25}
@media (max-width:899px){
  html.wgf-arena-rocket-w main>.intro{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0 10px!important}
  html.wgf-arena-rocket-w main>.intro .eyebrow{flex:1 0 100%;margin:0}
  html.wgf-arena-rocket-w main>.intro h1{font-size:30px!important;line-height:1.1!important;margin:0!important}
}

/* ===== coinflip-w.css ===== */
/* shared one-screen frame (intro | .game = stage + panel); extra blocks live in the «Правила» modal */
html.wgf-coinflip-w .shell>main>.intro{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;max-width:none}
html.wgf-coinflip-w .shell>main>.intro .eyebrow{font-size:11px;letter-spacing:.14em}
html.wgf-coinflip-w .shell>main>.intro h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
html.wgf-coinflip-w .panel{padding:14px 16px}
html.wgf-coinflip-w .panel .mode{min-height:0;padding:6px 10px;font-size:12px}
html.wgf-coinflip-w .panel h2{font-size:15px;margin:10px 0 6px}
html.wgf-coinflip-w .panel h3{font-size:13px;margin:10px 0 6px}
html.wgf-coinflip-w .panel .payout{padding:6px 12px;margin-top:8px;min-height:0}
html.wgf-coinflip-w .panel .stake-hint{margin:4px 0;font-size:12px}
html.wgf-coinflip-w .panel .payout strong{font-size:20px}
@media (min-width:901px) and (max-height:820px){html.wgf-coinflip-w .panel{padding:10px 12px} html.wgf-coinflip-w .panel .sbar-step{width:38px;height:38px} html.wgf-coinflip-w .panel .sbar-main{grid-template-columns:38px minmax(0,1fr) 38px} html.wgf-coinflip-w .panel .sbar-amount{min-height:38px} html.wgf-coinflip-w .panel .sbar-chip{min-height:30px} html.wgf-coinflip-w .panel .wg-guest-play a{min-height:42px}}
html.wgf-coinflip-w .panel .message{margin:8px 0 0;font-size:13px}
html.wgf-coinflip-w .panel .sbar{margin:8px 0;padding:8px}
html.wgf-coinflip-w .panel .sbar-grid{gap:6px}
html.wgf-coinflip-w .panel .sbar-left{gap:6px}
html.wgf-coinflip-w .panel .wg-guest-play{margin-top:8px}
html.wgf-coinflip-w .panel .wg-guest-play small{font-size:11px}
@media (min-width:901px){
  html.wgf-coinflip-w body .shell{height:100dvh;max-width:none;display:flex;flex-direction:column;padding-top:10px;padding-bottom:12px;box-sizing:border-box}
  html.wgf-coinflip-w body .shell>header,html.wgf-coinflip-w body .shell>.wgt-strip{flex:0 0 auto}
  html.wgf-coinflip-w body .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin-top:10px}
  html.wgf-coinflip-w .shell>main>.game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(290px,24vw,340px);gap:12px}
  html.wgf-coinflip-w .shell>main>.game>.stage{min-height:0;height:auto;overflow:hidden}
  html.wgf-coinflip-w .shell>main>.game>.panel{min-height:0;overflow:auto;scrollbar-width:thin}
}
@media (max-width:900px){
  html.wgf-coinflip-w .shell>main>.intro{margin:2px 0 8px}
  html.wgf-coinflip-w .shell>main>.intro .eyebrow{display:none}
  html.wgf-coinflip-w .shell>main>.intro h1{font-size:22px}
  html.wgf-coinflip-w .wgf-rules-btn{min-height:28px}
}
/* Coin Flip */
html.wgf-coinflip-w .panel .side-choice button{min-height:38px}
@media (min-width:901px){
  html.wgf-coinflip-w .shell>main>.game>.stage{min-height:0;container-type:size}
  html.wgf-coinflip-w .stage .rings{width:min(436px,74cqh);height:min(436px,74cqh)}
  html.wgf-coinflip-w .stage .wc-wrap{width:min(240px,42cqh)}
  html.wgf-coinflip-w .stage .coin{width:min(72%,345px,62cqh)}
  html.wgf-coinflip-w .stage .stage-caption strong{font-size:clamp(18px,4cqh,26px)}
}
@media (max-width:900px){
  html.wgf-coinflip-w .shell>main>.game>.stage{min-height:300px}
}

/* ===== duel-w.css ===== */
/* Дуэль: create | arena | open + mine challenges, one screen; rules and long hints in the modal. */
html.wgf-duel-w .shell>main>.hero{display:block;margin:0;padding:0;min-height:0;background:none;border:0;box-shadow:none}
html.wgf-duel-w .shell>main>.hero>div{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:0}
html.wgf-duel-w .shell>main>.hero .eyebrow{font-size:11px;letter-spacing:.14em}
html.wgf-duel-w .shell>main>.hero h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
html.wgf-duel-w .shell>main>.hero>img{display:none}
html.wgf-duel-w .panel{padding:12px 14px}
html.wgf-duel-w .panel h2{font-size:17px;margin:2px 0 8px}
html.wgf-duel-w .panel .eyebrow{font-size:10px}
html.wgf-duel-w .section-title{margin-bottom:6px;align-items:center}
html.wgf-duel-w .section-title .quiet{min-height:34px;padding:6px 12px}
html.wgf-duel-w .create .pool{padding:8px 12px;margin:6px 0}
html.wgf-duel-w .create .pool strong{font-size:22px}
html.wgf-duel-w .create .sbar{margin:8px 0;padding:8px}
html.wgf-duel-w .create .wg-guest-play{margin-top:6px}
html.wgf-duel-w .wgdf-panel{margin:0}
html.wgf-duel-w .wgdf-bar{padding-top:6px;padding-bottom:6px}
@media (min-width:901px){
  html.wgf-duel-w body .shell{height:100dvh;max-width:none;display:flex;flex-direction:column;padding-top:10px;padding-bottom:12px;box-sizing:border-box}
  html.wgf-duel-w body .shell>header,html.wgf-duel-w body .shell>.wgt-strip{flex:0 0 auto}
  html.wgf-duel-w body .shell>main{flex:1 1 auto;min-height:0;margin-top:10px;display:grid;gap:10px;
    grid-template-columns:clamp(270px,22vw,330px) minmax(0,1fr) clamp(280px,25vw,360px);
    grid-template-rows:auto minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"hero hero hero" "create arena open" "create arena own"}
  html.wgf-duel-w .shell>main>.hero{grid-area:hero}
  html.wgf-duel-w .shell>main>.wgdf-panel{grid-area:arena;min-height:0;display:flex;flex-direction:column}
  html.wgf-duel-w .wgdf-arena{flex:1 1 auto;height:auto;min-height:0}
  html.wgf-duel-w .shell>main>.columns{display:contents}
  html.wgf-duel-w .columns>.create{grid-area:create;min-height:0;overflow:auto;scrollbar-width:thin;margin:0}
  html.wgf-duel-w .columns>.panel:not(.create){grid-area:open}
  html.wgf-duel-w .shell>main>.own{grid-area:own;margin:0}
  html.wgf-duel-w .columns>.panel:not(.create),html.wgf-duel-w .shell>main>.own{min-height:0;display:flex;flex-direction:column;overflow:hidden;margin:0}
  html.wgf-duel-w #open-list,html.wgf-duel-w #mine-list{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:thin;grid-template-columns:1fr}
}
@media (min-width:901px) and (max-height:820px){
  html.wgf-duel-w .create .sbar-step{width:38px;height:38px}
  html.wgf-duel-w .create .sbar-main{grid-template-columns:38px minmax(0,1fr) 38px}
  html.wgf-duel-w .create .sbar-amount{min-height:38px}
  html.wgf-duel-w .create .sbar-chip{min-height:30px}
  html.wgf-duel-w .create .wg-guest-play a{min-height:42px}
}
@media (max-width:900px){
  html.wgf-duel-w .shell>main>.hero .eyebrow{display:none}
  html.wgf-duel-w .shell>main>.hero h1{font-size:22px}
  html.wgf-duel-w .shell>main>.hero{margin:2px 0 8px}
  html.wgf-duel-w .wgdf-arena{height:200px}
  html.wgf-duel-w .wgdf-panel{margin-bottom:10px}
  html.wgf-duel-w .wgf-rules-btn{min-height:28px}
}

/* ===== flying-pickaxe.css ===== */
/* shared one-screen frame (intro | .game = stage + panel); extra blocks live in the «Правила» modal */
html.wgf-flying-pickaxe .shell>main>.intro{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;max-width:none}
html.wgf-flying-pickaxe .shell>main>.intro .eyebrow{font-size:11px;letter-spacing:.14em}
html.wgf-flying-pickaxe .shell>main>.intro h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
html.wgf-flying-pickaxe .panel{padding:14px 16px}
html.wgf-flying-pickaxe .panel .mode{min-height:0;padding:6px 10px;font-size:12px}
html.wgf-flying-pickaxe .panel h2{font-size:15px;margin:10px 0 6px}
html.wgf-flying-pickaxe .panel h3{font-size:13px;margin:10px 0 6px}
html.wgf-flying-pickaxe .panel .payout{padding:6px 12px;margin-top:8px;min-height:0}
html.wgf-flying-pickaxe .panel .stake-hint{margin:4px 0;font-size:12px}
html.wgf-flying-pickaxe .panel .payout strong{font-size:20px}
@media (min-width:901px) and (max-height:820px){html.wgf-flying-pickaxe .panel{padding:10px 12px} html.wgf-flying-pickaxe .panel .sbar-step{width:38px;height:38px} html.wgf-flying-pickaxe .panel .sbar-main{grid-template-columns:38px minmax(0,1fr) 38px} html.wgf-flying-pickaxe .panel .sbar-amount{min-height:38px} html.wgf-flying-pickaxe .panel .sbar-chip{min-height:30px} html.wgf-flying-pickaxe .panel .wg-guest-play a{min-height:42px}}
html.wgf-flying-pickaxe .panel .message{margin:8px 0 0;font-size:13px}
html.wgf-flying-pickaxe .panel .sbar{margin:8px 0;padding:8px}
html.wgf-flying-pickaxe .panel .sbar-grid{gap:6px}
html.wgf-flying-pickaxe .panel .sbar-left{gap:6px}
html.wgf-flying-pickaxe .panel .wg-guest-play{margin-top:8px}
html.wgf-flying-pickaxe .panel .wg-guest-play small{font-size:11px}
@media (min-width:901px){
  html.wgf-flying-pickaxe body .shell{height:100dvh;max-width:none;display:flex;flex-direction:column;padding-top:10px;padding-bottom:12px;box-sizing:border-box}
  html.wgf-flying-pickaxe body .shell>header,html.wgf-flying-pickaxe body .shell>.wgt-strip{flex:0 0 auto}
  html.wgf-flying-pickaxe body .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin-top:10px}
  html.wgf-flying-pickaxe .shell>main>.game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(290px,24vw,340px);gap:12px}
  html.wgf-flying-pickaxe .shell>main>.game>.stage{min-height:0;height:auto;overflow:hidden}
  html.wgf-flying-pickaxe .shell>main>.game>.panel{min-height:0;overflow:auto;scrollbar-width:thin}
}
@media (max-width:900px){
  html.wgf-flying-pickaxe .shell>main>.intro{margin:2px 0 8px}
  html.wgf-flying-pickaxe .shell>main>.intro .eyebrow{display:none}
  html.wgf-flying-pickaxe .shell>main>.intro h1{font-size:22px}
  html.wgf-flying-pickaxe .wgf-rules-btn{min-height:28px}
}
/* Flying Pickaxe: the 16:9 game stage takes the whole free height (its controls are inside the stage). */
@media (min-width:901px){
  html.wgf-flying-pickaxe.wgf .fp-page main{max-width:none}
  html.wgf-flying-pickaxe #wrap{flex:1 1 auto;min-height:0;margin:0;display:flex;justify-content:center;align-items:flex-start}
  html.wgf-flying-pickaxe #stage{width:min(100%,calc((100dvh - 180px) * 16 / 9));max-height:none;margin:0 auto}
}

/* ===== jackpot.css ===== */
/* Джекпот: one screen. Rows: intro | rooms | stage + bet | players + winners; rules/proof/footer in the modal. */
html.wgf-jackpot .jp-intro{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;max-width:none}
html.wgf-jackpot .jp-intro .eyebrow{font-size:11px;letter-spacing:.14em}
html.wgf-jackpot .jp-intro h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
html.wgf-jackpot .jp-intro h1 em{font-size:inherit}
html.wgf-jackpot .jp-room{grid-template-columns:40px 1fr;padding:8px 12px;column-gap:10px}
html.wgf-jackpot .jp-room-ico{width:40px;height:40px}
html.wgf-jackpot .jp-room-ico svg{width:32px;height:32px}
html.wgf-jackpot .jp-room-text b{font-size:14px}
html.wgf-jackpot .jp-room-pot{font-size:16px}
html.wgf-jackpot .jp-room-meta{font-size:11px}
html.wgf-jackpot .jp-stage{padding:12px 16px}
html.wgf-jackpot .jp-head{flex-wrap:nowrap;align-items:flex-end}
html.wgf-jackpot .jp-pot-box{min-width:0}
html.wgf-jackpot .jp-time{flex:0 0 auto}
html.wgf-jackpot .jp-pot-box strong{font-size:clamp(30px,4.2vh,44px)}
html.wgf-jackpot .jp-pot-box .jp-bonus{margin-top:4px;padding:3px 10px}
html.wgf-jackpot .jp-prize{margin-top:3px}
html.wgf-jackpot .jp-time strong{font-size:28px}
html.wgf-jackpot .jp-timeline{margin:8px 0}
html.wgf-jackpot .jp-share{margin-top:8px}
html.wgf-jackpot .jp-banner{margin-top:8px;padding:8px 12px}
html.wgf-jackpot .jp-card{padding:12px 14px}
html.wgf-jackpot .jp-card h2{margin-bottom:8px;font-size:15px}
html.wgf-jackpot .jp-quick{gap:4px}
html.wgf-jackpot .jp-quick button{min-height:34px;padding:0 2px;font-size:12px;letter-spacing:-.02em}
html.wgf-jackpot .jp-input input{height:40px;font-size:18px}
html.wgf-jackpot .jp-play{min-height:46px;margin-top:8px}
html.wgf-jackpot .jp-mine,html.wgf-jackpot .jp-limits,html.wgf-jackpot .jp-msg{margin-top:6px;font-size:12px}
html.wgf-jackpot .jp-bal{margin-bottom:8px}

@media (min-width:901px){
  html.wgf-jackpot body .shell{height:100dvh;max-width:none;display:flex;flex-direction:column;padding-top:10px;padding-bottom:12px;box-sizing:border-box}
  html.wgf-jackpot body .shell>header,html.wgf-jackpot body .shell>.wgt-strip{flex:0 0 auto}
  html.wgf-jackpot body .jp-main{flex:1 1 auto;min-height:0;margin-top:10px;display:grid;gap:10px;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) clamp(280px,24vw,340px);
    grid-template-rows:auto auto auto minmax(0,1fr);
    grid-template-areas:"intro intro intro" "rooms rooms rooms" "stage stage bet" "pl hist bet"}
  html.wgf-jackpot .jp-intro{grid-area:intro}
  html.wgf-jackpot .jp-rooms{grid-area:rooms;gap:10px}
  html.wgf-jackpot .jp-stage{grid-area:stage;min-height:0;overflow:auto;scrollbar-width:thin}
  html.wgf-jackpot .jp-grid{display:contents}
  html.wgf-jackpot .jp-grid>.jp-card-bet{grid-area:bet;min-height:0;overflow:auto;scrollbar-width:thin}
  html.wgf-jackpot .jp-grid>.jp-card:nth-child(2){grid-area:pl}
  html.wgf-jackpot .jp-grid>.jp-card:nth-child(3){grid-area:hist}
  html.wgf-jackpot .jp-grid>.jp-card:not(.jp-card-bet){min-height:0;display:flex;flex-direction:column;overflow:hidden}
  html.wgf-jackpot .jp-grid>.jp-card:not(.jp-card-bet) .jp-list{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;scrollbar-width:thin}
}
/* short desktop screens (768/720): tighter stage */
@media (min-width:901px) and (max-height:820px){
  html.wgf-jackpot .jp-room-ico{display:none}
  html.wgf-jackpot .jp-room{grid-template-columns:1fr;padding:6px 12px;row-gap:0}
  html.wgf-jackpot .jp-room-meta{display:none}
  html.wgf-jackpot .jp-stage{padding:10px 14px}
  html.wgf-jackpot .jp-pot-box strong{font-size:32px}
  html.wgf-jackpot .jp-time strong{font-size:24px}
  html.wgf-jackpot .jp-prize{display:inline-block;margin-left:8px}
  html.wgf-jackpot .jp-limits{display:none}
}
/* phone */
@media (max-width:900px){
  html.wgf-jackpot .jp-intro{margin:2px 0 0}
  html.wgf-jackpot .jp-intro .eyebrow{display:none}
  html.wgf-jackpot .jp-intro h1{font-size:22px}
  html.wgf-jackpot .wgf-rules-btn{min-height:28px}
  html.wgf-jackpot #jp-bet-title{display:none}
  html.wgf-jackpot .jp-prize{font-size:12px}
  html.wgf-jackpot .jp-timeline{margin:6px 0}
  html.wgf-jackpot .jp-pot-box .jp-bonus{font-size:12px}
  html.wgf-jackpot .jp-main{gap:10px}
  html.wgf-jackpot .jp-rooms{gap:6px}
  html.wgf-jackpot .jp-room{grid-template-columns:1fr;padding:6px 8px;text-align:center;justify-items:center}
  html.wgf-jackpot .jp-room-ico,html.wgf-jackpot .jp-room-meta,html.wgf-jackpot .jp-room-text small{display:none}
  html.wgf-jackpot .jp-room-text b{font-size:12px;white-space:normal}
  html.wgf-jackpot .jp-room-pot{font-size:14px}
  html.wgf-jackpot .jp-stage{padding:10px 12px}
  html.wgf-jackpot .jp-pot-box strong{font-size:30px}
  html.wgf-jackpot .jp-time{min-width:0}
  html.wgf-jackpot .jp-time strong{font-size:22px}
  html.wgf-jackpot .jp-grid{gap:10px}
  html.wgf-jackpot .jp-grid .jp-list{max-height:220px}
}

/* ===== ladder-w.css ===== */
/* shared one-screen frame (intro | .game = stage + panel); extra blocks live in the «Правила» modal */
html.wgf-ladder-w .shell>main>.intro{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;margin:0;max-width:none}
html.wgf-ladder-w .shell>main>.intro .eyebrow{font-size:11px;letter-spacing:.14em}
html.wgf-ladder-w .shell>main>.intro h1{font-size:30px;line-height:1.1;margin:0;letter-spacing:-.03em}
html.wgf-ladder-w .panel{padding:14px 16px}
html.wgf-ladder-w .panel .mode{min-height:0;padding:6px 10px;font-size:12px}
html.wgf-ladder-w .panel h2{font-size:15px;margin:10px 0 6px}
html.wgf-ladder-w .panel h3{font-size:13px;margin:10px 0 6px}
html.wgf-ladder-w .panel .payout{padding:6px 12px;margin-top:8px;min-height:0}
html.wgf-ladder-w .panel .stake-hint{margin:4px 0;font-size:12px}
html.wgf-ladder-w .panel .payout strong{font-size:20px}
@media (min-width:901px) and (max-height:820px){html.wgf-ladder-w .panel{padding:10px 12px} html.wgf-ladder-w .panel .sbar-step{width:38px;height:38px} html.wgf-ladder-w .panel .sbar-main{grid-template-columns:38px minmax(0,1fr) 38px} html.wgf-ladder-w .panel .sbar-amount{min-height:38px} html.wgf-ladder-w .panel .sbar-chip{min-height:30px} html.wgf-ladder-w .panel .wg-guest-play a{min-height:42px}}
html.wgf-ladder-w .panel .message{margin:8px 0 0;font-size:13px}
html.wgf-ladder-w .panel .sbar{margin:8px 0;padding:8px}
html.wgf-ladder-w .panel .sbar-grid{gap:6px}
html.wgf-ladder-w .panel .sbar-left{gap:6px}
html.wgf-ladder-w .panel .wg-guest-play{margin-top:8px}
html.wgf-ladder-w .panel .wg-guest-play small{font-size:11px}
@media (min-width:901px){
  html.wgf-ladder-w body .shell{height:100dvh;max-width:none;display:flex;flex-direction:column;padding-top:10px;padding-bottom:12px;box-sizing:border-box}
  html.wgf-ladder-w body .shell>header,html.wgf-ladder-w body .shell>.wgt-strip{flex:0 0 auto}
  html.wgf-ladder-w body .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin-top:10px}
  html.wgf-ladder-w .shell>main>.game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(290px,24vw,340px);gap:12px}
  html.wgf-ladder-w .shell>main>.game>.stage{min-height:0;height:auto;overflow:hidden}
  html.wgf-ladder-w .shell>main>.game>.panel{min-height:0;overflow:auto;scrollbar-width:thin}
}
@media (max-width:900px){
  html.wgf-ladder-w .shell>main>.intro{margin:2px 0 8px}
  html.wgf-ladder-w .shell>main>.intro .eyebrow{display:none}
  html.wgf-ladder-w .shell>main>.intro h1{font-size:22px}
  html.wgf-ladder-w .wgf-rules-btn{min-height:28px}
}
/* Лесенка */
html.wgf-ladder-w .panel .g3-traps button{min-height:36px}
html.wgf-ladder-w .panel .g3-history{margin:8px 0 0;min-height:0}
html.wgf-ladder-w .panel .g3-history span{height:24px;min-width:26px}
@media (min-width:901px){
  html.wgf-ladder-w .g3-game .stage{min-height:0;container-type:size}
  html.wgf-ladder-w .g3-stage-inner{flex:1 1 auto;min-height:0;padding:8px 0 4px}
  html.wgf-ladder-w .g3-ladder{width:min(94%,560px,calc(100cqh - 70px));padding:10px 12px;gap:5px}
  html.wgf-ladder-w .g3-step{gap:5px}
  html.wgf-ladder-w .stage .stage-caption{padding-bottom:8px}
  html.wgf-ladder-w .stage .stage-caption strong{font-size:clamp(16px,3.4cqh,26px)}
}
@media (max-width:900px){
  html.wgf-ladder-w .g3-game .stage{min-height:0}
  html.wgf-ladder-w .g3-stage-inner{padding:6px 0 4px}
  html.wgf-ladder-w .stage .stage-caption{position:static;transform:none;margin:0 auto 8px;width:auto}
  html.wgf-ladder-w .stage .stage-caption strong{font-size:16px}
  html.wgf-ladder-w .g3-ladder{padding:8px 10px;gap:4px}
  html.wgf-ladder-w .g3-cell{aspect-ratio:1.6}
  html.wgf-ladder-w .panel>h2:first-of-type{display:none}
}

/* ===== plates-cases.css ===== */
/* Кейсы номеров: one screen — compact head row, the case grid / opening view scrolls inside its own area. */
html.wgf-plates-cases .wgf-modal-body .mp-footer{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 0 0!important;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;background:none}
html.wgf-plates-cases .wgf-modal-body .mp-footer div{display:flex;flex-wrap:wrap;gap:6px 14px}
html.wgf-plates-cases .pzk-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;flex:0 0 auto}
html.wgf-plates-cases .pzk-brand{min-width:0}
html.wgf-plates-cases .pzk-title{margin:0;line-height:0}
html.wgf-plates-cases .pzk-logo{width:auto;height:52px;max-width:100%}
html.wgf-plates-cases .pzk-head-tools{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
html.wgf-plates-cases main#pz-root{display:flex;flex-direction:column;box-sizing:border-box;flex:0 0 auto;min-height:0}
html.wgf-plates-cases main#pz-root>.wg-live-strip{margin:0 0 8px;flex:0 0 auto}
html.wgf-plates-cases main#pz-root>.wg-guest-play{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 8px;flex:0 0 auto}
html.wgf-plates-cases main#pz-root>.wg-guest-play a{min-height:36px!important;height:auto!important;padding:6px 26px!important;width:auto!important;flex:0 0 auto;font-size:15px}
html.wgf-plates-cases main#pz-root>.wg-guest-play small{margin:0!important}
html.wgf-plates-cases #pzk-view{flex:1 1 0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border-radius:16px}
html.wgf-plates-cases .pzk-grid{gap:12px}
@media (min-width:821px){
  html.wgf-plates-cases main#pz-root{height:calc(100dvh - 62px);padding:10px 20px 12px}
  html.wgf-plates-cases .pzk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
}
@media (min-width:821px) and (max-height:820px){
  html.wgf-plates-cases .pzk-logo{height:44px}
  html.wgf-plates-cases .pzk-art{max-height:150px}
}
@media (max-width:820px){
  html.wgf-plates-cases .mp-wrap{min-height:0!important}
  html.wgf-plates-cases main#pz-root{height:calc(100dvh - 127px);padding:8px 10px 6px}
  html.wgf-plates-cases .pzk-logo{height:40px}
  html.wgf-plates-cases .pzk-head-tools .pzk-exit{display:none}
  html.wgf-plates-cases .pzk-head{flex-wrap:nowrap;flex-direction:row}
  html.wgf-plates-cases .pzk-head-tools{flex:0 1 auto;min-width:0}
  html.wgf-plates-cases .wgf-rules-btn{padding:4px 5px}
  html.wgf-plates-cases .wgf-rules-label{display:none}
  html.wgf-plates-cases main#pz-root>.wg-guest-play{gap:10px;margin:0 0 6px}
  html.wgf-plates-cases main#pz-root>.wg-guest-play a{min-height:38px!important;padding:6px 16px!important;font-size:14px}
  html.wgf-plates-cases main#pz-root>.wg-guest-play small{font-size:11px;line-height:1.25;text-align:left}
  html.wgf-plates-cases .pzk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
/* opening view: back button + title in one row, smaller art — ribbon and «Открыть» stay on the first screen */
html.wgf-plates-cases .pzk-case .pzk-case-top{display:flex!important;flex-direction:row!important;align-items:center;gap:16px;margin-bottom:8px}
html.wgf-plates-cases .pzk-case-top .pzk-back{flex:0 0 auto}
html.wgf-plates-cases .pzk-case .pzk-case-title{flex:1 1 auto;min-width:0;display:flex!important;align-items:center;justify-content:flex-start;gap:12px;margin:0;text-align:left}
html.wgf-plates-cases .pzk-case-title .pzk-art{flex:0 0 auto;width:96px!important;height:70px!important;min-height:0}
html.wgf-plates-cases .pzk-case-title h2,html.wgf-plates-cases .pzk-case-title h3{margin:0}
html.wgf-plates-cases .pzk-case .pzk-stage{padding-top:12px;padding-bottom:8px}
html.wgf-plates-cases .pzk-case .pzk-actions{margin-top:8px}

/* ===== plates-inventory.css ===== */
/* Инвентарь номеров: wrap = one screen, the tab view (plates grid / market / trades / history) scrolls inside. */
html.wgf-plates-inventory .mp-wrap{height:100dvh;min-height:0!important;display:flex;flex-direction:column}
html.wgf-plates-inventory .mp-wrap>.mp-topbar,html.wgf-plates-inventory .mp-wrap>.mp-footer{flex:0 0 auto}
html.wgf-plates-inventory main#pinv-root{flex:1 1 0;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding-top:12px;padding-bottom:12px}
html.wgf-plates-inventory main#pinv-root>*{flex:0 0 auto}
html.wgf-plates-inventory main#pinv-root.pz-404{justify-content:center}
html.wgf-plates-inventory .pinv-head{margin-bottom:8px}
html.wgf-plates-inventory .pinv-head h1{font-size:clamp(22px,2.2vw,30px);margin:2px 0}
html.wgf-plates-inventory .pinv-head p{margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
html.wgf-plates-inventory .pinv-summary,html.wgf-plates-inventory .pinv-tabs,html.wgf-plates-inventory .pinv-bar{margin-bottom:8px}
html.wgf-plates-inventory main#pinv-root>#pinv-view{flex:1 1 0;min-height:120px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
html.wgf-plates-inventory .pinv-note{margin:6px 0 0;font-size:11.5px}
@media (min-width:821px) and (max-height:800px){
  html.wgf-plates-inventory .pinv-stats>div{padding-top:6px;padding-bottom:6px}
  html.wgf-plates-inventory .mp-footer{padding-top:10px;padding-bottom:10px}
}
@media (max-width:820px){
  html.wgf-plates-inventory .mp-wrap{height:calc(100dvh - 66px)}
  html.wgf-plates-inventory .mp-wrap>.mp-footer{display:none}
}

/* ===== plates.css ===== */
/* Номера: stage fills the screen under the top bar + live strip; footer lives in the «i» sheet. */
html.wgf-plates .wgf-in-sheet{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:4px 0 0!important;padding:10px 0 0!important;
  border-top:1px solid rgba(255,255,255,.1);background:none!important;font-size:12.5px}
html.wgf-plates .wgf-in-sheet div{display:flex;flex-wrap:wrap;gap:6px 14px}
html.wgf-plates .wgf-in-sheet a{color:#ffd677}
@media (min-width:821px){
  html.wgf-plates main#pz-root{height:calc(100dvh - 62px);min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:10px 20px 12px}
  html.wgf-plates main#pz-root>.wg-live-strip{margin:0 0 8px;flex:0 0 auto}
  html.wgf-plates main#pz-root>.wg-guest-play{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 8px;flex:0 0 auto}
  html.wgf-plates main#pz-root>.wg-guest-play a{min-height:36px!important;height:auto!important;padding:6px 26px!important;width:auto!important;flex:0 0 auto;font-size:15px}
  html.wgf-plates main#pz-root>.wg-guest-play small{margin:0!important}
  html.wgf-plates #pz-stage.pzg{flex:1 1 0;min-height:0!important;height:auto!important;max-height:none;margin:0}
}
@media (min-width:821px) and (max-height:860px){
  html.wgf-plates .pz-art .pzg.pz-stage{padding:12px 16px 8px}
  html.wgf-plates .pzg .pz-prev{height:0;overflow:hidden}
  html.wgf-plates .pz-art .pzg-fbtn{min-height:0;flex:1 1 0}
  html.wgf-plates .pzg-side{gap:10px;padding-top:8px;min-height:0}
  html.wgf-plates .pzg-logo{width:clamp(150px,15vw,210px)}
  html.wgf-plates .pzg-top{padding-bottom:2px}
  html.wgf-plates .pz-art .pzg-bar{padding:4px 8px 16px}
  html.wgf-plates .pz-patterns{min-height:30px}
}
@media (max-width:820px){
  html.wgf-plates .mp-wrap{min-height:0!important}
  html.wgf-plates main#pz-root{height:calc(100dvh - 127px);flex:0 0 auto;min-height:0;display:flex;flex-direction:column;box-sizing:border-box;padding:8px 10px 6px}
  html.wgf-plates main#pz-root>.wg-live-strip{margin:0 0 6px;flex:0 0 auto}
  html.wgf-plates main#pz-root>.wg-guest-play{display:flex;align-items:center;gap:10px;margin:0 0 6px;flex:0 0 auto}
  html.wgf-plates main#pz-root>.wg-guest-play a{min-height:38px!important;height:auto!important;padding:6px 16px!important;width:auto!important;flex:0 0 auto;font-size:14px}
  html.wgf-plates main#pz-root>.wg-guest-play small{margin:0!important;font-size:11px;line-height:1.25;text-align:left}
  html.wgf-plates #pz-stage.pzg{flex:1 1 0;min-height:0!important;height:auto!important;margin:0}
  html.wgf-plates .pzg .pz-prev{height:0;overflow:hidden}
  html.wgf-plates .pz-patterns{min-height:24px}
}

/* ===== rooms.css ===== */
/* Комнаты: the page already fits on desktop. Phones: body keeps 66px for the bottom bar, so the wrap must not add a full 100dvh on top. */
@media (max-width:820px){
  html.wgf-rooms .mp-wrap{min-height:calc(100dvh - 66px)!important}
  html.wgf-rooms main.mp-content{padding-top:12px;padding-bottom:16px}
}

/* ===== roulette-live.css ===== */
/* Live Рулетка / Колесо (fork B): one screen = header + compact title + [stage | bet panel]. CSS layer only. */
@media (min-width:761px){
  html.wgf-roulette-live body{min-height:0}
  html.wgf-roulette-live .shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;box-sizing:border-box;max-width:1680px}
  html.wgf-roulette-live .shell>header{flex:0 0 auto;margin-bottom:0}
  html.wgf-roulette-live .shell>footer{display:none}
  html.wgf-roulette-live .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
  html.wgf-roulette-live .intro{flex:0 0 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:8px 0 0;max-width:none}
  html.wgf-roulette-live .intro .eyebrow{font-size:10.5px;letter-spacing:.16em;white-space:nowrap;order:0}
  html.wgf-roulette-live .intro h1{font-size:30px;line-height:1.05;letter-spacing:-.03em;margin:0;white-space:nowrap;order:-1}
  html.wgf-roulette-live .intro .wgf-rules-btn{order:1}
  html.wgf-roulette-live .g3-game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(330px,27vw,400px);gap:12px;margin:0}
  html.wgf-roulette-live .g3-game .stage{min-height:0!important;height:auto}
  html.wgf-roulette-live .g3-game .panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px}
  html.wgf-roulette-live .g3-game .panel>*{margin-top:0!important;margin-bottom:0!important}
  html.wgf-roulette-live .g3-game .panel h2{font-size:18px;margin:0}
  html.wgf-roulette-live .g3-game .panel .mode{padding:7px 10px}
  html.wgf-roulette-live .g3-game .g3-board{gap:6px}
  html.wgf-roulette-live .g3-game .g3-bet{min-height:52px;padding:7px 10px;border-radius:13px}
  html.wgf-roulette-live .g3-game .g3-bet b{font-size:18px}
  html.wgf-roulette-live .g3-game .g3-bet small{font-size:11px}
  html.wgf-roulette-live .g3-game .stakes button{min-height:40px}
  html.wgf-roulette-live .g3-game .play{min-height:46px}
  html.wgf-roulette-live .g3-game .panel .message{font-size:12px;margin:0}
  /* caption: a slim glass bar instead of a 100px block over the wheel */
  html.wgf-roulette-live.wgf-roulette-live .stage .stage-caption{left:50%;right:auto;transform:translateX(-50%);bottom:8px;width:auto;max-width:calc(100% - 24px);padding:5px 16px;gap:1px;border-radius:13px}
  html.wgf-roulette-live.wgf-roulette-live .stage .stage-caption span{font-size:10px;letter-spacing:.14em}
  html.wgf-roulette-live.wgf-roulette-live .stage .stage-caption strong{font-size:clamp(15px,1.25vw,19px);line-height:1.2;text-wrap:balance}
  html.wgf-roulette-live .lv-history{bottom:58px}
}
@media (min-width:761px) and (max-height:800px){
  html.wgf-roulette-live .intro{margin-top:4px}
  html.wgf-roulette-live .intro h1{font-size:26px}
  html.wgf-roulette-live .g3-game .g3-bet{min-height:46px;padding:5px 9px}
  html.wgf-roulette-live .g3-game .g3-bet b{font-size:16px}
  html.wgf-roulette-live .g3-game .panel{padding:10px 12px;gap:6px}
  html.wgf-roulette-live .g3-game .panel h2{display:none}
  html.wgf-roulette-live .g3-game .g3-board:not(.three){grid-template-columns:repeat(3,minmax(0,1fr))}
  html.wgf-roulette-live .g3-game .g3-board:not(.three) .g3-bet small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
/* phone: compact title, stage shorter so bets + play come up early */
@media (max-width:760px){
  html.wgf-roulette-live .intro{margin:10px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
  html.wgf-roulette-live .intro .eyebrow{display:none}
  html.wgf-roulette-live .intro h1{font-size:24px;line-height:1.1;margin:0;letter-spacing:-.03em}
  html.wgf-roulette-live .g3-game .stage{min-height:min(78vw,330px)!important}
  html.wgf-roulette-live .g3-game .panel{padding:12px}
  html.wgf-roulette-live .g3-game .panel>*{margin-top:0!important}
  html.wgf-roulette-live .g3-game .panel{display:flex;flex-direction:column;gap:8px}
  html.wgf-roulette-live .g3-game .panel h2{display:none}
  html.wgf-roulette-live .g3-game .g3-bet{min-height:50px;padding:6px 9px}
  html.wgf-roulette-live .g3-game .g3-bet b{font-size:16px}
  html.wgf-roulette-live .shell>footer{display:none}
}

/* ===== roulette-w.css ===== */
/* Live Рулетка / Колесо (fork B): one screen = header + compact title + [stage | bet panel]. CSS layer only. */
@media (min-width:761px){
  html.wgf-roulette-w body{min-height:0}
  html.wgf-roulette-w .shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;box-sizing:border-box;max-width:1680px}
  html.wgf-roulette-w .shell>header{flex:0 0 auto;margin-bottom:0}
  html.wgf-roulette-w .shell>footer{display:none}
  html.wgf-roulette-w .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
  html.wgf-roulette-w .intro{flex:0 0 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:8px 0 0;max-width:none}
  html.wgf-roulette-w .intro .eyebrow{font-size:10.5px;letter-spacing:.16em;white-space:nowrap;order:0}
  html.wgf-roulette-w .intro h1{font-size:30px;line-height:1.05;letter-spacing:-.03em;margin:0;white-space:nowrap;order:-1}
  html.wgf-roulette-w .intro .wgf-rules-btn{order:1}
  html.wgf-roulette-w .g3-game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(330px,27vw,400px);gap:12px;margin:0}
  html.wgf-roulette-w .g3-game .stage{min-height:0!important;height:auto}
  html.wgf-roulette-w .g3-game .panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px}
  html.wgf-roulette-w .g3-game .panel>*{margin-top:0!important;margin-bottom:0!important}
  html.wgf-roulette-w .g3-game .panel h2{font-size:18px;margin:0}
  html.wgf-roulette-w .g3-game .panel .mode{padding:7px 10px}
  html.wgf-roulette-w .g3-game .g3-board{gap:6px}
  html.wgf-roulette-w .g3-game .g3-bet{min-height:52px;padding:7px 10px;border-radius:13px}
  html.wgf-roulette-w .g3-game .g3-bet b{font-size:18px}
  html.wgf-roulette-w .g3-game .g3-bet small{font-size:11px}
  html.wgf-roulette-w .g3-game .stakes button{min-height:40px}
  html.wgf-roulette-w .g3-game .play{min-height:46px}
  html.wgf-roulette-w .g3-game .panel .message{font-size:12px;margin:0}
  /* caption: a slim glass bar instead of a 100px block over the wheel */
  html.wgf-roulette-w.wgf-roulette-w .stage .stage-caption{left:50%;right:auto;transform:translateX(-50%);bottom:8px;width:auto;max-width:calc(100% - 24px);padding:5px 16px;gap:1px;border-radius:13px}
  html.wgf-roulette-w.wgf-roulette-w .stage .stage-caption span{font-size:10px;letter-spacing:.14em}
  html.wgf-roulette-w.wgf-roulette-w .stage .stage-caption strong{font-size:clamp(15px,1.25vw,19px);line-height:1.2;text-wrap:balance}
  html.wgf-roulette-w .lv-history{bottom:58px}
}
@media (min-width:761px) and (max-height:800px){
  html.wgf-roulette-w .intro{margin-top:4px}
  html.wgf-roulette-w .intro h1{font-size:26px}
  html.wgf-roulette-w .g3-game .g3-bet{min-height:46px;padding:5px 9px}
  html.wgf-roulette-w .g3-game .g3-bet b{font-size:16px}
  html.wgf-roulette-w .g3-game .panel{padding:10px 12px;gap:6px}
  html.wgf-roulette-w .g3-game .panel h2{display:none}
  html.wgf-roulette-w .g3-game .g3-board:not(.three){grid-template-columns:repeat(3,minmax(0,1fr))}
  html.wgf-roulette-w .g3-game .g3-board:not(.three) .g3-bet small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
/* phone: compact title, stage shorter so bets + play come up early */
@media (max-width:760px){
  html.wgf-roulette-w .intro{margin:10px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
  html.wgf-roulette-w .intro .eyebrow{display:none}
  html.wgf-roulette-w .intro h1{font-size:24px;line-height:1.1;margin:0;letter-spacing:-.03em}
  html.wgf-roulette-w .g3-game .stage{min-height:min(78vw,330px)!important}
  html.wgf-roulette-w .g3-game .panel{padding:12px}
  html.wgf-roulette-w .g3-game .panel>*{margin-top:0!important}
  html.wgf-roulette-w .g3-game .panel{display:flex;flex-direction:column;gap:8px}
  html.wgf-roulette-w .g3-game .panel h2{display:none}
  html.wgf-roulette-w .g3-game .g3-bet{min-height:50px;padding:6px 9px}
  html.wgf-roulette-w .g3-game .g3-bet b{font-size:16px}
  html.wgf-roulette-w .shell>footer{display:none}
}

/* ===== wheel-live.css ===== */
/* Live Рулетка / Колесо (fork B): one screen = header + compact title + [stage | bet panel]. CSS layer only. */
@media (min-width:761px){
  html.wgf-wheel-live body{min-height:0}
  html.wgf-wheel-live .shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;box-sizing:border-box;max-width:1680px}
  html.wgf-wheel-live .shell>header{flex:0 0 auto;margin-bottom:0}
  html.wgf-wheel-live .shell>footer{display:none}
  html.wgf-wheel-live .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
  html.wgf-wheel-live .intro{flex:0 0 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:8px 0 0;max-width:none}
  html.wgf-wheel-live .intro .eyebrow{font-size:10.5px;letter-spacing:.16em;white-space:nowrap;order:0}
  html.wgf-wheel-live .intro h1{font-size:30px;line-height:1.05;letter-spacing:-.03em;margin:0;white-space:nowrap;order:-1}
  html.wgf-wheel-live .intro .wgf-rules-btn{order:1}
  html.wgf-wheel-live .g3-game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(330px,27vw,400px);gap:12px;margin:0}
  html.wgf-wheel-live .g3-game .stage{min-height:0!important;height:auto}
  html.wgf-wheel-live .g3-game .panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px}
  html.wgf-wheel-live .g3-game .panel>*{margin-top:0!important;margin-bottom:0!important}
  html.wgf-wheel-live .g3-game .panel h2{font-size:18px;margin:0}
  html.wgf-wheel-live .g3-game .panel .mode{padding:7px 10px}
  html.wgf-wheel-live .g3-game .g3-board{gap:6px}
  html.wgf-wheel-live .g3-game .g3-bet{min-height:52px;padding:7px 10px;border-radius:13px}
  html.wgf-wheel-live .g3-game .g3-bet b{font-size:18px}
  html.wgf-wheel-live .g3-game .g3-bet small{font-size:11px}
  html.wgf-wheel-live .g3-game .stakes button{min-height:40px}
  html.wgf-wheel-live .g3-game .play{min-height:46px}
  html.wgf-wheel-live .g3-game .panel .message{font-size:12px;margin:0}
  /* caption: a slim glass bar instead of a 100px block over the wheel */
  html.wgf-wheel-live.wgf-wheel-live .stage .stage-caption{left:50%;right:auto;transform:translateX(-50%);bottom:8px;width:auto;max-width:calc(100% - 24px);padding:5px 16px;gap:1px;border-radius:13px}
  html.wgf-wheel-live.wgf-wheel-live .stage .stage-caption span{font-size:10px;letter-spacing:.14em}
  html.wgf-wheel-live.wgf-wheel-live .stage .stage-caption strong{font-size:clamp(15px,1.25vw,19px);line-height:1.2;text-wrap:balance}
  html.wgf-wheel-live .lv-history{bottom:58px}
}
@media (min-width:761px) and (max-height:800px){
  html.wgf-wheel-live .intro{margin-top:4px}
  html.wgf-wheel-live .intro h1{font-size:26px}
  html.wgf-wheel-live .g3-game .g3-bet{min-height:46px;padding:5px 9px}
  html.wgf-wheel-live .g3-game .g3-bet b{font-size:16px}
  html.wgf-wheel-live .g3-game .panel{padding:10px 12px;gap:6px}
  html.wgf-wheel-live .g3-game .panel h2{display:none}
  html.wgf-wheel-live .g3-game .g3-board:not(.three){grid-template-columns:repeat(3,minmax(0,1fr))}
  html.wgf-wheel-live .g3-game .g3-board:not(.three) .g3-bet small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
/* phone: compact title, stage shorter so bets + play come up early */
@media (max-width:760px){
  html.wgf-wheel-live .intro{margin:10px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
  html.wgf-wheel-live .intro .eyebrow{display:none}
  html.wgf-wheel-live .intro h1{font-size:24px;line-height:1.1;margin:0;letter-spacing:-.03em}
  html.wgf-wheel-live .g3-game .stage{min-height:min(78vw,330px)!important}
  html.wgf-wheel-live .g3-game .panel{padding:12px}
  html.wgf-wheel-live .g3-game .panel>*{margin-top:0!important}
  html.wgf-wheel-live .g3-game .panel{display:flex;flex-direction:column;gap:8px}
  html.wgf-wheel-live .g3-game .panel h2{display:none}
  html.wgf-wheel-live .g3-game .g3-bet{min-height:50px;padding:6px 9px}
  html.wgf-wheel-live .g3-game .g3-bet b{font-size:16px}
  html.wgf-wheel-live .shell>footer{display:none}
}

/* ===== wheel-w.css ===== */
/* Live Рулетка / Колесо (fork B): one screen = header + compact title + [stage | bet panel]. CSS layer only. */
@media (min-width:761px){
  html.wgf-wheel-w body{min-height:0}
  html.wgf-wheel-w .shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px;box-sizing:border-box;max-width:1680px}
  html.wgf-wheel-w .shell>header{flex:0 0 auto;margin-bottom:0}
  html.wgf-wheel-w .shell>footer{display:none}
  html.wgf-wheel-w .shell>main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
  html.wgf-wheel-w .intro{flex:0 0 auto;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;margin:8px 0 0;max-width:none}
  html.wgf-wheel-w .intro .eyebrow{font-size:10.5px;letter-spacing:.16em;white-space:nowrap;order:0}
  html.wgf-wheel-w .intro h1{font-size:30px;line-height:1.05;letter-spacing:-.03em;margin:0;white-space:nowrap;order:-1}
  html.wgf-wheel-w .intro .wgf-rules-btn{order:1}
  html.wgf-wheel-w .g3-game{flex:1 1 auto;min-height:0;grid-template-columns:minmax(0,1fr) clamp(330px,27vw,400px);gap:12px;margin:0}
  html.wgf-wheel-w .g3-game .stage{min-height:0!important;height:auto}
  html.wgf-wheel-w .g3-game .panel{min-height:0;overflow:auto;overscroll-behavior:contain;padding:14px 16px;scrollbar-width:thin;display:flex;flex-direction:column;gap:8px}
  html.wgf-wheel-w .g3-game .panel>*{margin-top:0!important;margin-bottom:0!important}
  html.wgf-wheel-w .g3-game .panel h2{font-size:18px;margin:0}
  html.wgf-wheel-w .g3-game .panel .mode{padding:7px 10px}
  html.wgf-wheel-w .g3-game .g3-board{gap:6px}
  html.wgf-wheel-w .g3-game .g3-bet{min-height:52px;padding:7px 10px;border-radius:13px}
  html.wgf-wheel-w .g3-game .g3-bet b{font-size:18px}
  html.wgf-wheel-w .g3-game .g3-bet small{font-size:11px}
  html.wgf-wheel-w .g3-game .stakes button{min-height:40px}
  html.wgf-wheel-w .g3-game .play{min-height:46px}
  html.wgf-wheel-w .g3-game .panel .message{font-size:12px;margin:0}
  /* caption: a slim glass bar instead of a 100px block over the wheel */
  html.wgf-wheel-w.wgf-wheel-w .stage .stage-caption{left:50%;right:auto;transform:translateX(-50%);bottom:8px;width:auto;max-width:calc(100% - 24px);padding:5px 16px;gap:1px;border-radius:13px}
  html.wgf-wheel-w.wgf-wheel-w .stage .stage-caption span{font-size:10px;letter-spacing:.14em}
  html.wgf-wheel-w.wgf-wheel-w .stage .stage-caption strong{font-size:clamp(15px,1.25vw,19px);line-height:1.2;text-wrap:balance}
  html.wgf-wheel-w .lv-history{bottom:58px}
}
@media (min-width:761px) and (max-height:800px){
  html.wgf-wheel-w .intro{margin-top:4px}
  html.wgf-wheel-w .intro h1{font-size:26px}
  html.wgf-wheel-w .g3-game .g3-bet{min-height:46px;padding:5px 9px}
  html.wgf-wheel-w .g3-game .g3-bet b{font-size:16px}
  html.wgf-wheel-w .g3-game .panel{padding:10px 12px;gap:6px}
  html.wgf-wheel-w .g3-game .panel h2{display:none}
  html.wgf-wheel-w .g3-game .g3-board:not(.three){grid-template-columns:repeat(3,minmax(0,1fr))}
  html.wgf-wheel-w .g3-game .g3-board:not(.three) .g3-bet small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}
/* phone: compact title, stage shorter so bets + play come up early */
@media (max-width:760px){
  html.wgf-wheel-w .intro{margin:10px 0 8px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
  html.wgf-wheel-w .intro .eyebrow{display:none}
  html.wgf-wheel-w .intro h1{font-size:24px;line-height:1.1;margin:0;letter-spacing:-.03em}
  html.wgf-wheel-w .g3-game .stage{min-height:min(78vw,330px)!important}
  html.wgf-wheel-w .g3-game .panel{padding:12px}
  html.wgf-wheel-w .g3-game .panel>*{margin-top:0!important}
  html.wgf-wheel-w .g3-game .panel{display:flex;flex-direction:column;gap:8px}
  html.wgf-wheel-w .g3-game .panel h2{display:none}
  html.wgf-wheel-w .g3-game .g3-bet{min-height:50px;padding:6px 9px}
  html.wgf-wheel-w .g3-game .g3-bet b{font-size:16px}
  html.wgf-wheel-w .shell>footer{display:none}
}

/* /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}