/* /assets/rankings-board.css */
/* WIND GAME «Рейтинг» page (2026-10-21): podium, rich table, player card.
   Navy panels + lime accents like the rest of the site; gold/silver/bronze only for the top 3.
   Light theme supported. No infinite animations except the 1 small "live" dot (reduced-motion: off). */
.rk{--rk-bg:var(--wg-s2);--rk-panel:var(--wg-s2);--rk-panel2:var(--wg-s3);--rk-line:var(--wg-s5);--rk-line2:var(--wg-accent-lo);--rk-text:var(--wg-text-tint);--rk-muted:var(--wg-text-tint);--rk-lime:var(--wg-accent-hi);--rk-lime2:var(--wg-accent);--rk-cyan:var(--wg-accent-hi);--rk-gold:#f4ce73;--rk-silver:var(--wg-pale-2);--rk-bronze:#e0a06a;--rk-neg:#ff9d9d;
  margin-top:8px;color:var(--rk-text);font-variant-numeric:tabular-nums}
.rk *{box-sizing:border-box}
.rk [hidden]{display:none!important}

/* ---------- live line + controls ---------- */
.rk-live{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 14px;color:var(--rk-muted);font-size:12.5px}
.rk-live-dot{display:inline-flex;align-items:center;gap:7px;color:#d9f7b0;font-weight:750}
.rk-live-dot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--wg-win);box-shadow:0 0 0 0 #c2f46e88;animation:rk-pulse 2.4s ease-out infinite}
.rk-live[data-stale] .rk-live-dot{color:#ffd59a}.rk-live[data-stale] .rk-live-dot::before{background:#ffb648;animation:none}
@keyframes rk-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--wg-accent-hi) 53.3%,transparent)}70%{box-shadow:0 0 0 7px color-mix(in srgb,var(--wg-accent-hi) 0%,transparent)}100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--wg-accent-hi) 0%,transparent)}}
.rk-refresh{min-height:28px;padding:3px 10px;border:1px solid var(--rk-line2);border-radius:8px;background:transparent;color:var(--wg-text-tint);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.rk-refresh:hover,.rk-refresh:focus-visible{border-color:var(--rk-lime);color:var(--wg-text-tint);outline:none}
.rk-controls{display:grid;gap:10px}
.rk-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--rk-line);border-radius:14px;background:var(--wg-s1);justify-self:start}
.rk-seg button{min-height:38px;padding:7px 16px;border:0;border-radius:10px;background:transparent;color:var(--wg-text-tint);font:inherit;font-size:13.5px;font-weight:750;cursor:pointer}
.rk-seg button:hover{color:#fff;background:var(--wg-s3)}
.rk-seg button[aria-selected="true"]{background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));color:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--wg-accent) 20%,transparent)}
.rk-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.rk-chips::-webkit-scrollbar{display:none}
.rk-chip{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:36px;padding:6px 13px 6px 9px;border:1px solid var(--rk-line);border-radius:999px;background:var(--rk-panel);color:var(--wg-text-tint);font:inherit;font-size:13px;font-weight:750;cursor:pointer;white-space:nowrap}
.rk-chip svg{width:18px;height:18px;flex:none}
.rk-chip:hover{border-color:var(--rk-line2);color:#fff}
.rk-chip[aria-selected="true"]{border-color:var(--rk-lime);background:var(--wg-s3);color:var(--wg-text-tint);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wg-accent-hi) 26.7%,transparent)}
.rk-seg button:focus-visible,.rk-chip:focus-visible{outline:2px solid var(--rk-lime);outline-offset:2px}

/* ---------- summary tiles ---------- */
.rk-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.rk-tile{min-width:0;padding:12px 14px;border:1px solid var(--rk-line);border-radius:14px;background:linear-gradient(150deg,var(--wg-s3),var(--wg-s2))}
.rk-tile span{display:block;color:var(--rk-muted);font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.rk-tile strong{display:block;margin-top:4px;font-size:22px;font-weight:850;line-height:1.1}
.rk-tile small{display:block;margin-top:2px;color:var(--rk-muted);font-size:11.5px}
.rk-tile-games{display:flex;gap:6px;margin-top:6px}
.rk-tile-games img{width:30px;height:30px;border-radius:9px;background:var(--wg-s1);object-fit:contain;border:1px solid var(--rk-line)}

/* ---------- podium ---------- */
.rk-podium{display:grid;grid-template-columns:1fr 1.12fr 1fr;align-items:end;gap:12px;margin-top:18px}
.rk-pod{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;padding:18px 12px 14px;border:1px solid var(--rk-line);border-radius:20px;background:radial-gradient(120% 90% at 50% 0%,var(--wg-s4),var(--wg-s2) 70%);color:inherit;font:inherit;text-align:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease}
.rk-pod:hover,.rk-pod:focus-visible{transform:translateY(-2px);outline:none;border-color:var(--rk-lime)}
.rk-pod[data-place="1"]{padding-top:26px;border-color:#a8873b;background:radial-gradient(120% 90% at 50% 0%,#3f3416,var(--wg-s3) 62%,var(--wg-s2));box-shadow:0 16px 40px #0006,inset 0 1px #fff2}
.rk-pod[data-place="2"]{border-color:var(--wg-accent)}
.rk-pod[data-place="3"]{border-color:#8a5d38}
.rk-pod[data-me]{box-shadow:0 0 0 2px var(--rk-lime) inset}
.rk-medal{position:absolute;top:-14px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:14px;font-weight:900;color:#231700;box-shadow:0 3px 8px #0007}
.rk-pod[data-place="1"] .rk-medal{background:radial-gradient(circle at 35% 30%,#fff1b8,#e9b23f 55%,#a46c12)}
.rk-pod[data-place="2"] .rk-medal{background:radial-gradient(circle at 35% 30%,#fff,#c4d0de 55%,#7c8a9c);color:#1b2533}
.rk-pod[data-place="3"] .rk-medal{background:radial-gradient(circle at 35% 30%,#ffd6b0,#c98348 55%,#7d4a1f);color:#26140a}
.rk-pod .rk-ava{width:72px;height:72px}
.rk-pod[data-place="1"] .rk-ava{width:92px;height:92px}
.rk-pod-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800}
.rk-pod-no{color:var(--rk-muted);font-size:11px;font-weight:700}
.rk-pod-val{font-size:20px;font-weight:900;color:var(--rk-lime)}
.rk-pod[data-place="1"] .rk-pod-val{font-size:24px;color:var(--rk-gold)}
.rk-pod-sub{color:var(--rk-muted);font-size:11.5px;line-height:1.4}
.rk-pod-empty{border-style:dashed;cursor:default;opacity:.7;min-height:150px;align-content:center;color:var(--rk-muted);font-size:12px}
.rk-pod-empty:hover{transform:none;border-color:var(--rk-line)}

/* ---------- avatar + level hex ---------- */
.rk-ava{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--rk-ava-bg,var(--wg-s4));color:#fff;font-weight:850;font-size:15px;border:2px solid #ffffff22}
.rk-ava img.rk-ava-img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--wg-s1)}
.rk-ava .rk-ava-letter{font-size:calc(var(--rk-ava-size,40px)*.42)}
.rk-hex{position:absolute;right:-6px;bottom:-6px;display:grid;place-items:center;width:24px;height:24px}
.rk-hex img{position:absolute;inset:0;width:100%;height:100%}
.rk-hex b{position:relative;color:#fff6dc;font-size:10px;font-weight:900;text-shadow:0 1px 2px #000b}
.rk-pod .rk-hex{width:32px;height:32px;right:-8px;bottom:-6px}.rk-pod .rk-hex b{font-size:12px}

/* ---------- table ---------- */
.rk-panel{margin-top:16px;border:1px solid var(--rk-line);border-radius:18px;background:linear-gradient(160deg,var(--wg-s3),var(--wg-s2));overflow:hidden}
.rk-head,.rk-row{display:grid;grid-template-columns:52px minmax(170px,1.6fr) minmax(110px,1fr) 70px 70px 74px minmax(120px,1fr) 104px 120px;align-items:center;gap:10px;padding:10px 16px}
.rk-head{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--rk-line);color:var(--rk-muted);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.rk-head>span:nth-child(n+4){text-align:right}.rk-head>span:nth-child(7){text-align:left}
.rk-list{margin:0;padding:0;list-style:none}
.rk-row{border-top:1px solid var(--wg-accent-deep);cursor:pointer}
.rk-row:first-child{border-top:0}
.rk-row:hover,.rk-row:focus-visible{background:var(--wg-s4);outline:none}
.rk-row[data-me]{background:linear-gradient(90deg,var(--wg-s3),var(--wg-s3) 70%);box-shadow:inset 3px 0 var(--rk-lime)}
.rk-pos{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--wg-s2);border:1px solid var(--wg-accent-deep);color:var(--wg-text-tint);font-size:13px;font-weight:850}
.rk-row[data-rank="1"] .rk-pos{background:radial-gradient(circle at 35% 30%,#fff1b8,#e9b23f 55%,#a46c12);color:#2b1a00;border:0}
.rk-row[data-rank="2"] .rk-pos{background:radial-gradient(circle at 35% 30%,#fff,var(--wg-pale-2) 55%,var(--wg-accent-lo));color:#fff;border:0}
.rk-row[data-rank="3"] .rk-pos{background:radial-gradient(circle at 35% 30%,#ffd6b0,#c98348 55%,#7d4a1f);color:#26140a;border:0}
.rk-who{display:flex;align-items:center;gap:12px;min-width:0}
.rk-who-text{min-width:0}
.rk-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}
.rk-name small{margin-left:6px;padding:1px 6px;border-radius:6px;background:var(--wg-accent);color:#fff;font-size:9.5px;font-weight:900;letter-spacing:.04em;vertical-align:2px}
.rk-sub{display:block;color:var(--rk-muted);font-size:11.5px}
.rk-xp{min-width:0}
.rk-xp b{display:block;font-size:12.5px}
.rk-bar{display:block;height:5px;margin-top:5px;border-radius:5px;background:#ffffff14;overflow:hidden}
.rk-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--wg-accent),var(--wg-accent))}
.rk-num{text-align:right;font-size:13px;font-weight:750;color:var(--wg-text-tint)}
.rk-num[data-dim]{color:var(--wg-accent-hi);font-weight:600}
.rk-game{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px;color:var(--wg-text-tint)}
.rk-game img{width:26px;height:26px;flex:none;border-radius:8px;object-fit:contain;background:var(--wg-s1);border:1px solid var(--wg-accent-deep)}
.rk-game span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rk-val{text-align:right;font-size:15px;font-weight:900;color:var(--rk-lime)}
.rk-val[data-neg]{color:var(--rk-neg)}
.rk-status{margin:0;padding:26px 16px;color:var(--rk-muted);font-size:13px;text-align:center}
.rk-empty{display:grid;justify-items:center;gap:8px;padding:34px 18px;text-align:center}
.rk-empty img{width:64px;height:64px;opacity:.85}
.rk-empty strong{font-size:16px}
.rk-empty p{margin:0;max-width:420px;color:var(--rk-muted);font-size:13px;line-height:1.5}
.rk-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 15px;border:1px solid var(--rk-line2);border-radius:11px;background:var(--wg-s3);color:var(--wg-text-tint);font:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}
.rk-btn:hover,.rk-btn:focus-visible{border-color:var(--rk-lime);outline:none}
.rk-btn[data-primary]{border-color:var(--wg-accent);background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));color:#fff}
.rk-me{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px;border-top:1px solid var(--rk-line2);background:var(--wg-s2);font-size:13px;color:var(--wg-text-tint)}
.rk-me strong{color:var(--rk-lime)}
.rk-me-bits{display:flex;flex-wrap:wrap;gap:6px 14px}
.rk-me-bits span{white-space:nowrap}
.rk-pager{display:flex;justify-content:center;gap:6px;padding:12px}
.rk-pager button{min-width:38px;min-height:36px;border:1px solid var(--rk-line);border-radius:9px;background:var(--wg-s3);color:var(--wg-text-tint);font:inherit;font-weight:750;cursor:pointer}
.rk-pager button[aria-current="page"]{border-color:var(--rk-lime);color:var(--wg-text-tint)}
.rk-foot{margin:12px 2px 0;color:var(--rk-muted);font-size:11.5px;line-height:1.55}

/* ---------- player card ---------- */
.rk-dialog{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 40px);padding:0;border:1px solid var(--rk-line2,var(--wg-accent-lo));border-radius:22px;background:var(--wg-s2);color:var(--wg-text-tint);overflow:auto;overscroll-behavior:contain}
.rk-dialog::backdrop{background:color-mix(in srgb,var(--wg-s0) 76.9%,transparent)}
.rk-card{position:relative;padding:22px;background:radial-gradient(110% 60% at 0% 0%,var(--wg-s4) 0%,var(--wg-s2) 55%,var(--wg-s2) 100%)}
.rk-close{position:sticky;top:10px;float:right;z-index:2;width:36px;height:36px;margin:-8px -8px 0 0;border:1px solid var(--wg-accent-lo);border-radius:50%;background:var(--wg-s3);color:var(--wg-text-tint);font-size:19px;line-height:1;cursor:pointer}
.rk-close:hover,.rk-close:focus-visible{border-color:var(--wg-accent-hi);outline:none}
.rk-kicker{display:block;color:var(--wg-text-tint);font-size:11px;font-weight:850;letter-spacing:.12em}
.rk-card-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;margin-top:8px}
.rk-big{position:relative;display:grid;place-items:center;width:132px;height:132px}
.rk-big>img{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 8px 18px #0008)}
.rk-big b{position:relative;color:#fff3cf;font-size:44px;font-weight:900;line-height:1;text-shadow:0 2px 6px #000a}
.rk-big small{position:absolute;bottom:20px;color:#f1d48d;font-size:9px;font-weight:850;letter-spacing:.16em}
.rk-big .rk-ava{position:absolute;left:-6px;top:-6px;width:46px;height:46px;border:2px solid var(--wg-s2)}
.rk-card h2{margin:2px 0 0;font-size:clamp(22px,3vw,28px);line-height:1.15;word-break:break-word}
.rk-card-no{color:var(--wg-text-tint);font-size:13px;font-weight:700}
.rk-meter{position:relative;height:14px;margin:12px 0 6px;border:1px solid var(--wg-accent-lo);border-radius:99px;background:var(--wg-s1);overflow:hidden}
.rk-meter i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--wg-accent),var(--wg-accent));transition:width .7s ease}
.rk-meter-txt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;color:var(--wg-text-tint);font-size:12px}
.rk-meter-txt b{color:var(--wg-text-tint)}
.rk-ranks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rk-rank{display:inline-flex;align-items:baseline;gap:6px;padding:7px 11px;border:1px solid var(--wg-accent-lo);border-radius:11px;background:var(--wg-s2);color:var(--wg-text-tint);font-size:12px}
.rk-rank strong{color:var(--wg-text-tint);font-size:15px}
.rk-rank[data-top] strong{color:#f4ce73}
.rk-better{margin-top:10px;color:var(--wg-text-tint);font-size:12.5px}
.rk-better b{color:var(--wg-text-tint)}
.rk-sec{margin-top:20px}
.rk-sec h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;font-size:15px}
.rk-sec h3 small{color:var(--wg-text-tint);font-size:12px;font-weight:700}
.rk-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.rk-stat{min-width:0;padding:11px 12px;border:1px solid var(--wg-s5);border-radius:13px;background:var(--wg-s2)}
.rk-stat span{display:block;color:var(--wg-text-tint);font-size:10.5px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}
.rk-stat strong{display:block;margin-top:3px;font-size:19px;font-weight:850}
.rk-stat small{display:block;color:var(--wg-text-tint);font-size:11px}
.rk-games{display:grid;gap:8px}
.rk-grow{display:grid;grid-template-columns:30px minmax(80px,140px) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12.5px}
.rk-grow img{width:30px;height:30px;border-radius:9px;object-fit:contain;background:var(--wg-s1);border:1px solid var(--wg-accent-deep)}
.rk-grow .rk-bar{height:8px;margin:0}
.rk-grow em{font-style:normal;color:var(--wg-text-tint);white-space:nowrap}
.rk-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.rk-slot{display:grid;justify-items:center;gap:5px;min-width:0;padding:10px 6px;border:1px solid var(--wg-accent-lo);border-radius:14px;background:var(--wg-s2);text-align:center}
.rk-slot img{width:min(72px,100%);height:auto;aspect-ratio:1}
.rk-slot span{color:var(--wg-text-tint);font-size:10.5px;font-weight:700;line-height:1.25}
.rk-show-empty{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px dashed var(--wg-accent-lo);border-radius:16px;background:repeating-linear-gradient(135deg,var(--wg-s2) 0 12px,var(--wg-s2) 12px 24px)}
.rk-show-empty .rk-ghosts{display:flex}
.rk-show-empty .rk-ghosts span{display:grid;place-items:center;width:46px;height:46px;margin-left:-10px;border:2px dashed var(--wg-accent-lo);border-radius:14px;background:var(--wg-s2);color:var(--wg-accent-hi);font-size:18px;font-weight:900}
.rk-show-empty .rk-ghosts span:first-child{margin-left:0}
.rk-show-empty p{margin:0;color:var(--wg-text-tint);font-size:12.5px;line-height:1.5}
.rk-show-empty p b{display:block;color:var(--wg-text-tint);font-size:13.5px}
.rk-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}
.rk-badge{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--wg-s5);border-radius:12px;background:var(--wg-s2)}
.rk-badge img{width:78%;height:78%}
.rk-badge[data-locked] img{filter:grayscale(1) brightness(.45);opacity:.6}
.rk-badge[data-rarity="rare"]:not([data-locked]){border-color:#4f7fb5}.rk-badge[data-rarity="epic"]:not([data-locked]){border-color:#8a63b8}.rk-badge[data-rarity="legendary"]:not([data-locked]){border-color:#b86b6b}
.rk-vs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
.rk-vs-row{display:contents}
.rk-vs-row span{padding:7px 10px;border-radius:9px;background:var(--wg-s2);font-size:13px;font-weight:800;text-align:center}
.rk-vs-row span[data-win]{color:#c2f46e;box-shadow:inset 0 0 0 1px #c2f46e55}
.rk-vs-row em{color:var(--wg-text-tint);font-size:11px;font-style:normal;text-align:center;white-space:nowrap}
.rk-vs-head span{background:none!important;color:var(--wg-text-tint)!important;font-size:11px!important;box-shadow:none!important}
.rk-friends{padding:12px 14px;border:1px solid var(--wg-accent-lo);border-radius:14px;background:var(--wg-s2);font-size:13px;color:var(--wg-text-tint)}
.rk-friends strong{color:var(--wg-text-tint)}
.rk-note{margin:14px 0 0;color:var(--wg-text-tint);font-size:11px;line-height:1.5}

/* ---------- light theme ---------- */
html[data-theme="light"] .rk{--rk-panel:#fff;--rk-line:var(--wg-accent-pale);--rk-line2:var(--wg-accent-hi);--rk-text:var(--wg-accent-deep);--rk-muted:var(--wg-accent-hi);--rk-lime:var(--wg-accent-lo);--rk-gold:#9a650c}
html[data-theme="light"] .rk-seg{background:var(--wg-pale)}
html[data-theme="light"] .rk-seg button{color:var(--wg-accent-lo)}
html[data-theme="light"] .rk-seg button:hover{background:var(--wg-pale-2)}
html[data-theme="light"] .rk-seg button[aria-selected="true"]{color:var(--wg-s1)}
html[data-theme="light"] .rk-chip{color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-chip[aria-selected="true"]{background:var(--wg-pale-2);color:var(--wg-accent-deep);border-color:var(--wg-accent)}
html[data-theme="light"] .rk-tile,html[data-theme="light"] .rk-pod,html[data-theme="light"] .rk-panel{background:#fff;border-color:var(--wg-accent-pale);color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-pod[data-place="1"]{background:linear-gradient(180deg,#fff6dc,#fff);border-color:#d6aa4e}
html[data-theme="light"] .rk-row{border-color:var(--wg-pale)}
html[data-theme="light"] .rk-row:hover{background:var(--wg-pale)}
html[data-theme="light"] .rk-row[data-me]{background:linear-gradient(90deg,var(--wg-pale),#fff 70%)}
html[data-theme="light"] .rk-pos{background:var(--wg-pale);border-color:var(--wg-accent-pale);color:var(--wg-accent-lo)}
html[data-theme="light"] .rk-num,html[data-theme="light"] .rk-game{color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-game img,html[data-theme="light"] .rk-tile-games img{background:var(--wg-pale);border-color:var(--wg-accent-pale)}
html[data-theme="light"] .rk-me{background:var(--wg-pale);color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-head{border-color:var(--wg-accent-pale)}
html[data-theme="light"] .rk-btn{background:#fff;color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-btn[data-primary]{color:var(--wg-s1)}
html[data-theme="light"] .rk-refresh{color:var(--wg-accent-deep)}
html[data-theme="light"] .rk-live-dot{color:#2f6b0c}
html[data-theme="light"] .rk-pager button{background:#fff;color:var(--wg-accent-deep)}

/* ---------- responsive ---------- */
@media(max-width:1180px){
  .rk-head,.rk-row{grid-template-columns:48px minmax(160px,1.6fr) minmax(100px,1fr) 64px 64px 70px 104px 110px}
  .rk-head>span:nth-child(7),.rk-row>.rk-game{display:none}
}
@media(max-width:900px){
  .rk-head,.rk-row{grid-template-columns:44px minmax(140px,1fr) 64px 70px 104px}
  .rk-head>span:nth-child(3),.rk-row>.rk-xp,.rk-head>span:nth-child(5),.rk-row>.rk-c-wins,.rk-head>span:nth-child(8),.rk-row>.rk-c-best{display:none}
  .rk-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rk-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  .rk-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:stretch}
  .rk-seg button{padding:7px 4px;font-size:12.5px}
  .rk-head{display:none}
  .rk-row{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:10px 12px}
  .rk-row>.rk-num{display:none}
  .rk-pos{width:30px;height:30px;font-size:12px}
  .rk-val{font-size:14px}
  .rk-podium{gap:8px;margin-top:22px}
  .rk-pod{padding:16px 6px 10px;border-radius:16px}
  .rk-pod[data-place="1"]{padding-top:22px}
  .rk-pod .rk-ava{width:52px;height:52px}
  .rk-pod[data-place="1"] .rk-ava{width:64px;height:64px}
  .rk-pod-name{font-size:12.5px}
  .rk-pod-val{font-size:15px}.rk-pod[data-place="1"] .rk-pod-val{font-size:17px}
  .rk-pod-sub{font-size:10.5px}
  .rk-pod .rk-hex{width:26px;height:26px}.rk-pod .rk-hex b{font-size:10px}
  .rk-tile{padding:10px 12px}.rk-tile strong{font-size:18px}
  .rk-dialog{width:100vw;max-width:100vw;max-height:92vh;margin:auto 0 0;border-radius:22px 22px 0 0;border-bottom:0}
  .rk-card{padding:18px 16px 26px}
  .rk-card-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px}
  .rk-big{width:118px;height:118px}.rk-big b{font-size:38px}
  .rk-ranks{justify-content:center}
  .rk-grow{grid-template-columns:28px minmax(70px,110px) minmax(0,1fr) auto;gap:8px}
  .rk-show-empty{grid-template-columns:1fr;justify-items:center;text-align:center}
  .rk-me{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){.rk-live-dot::before{animation:none}.rk-pod{transition:none}.rk-meter i{transition:none}}
.rk-sub-m{display:none}
@media(max-width:600px){.rk-sub-m{display:inline}}
.rk-you{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:7px;background:var(--wg-accent);color:#fff;font-size:11px;font-weight:900;letter-spacing:.05em;vertical-align:5px}
.rk-kicker{padding-right:46px}
.rk-grow{grid-template-columns:30px minmax(80px,150px) minmax(0,1fr) 96px}
.rk-grow em{text-align:right}
@media(max-width:600px){.rk-grow{grid-template-columns:28px minmax(70px,104px) minmax(0,1fr) 78px}.rk-rank{padding:6px 9px;font-size:11.5px}.rk-rank strong{font-size:14px}.rk-kicker{font-size:10px;text-align:left}}

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