/* ===================================================================================================================== WIND GAME design layer (rb1, 2026-10-21; owner: «везде наш новый дизайн должен быть красный с чёрным»). Injected by nginx (sub_filter before ) into EVERY html page of windgame.world (static pages, /arena/* game pages, pages of other kits), unversioned + Cache-Control no-cache, so no page can miss it and no stale ?v= cache can hold an old look. Order: it is the last stylesheet in . 1. palette tokens (red-black, dark + light theme) 2. generic elements (selection, focus, scrollbars, form accents) 3. side menu: red1 colours + «Лобби» hidden + «W+» position, copied here from sidebar-vivid.css / design6.css 4. fog page background (fog1), copied from design6.css 5. component layer (cards, buttons, inputs, tabs, chips, badges, modals, toasts, tables) — rb2+ ===================================================================================================================== */ /* ---------- 1. palette tokens (red-black; dark + light theme). All colours of the layer and of the recoloured stylesheets come from these variables. Owner 21.10: one palette only, no user palette switching. */ :root{ /* accent: ruby red */ --wg-accent:#e11d48;--wg-accent-hi:#ff4d6d;--wg-accent-lo:#9f1239;--wg-accent-deep:#5c0b1e;--wg-accent-pale:#ffb3c1; --wg-accent-ink:#fff; /* surfaces: graphite / charcoal (s0 darkest … s5) */ --wg-s0:#08080a;--wg-s1:#111013;--wg-s2:#18171b;--wg-s3:#201f24;--wg-s4:#2b292f;--wg-s5:#3a3840; /* pale (light theme surfaces, light text) */ --wg-pale:#fbf4f5;--wg-pale-2:#f0e5e8;--wg-text-tint:#f6e4e7; /* text + secondary (warm gold / white) */ --wg-text:#f5f1ec;--wg-text-2:#c9c1ba;--wg-muted:#958d88;--wg-gold:#f2c46d;--wg-gold-hi:#ffd98a; /* semantic */ --wg-win:#22c55e;--wg-lose:#ef4444;--wg-warn:#f59e0b; /* composed */ --wg-bg:#0d0e11;--wg-panel:#141317f2;--wg-panel-2:#1b1a1ff2; --wg-line:color-mix(in srgb,var(--wg-accent) 30%,transparent);--wg-line-strong:color-mix(in srgb,var(--wg-accent) 55%,transparent); --wg-line-soft:#ffffff12; --wg-grad-accent:linear-gradient(180deg,#dc1f47,#c0163d 55%,#9f1239); --wg-glow:0 0 0 1px var(--wg-line),0 10px 28px -12px color-mix(in srgb,var(--wg-accent) 55%,transparent); --wg-shadow:0 14px 34px -18px #000c,0 2px 6px -2px #0008; --wg-focus:0 0 0 3px color-mix(in srgb,var(--wg-accent-hi) 55%,transparent); --wg-r-s:10px;--wg-r-m:14px;--wg-r-l:20px;--wg-r-pill:999px; /* component tokens */ --wg-chip-bg:linear-gradient(180deg,#26232a,#1a181d);--wg-chip-ink:var(--wg-text);--wg-chip-line:#ffffff1f; --wg-chip-on-bg:var(--wg-grad-accent);--wg-chip-on-ink:#fff;--wg-chip-on-line:var(--wg-accent-hi); --wg-btn-bg:var(--wg-grad-accent);--wg-btn-ink:#fff;--wg-btn2-bg:#ffffff0d;--wg-btn2-ink:var(--wg-text);--wg-btn2-line:var(--wg-line-strong); --wg-nav-on-bg:linear-gradient(90deg,color-mix(in srgb,var(--wg-accent) 34%,transparent),color-mix(in srgb,var(--wg-accent) 12%,transparent)); --wg-nav-on-line:var(--wg-accent-hi);--wg-nav-on-bar:var(--wg-accent-hi); --wg-nav-on-glow:0 0 0 1.5px var(--wg-accent-hi),0 0 18px -2px color-mix(in srgb,var(--wg-accent-hi) 70%,transparent),0 8px 18px -10px #000; --wg-tab-on-bg:var(--wg-grad-accent);--wg-tab-on-ink:#fff; } html[data-theme="light"]{ --wg-text:#1d1416;--wg-text-2:#4a3d40;--wg-muted:#6e6164;--wg-gold:#9a6a12;--wg-gold-hi:#b27b14; --wg-bg:#eceae9;--wg-panel:#fffffff2;--wg-panel-2:#f7f2f3f2; --wg-line:color-mix(in srgb,var(--wg-accent) 26%,transparent);--wg-line-soft:#0000000f; --wg-shadow:0 12px 30px -18px #3a0a1640,0 2px 6px -2px #0000001a; --wg-win:#15803d;--wg-lose:#dc2626; --wg-chip-bg:linear-gradient(180deg,#ffffff,#f3eced);--wg-chip-ink:#2a1a1e;--wg-chip-line:#0000001f; --wg-btn2-bg:#fff;--wg-btn2-ink:#7a0f2c; --wg-nav-on-bg:linear-gradient(90deg,color-mix(in srgb,var(--wg-accent) 20%,#fff),color-mix(in srgb,var(--wg-accent) 6%,#fff)); } /* ---------- 2. generic elements ---------- */ ::selection{background:color-mix(in srgb,var(--wg-accent) 42%,transparent);color:#fff} html[data-theme="light"] ::selection{color:#1d1416} html{scrollbar-color:color-mix(in srgb,var(--wg-accent) 55%,#3a3840) transparent} input,select,textarea,progress,meter{accent-color:var(--wg-accent)} input,textarea{caret-color:var(--wg-accent-hi)} :where(a,button,input,select,textarea,summary,[role="button"],[tabindex]):focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px} /* ---------- 3a. side menu: copied from sidebar-vivid.css (red1 + ll1 blocks only; later blocks of other kits, e.g. the menu edge line, are NOT copied) ---------- */ /* ===== 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} /* ---------- 3b. side menu: copied from design6.css (red1) ---------- */ /* ===== 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} /* ---------- 4. fog page background: copied from design6.css (fog1) ---------- */ /* ======================= 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 (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} /* ---------- 5. component layer ---------- */ /* 5.1 top bar on phones (owner/coordinator 21.10: «Аккаунт» was cut off at 360–390 px after the sound button and the ping indicator). ≤560 px: sound / ping / theme / language become compact icon buttons in one row, level chip shows only its badge, the crumb hides; the balance and «Аккаунт» never shrink. No horizontal page scroll. */ @media (max-width:560px){ html body :is(.mp-topbar,.wg-shell-header,.wgt-header){min-width:0;max-width:100vw} html body :is(.mp-top-actions,.wgt-actions){display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:4px!important; min-width:0!important;flex:1 1 auto!important;justify-content:flex-end!important;margin-left:auto} html body :is(.mp-top-actions,.wgt-actions)>*{flex:0 0 auto;min-width:0} html body .mp-topbar .mp-crumb{display:none!important} /* theme: icon only */ html body :is(.mp-theme-toggle,.wgt-theme){min-width:32px!important;width:32px!important;height:32px!important;padding:0!important; display:inline-grid!important;place-items:center!important;border-radius:10px!important} html body .mp-theme-toggle .mp-theme-label{display:none!important} html body .wgt-theme{font-size:0!important;line-height:0!important} html body .wgt-theme::before{content:"☀";font-size:15px;line-height:1} html[data-theme="light"] body .wgt-theme::before{content:"☾"} /* language: two letters */ html body :is(.mp-top-actions,.wgt-actions) .mp-lang{font-size:0!important;min-width:32px!important;height:32px!important;padding:0 6px!important; display:inline-grid!important;place-items:center!important;border-radius:10px!important} html body :is(.mp-top-actions,.wgt-actions) .mp-lang::before{content:attr(lang);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;line-height:1} /* sound */ html body :is(.mp-top-actions,.wgt-actions) .wg-snd-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important} /* ping in the bar: bars only */ html body :is(.mp-top-actions,.wgt-actions,.wg-shell-bar) .wg-ping{padding:0 6px!important;height:32px!important;gap:0!important} html body :is(.mp-top-actions,.wgt-actions,.wg-shell-bar) .wg-ping .wg-ping-ms{display:none!important} /* level: badge only */ html body .wg-lvl-chip .wg-lvl-word{display:none!important} html body .wg-lvl-chip{padding:0 4px!important;gap:0!important} /* balance + account: always whole */ html body :is(.mp-top-actions,.wgt-actions) :is(.mp-wallet-chip,.mp-account-link,.wgt-account){flex:0 0 auto!important;white-space:nowrap!important; max-width:none!important;overflow:visible!important} html body :is(.mp-top-actions,.wgt-actions) :is(.mp-account-link,.wgt-account){padding-inline:10px!important;font-size:12px!important} html body :is(.mp-top-actions,.wgt-actions) .mp-wallet-chip{padding-inline:8px!important;font-size:12px!important} /* arena game header: «Все игры / English» links moved into the actions — keep them out of the way */ html body .wgt-header>nav{display:none!important} /* game pages: the menu button already carries the emblem; the wordmark and crumbs make room for balance + account */ html body :is(.wgt-header,.wg-shell-header)>:is(.brand,a.brand){display:none!important} html body :is(.wgt-header,.wg-shell-header) :is(.wgt-account,.mp-account-link){display:inline-flex!important;align-items:center;justify-content:center; min-height:32px;width:auto!important;visibility:visible!important} html body :is(.wgt-header,.wg-shell-header) .mp-wallet-chip:not([hidden]){display:inline-flex!important;align-items:center} } @media (max-width:380px){ html body .mp-topbar .mp-mobile-brand .mp-brand-wordmark{display:none!important} html body :is(.mp-top-actions,.wgt-actions){gap:3px!important} html body :is(.mp-top-actions,.wgt-actions) :is(.mp-account-link,.wgt-account){padding-inline:8px!important} } /* 5.2 «где я»: active side-menu item (expanded, collapsed, phone drawer, bottom bar, arena shell) */ html body :is(.mp-nav-item,.wg-shell-nav-item):is([aria-current="page"],.active,.is-active){ position:relative!important;background:var(--wg-nav-on-bg)!important;box-shadow:var(--wg-nav-on-glow)!important; border-color:var(--wg-nav-on-line)!important;transform:translateX(2px);color:#fff!important} html[data-theme="light"] body :is(.mp-nav-item,.wg-shell-nav-item):is([aria-current="page"],.active,.is-active){color:#3d0613!important} html body :is(.mp-nav-item,.wg-shell-nav-item):is([aria-current="page"],.active,.is-active)::before{ content:""!important;position:absolute!important;left:-6px!important;top:18%!important;bottom:18%!important;width:4px!important;height:auto!important; border-radius:4px!important;background:var(--wg-nav-on-bar)!important;box-shadow:0 0 10px var(--wg-accent-hi)!important;opacity:1!important; display:block!important;transform:none!important;-webkit-mask:none!important;mask:none!important} html.wg-nav-collapsed body :is(.mp-nav-item,.wg-shell-nav-item):is([aria-current="page"],.active,.is-active)::before{left:-3px!important} html body :is(.mp-quick-nav a,.mp-bottom-nav a,.rd-bb a,.wg-shell-quick a,.wg-shell-bar a)[aria-current="page"]:not(#wg-0){ box-shadow:var(--wg-nav-on-glow)!important;background:var(--wg-nav-on-bg)!important;border-color:var(--wg-nav-on-line)!important} /* 5.3 breadcrumbs on game pages («Игры › Джекпот», added by wg-layer.js) and the section name in the top bar */ .wg-crumbs{display:inline-flex;align-items:center;gap:7px;min-width:0;margin:0 10px;padding:6px 12px;border-radius:var(--wg-r-pill); background:color-mix(in srgb,var(--wg-accent) 14%,transparent);border:1px solid var(--wg-line-strong);font:800 13px/1.1 Manrope,system-ui,sans-serif; white-space:nowrap;box-shadow:0 0 14px -6px var(--wg-accent-hi)} .wg-crumbs a{color:var(--wg-text-2)!important;text-decoration:none} .wg-crumbs a:hover{color:var(--wg-text)!important;text-decoration:underline} .wg-crumbs-sep{color:var(--wg-accent-hi);font-weight:900} .wg-crumbs b{color:var(--wg-text);overflow:hidden;text-overflow:ellipsis;max-width:22ch} html body .mp-topbar .mp-crumb{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--wg-r-pill); background:color-mix(in srgb,var(--wg-accent) 14%,transparent);border:1px solid var(--wg-line-strong);color:var(--wg-text)!important;font-weight:800} @media (max-width:860px){.wg-crumbs{display:none}} /* 5.4 active catalogue tab / category / any tab */ html body :is(.wg-cat-tab.is-active,.wg-cat-tab[aria-selected="true"],[role="tab"][aria-selected="true"]):not(.mp-nav-item){ background:var(--wg-tab-on-bg)!important;color:var(--wg-tab-on-ink)!important;border-color:var(--wg-accent-hi)!important; box-shadow:0 0 0 1.5px var(--wg-accent-hi),0 0 18px -4px color-mix(in srgb,var(--wg-accent-hi) 75%,transparent)!important} /* 5.5 bet chips: one component everywhere (amount chips / quick stakes), no rainbow (owner: «ставки разные цвета, бред»). :not(#wg-0) lifts specificity over per-chip colour rules of other kits (e.g. .jp-lrk-page .jp-quick button:nth-child(n)) */ html body :is(.lrk-chip,.preset-row button,.quick-stakes button,.mines-quick-stakes button,.jp-quick button,.sbar-chip,.sbar-quick button, .stakes button,.pzg-stake-btn,.pz-chip,.sl-chip,.sl-quick,.th-chips span,.rk-chip):not(#wg-0){ background:var(--wg-chip-bg)!important;color:var(--wg-chip-ink)!important;border:1px solid var(--wg-chip-line)!important; box-shadow:inset 0 1px 0 #ffffff14,0 2px 6px -3px #000a!important;text-shadow:none!important;font-weight:800!important} html body :is(.lrk-chip,.preset-row button,.quick-stakes button,.mines-quick-stakes button,.jp-quick button,.sbar-chip,.sbar-quick button, .stakes button,.pzg-stake-btn,.pz-chip,.sl-chip,.sl-quick,.rk-chip):hover:not(:disabled):not(#wg-0){border-color:var(--wg-accent-hi)!important} html body :is(.lrk-chip[aria-pressed="true"],.preset-row button.active,.quick-stakes button:is(.active,.selected,[aria-pressed="true"]), .mines-quick-stakes button:is(.active,.selected,[aria-pressed="true"]),.jp-quick button:is(.active,.selected,[aria-pressed="true"]), .sbar-chip[aria-pressed="true"],.sbar-quick button:is(.active,[aria-pressed="true"]),.stakes button.selected,.pzg-stake-btn:is(.active,.selected), .pz-chip:is(.active,.selected),.sl-chip:is(.active,.selected),.rk-chip[aria-selected="true"]):not(#wg-0){ background:var(--wg-chip-on-bg)!important;color:var(--wg-chip-on-ink)!important;border-color:var(--wg-chip-on-line)!important; box-shadow:0 0 0 1px var(--wg-accent-hi),0 6px 16px -8px var(--wg-accent)!important} /* «Макс» chip: same component, gold text only */ html body :is(.sbar-chip-max,#chip-max,.lrk-btn.max):not(#wg-0){color:var(--wg-gold)!important} /* multiplier fields of the wheel (x2…x50): one surface, the colour stays only as a thin top stripe */ html body :is(.g3-bet,.lrk-tile)[data-tone^="x"]:not(#wg-0){background:var(--wg-chip-bg)!important;border-color:var(--wg-chip-line)!important} html body :is(.g3-bet,.lrk-tile)[data-tone^="x"]:is(.has-bet,[aria-pressed="true"],.on):not(#wg-0){border-color:var(--wg-accent-hi)!important; box-shadow:0 0 0 1px var(--wg-accent-hi),0 6px 16px -8px var(--wg-accent)!important} /* 5.6 helpers from other kits drawn with blue inline styles: ping + sound button */ html body .wg-ping{background:color-mix(in srgb,var(--wg-s2) 85%,transparent)!important;border-color:var(--wg-line)!important} html body .wg-ping .wg-ping-ms{color:var(--wg-text-2)!important} html[data-theme="light"] body .wg-ping{background:#fff!important} html[data-theme="light"] body .wg-ping .wg-ping-ms{color:var(--wg-text-2)!important} html body .wg-snd-btn{border-color:var(--wg-line)!important} /* 5.7 primary action buttons drawn by scripts (guest «Войти и играть») */ html body .wg-guest-play a{background:var(--wg-btn-bg)!important;color:var(--wg-btn-ink)!important;border-color:var(--wg-accent-hi)!important; box-shadow:0 10px 26px -10px color-mix(in srgb,var(--wg-accent) 70%,transparent),inset 0 1px 0 #ffffff40!important} /* 5.8 owner «W+» button: lives in the top bar (moved there by wg-layer.js), never over content */ html body .wg-ow-fab.wg-ow-inbar{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:32px!important; min-width:40px;padding:0 10px!important;border-radius:10px!important;font:800 13px/1 Manrope,system-ui,sans-serif!important;flex:0 0 auto; box-shadow:0 0 0 1px var(--wg-line-strong),0 4px 12px -6px var(--wg-accent)!important;order:-1} /* 5.9 catalogue carousel arrows: keep clear of the two chat/support buttons in the bottom-right corner */ @media (min-width:901px){html body .wg-game-scroll-controls{margin-right:150px!important}} @media (max-width:380px){html body .wg-ow-fab.wg-ow-inbar{min-width:30px;padding:0 6px!important;font-size:12px!important} html body :is(.mp-top-actions,.wgt-actions) :is(.wg-snd-btn,.mp-theme-toggle,.wgt-theme,.mp-lang){width:30px!important;min-width:30px!important}} /* 5.10 ticker under the top bar: the «● ЖУРНАЛ W / W LEDGER» label removed (owner 21.10); online counter + feed stay, the feed takes the freed space */ html body .wg-live-wins-panel>.wg-live-wins-head{display:none!important} html body .wg-live-wins-panel>.wg-live-results{flex:1 1 auto!important;min-width:0!important;margin-left:0!important} /* 5.11 readability fixes (contrast audit 21.10) */ html body .jp-room-mid.is-active{background:linear-gradient(160deg,color-mix(in srgb,var(--wg-accent) 34%,var(--wg-s2)),var(--wg-s2) 70%)!important} html[data-theme="light"] body .jp-room-mid.is-active{background:linear-gradient(160deg,#ffe1e7,#ffffff)!important} html[data-theme="light"] body .wg-live-kicker{color:var(--wg-accent-lo)!important} /* 5.12 «Журнал W» feed (rb9): game icon, clickable rows, pause on hover/focus, static scroll for reduced motion */ html body .wg-live-gi{width:18px!important;height:18px!important;flex:0 0 18px;margin:-3px 0;border-radius:6px;object-fit:contain;display:inline-block; vertical-align:middle;background:color-mix(in srgb,var(--wg-s3) 80%,transparent);box-shadow:0 0 0 1px #ffffff14} html[data-theme="light"] body .wg-live-gi{background:#fff;box-shadow:0 0 0 1px #0000001a} html body .wg-live-result>a.wg-live-link{display:flex;align-items:center;gap:7px;color:inherit!important;text-decoration:none!important;cursor:pointer; border-radius:6px;outline-offset:3px} html body .wg-live-strip .wg-live-result.wg-live-has-link{padding:0!important} html body .wg-live-strip .wg-live-result.wg-live-has-link>a.wg-live-link{padding:4px 9px} html body .wg-live-result.wg-live-has-link:hover{border-color:var(--wg-accent-hi)!important;background:color-mix(in srgb,var(--wg-accent) 22%,var(--wg-s4))!important} html[data-theme="light"] body .wg-live-result.wg-live-has-link:hover{background:#ffe3e8!important} html body .wg-live-result>a.wg-live-link:focus-visible{outline:2px solid var(--wg-accent-hi)} html body .wg-live-strip .wg-live-results.wg-live-ticker:is(:hover,:focus-within){animation-play-state:paused!important} @media (prefers-reduced-motion:reduce){html body .wg-live-strip .wg-live-viewport{overflow-x:auto!important;scrollbar-width:thin}} html[data-theme="light"] body .wg-live-online-count{color:var(--wg-accent-lo)!important} /* ---------- 6. lrk*.css / jp-lrk.css (live-round kit of the shared-games agent) recoloured: generated copies of its changed declarations ---------- */ /* assets/lrk.css */ :root{--lrk-ink:var(--wg-text-tint);--lrk-mute:var(--wg-text-tint);--lrk-line:var(--wg-accent-lo);--lrk-line2:var(--wg-accent);--lrk-card:linear-gradient(165deg,color-mix(in srgb,var(--wg-s3) 94.1%,transparent),color-mix(in srgb,var(--wg-s2) 96.1%,transparent));--lrk-card2:var(--wg-s3);--lrk-field:var(--wg-s1);--lrk-green:var(--wg-accent);--lrk-lime:var(--wg-accent-hi);--lrk-blue:var(--wg-accent-hi);--lrk-accent2:var(--wg-red-2,#ff5466);--lrk-chip-bg:var(--wg-black,#141418);--lrk-chip-bg2:var(--wg-black-2,#26262d)} html[data-theme="light"]{--lrk-ink:var(--wg-accent-deep);--lrk-mute:var(--wg-accent-hi);--lrk-line:var(--wg-pale-2);--lrk-line2:var(--wg-accent-hi);--lrk-card:linear-gradient(165deg,#fffffff2,color-mix(in srgb,var(--wg-pale) 94.9%,transparent));--lrk-card2:var(--wg-pale);--lrk-green:var(--wg-accent-lo);--lrk-lime:var(--wg-accent-lo);--lrk-blue:var(--wg-accent);--lrk-shadow:0 14px 34px color-mix(in srgb,var(--wg-accent-deep) 12.2%,transparent);--lrk-chip-bg:var(--wg-black,#1b1b21);--lrk-chip-bg2:var(--wg-black-2,#34343c)} .lrk-stage{background:radial-gradient(120% 80% at 50% 45%,var(--wg-s5) 0,var(--wg-s3) 45%,var(--wg-s2) 100%)} html[data-theme="light"] .lrk-stage{background:radial-gradient(120% 80% at 50% 45%,#ffffff 0,var(--wg-pale) 55%,var(--wg-pale-2) 100%)} .lrk-phase{background:color-mix(in srgb,var(--wg-s2) 80%,transparent)} .lrk-dot{background:var(--wg-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--wg-accent) 20%,transparent)} .lrk-hud[data-phase="betting"] .lrk-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--wg-accent) 26.7%,transparent),0 0 12px var(--lrk-green)} .lrk-cur{--c:var(--wg-accent-deep)} html[data-theme="light"] .lrk-ring{background:conic-gradient(var(--rc) calc(var(--p)*360deg),color-mix(in srgb,var(--wg-s3) 10.2%,transparent) 0);box-shadow:0 6px 16px color-mix(in srgb,var(--wg-accent-deep) 14.9%,transparent)} .lrk-ring::before{background:radial-gradient(circle at 35% 30%,var(--wg-s5),var(--wg-s2))} html[data-theme="light"] .lrk-ring::before{background:radial-gradient(circle at 35% 30%,#fff,var(--wg-pale-2))} html[data-theme="light"] .lrk-ring span{color:var(--wg-accent-deep)} html[data-theme="light"] .lrk-cycle{background:color-mix(in srgb,var(--wg-s3) 7.8%,transparent)} html[data-theme="light"] .lrk-cycle em{background:var(--wg-s3)} .lrk-pop{--c:var(--wg-accent-lo)} .lrk-caption{background:color-mix(in srgb,var(--wg-s2) 72.2%,transparent)} .lrk-tile{--t1:var(--wg-accent-lo);--t2:var(--wg-accent-deep)} .lrk-tile.won{box-shadow:0 0 0 3px var(--wg-win),0 0 26px color-mix(in srgb,var(--wg-win) 60%,transparent)} .lrk-tile[data-tone="empty"]{--t1:var(--wg-accent-lo);--t2:var(--wg-accent-deep)} .lrk-tile[data-tone="x2"]{--t1:var(--wg-accent);--t2:var(--wg-accent-deep)} .lrk-tile[data-tone="x3"]{--t1:var(--wg-accent-lo);--t2:var(--wg-accent-deep)} .lrk-tile[data-tone="x5"]{--t1:var(--wg-accent-hi);--t2:var(--wg-accent-lo)} .lrk-play{color:var(--wg-s2);background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent-lo));box-shadow:inset 0 1px 0 #fff8,0 8px 22px color-mix(in srgb,var(--wg-accent) 26.7%,transparent),0 4px 0 var(--wg-accent-lo);color:#fff} .lrk-play:active:not(:disabled){box-shadow:inset 0 1px 0 #fff8,0 2px 0 var(--wg-accent-lo)} .lrk-play:disabled{color:var(--wg-s4)} .lrk-mini{background:color-mix(in srgb,var(--wg-s2) 93.3%,transparent)} .lrk-mini strong{color:var(--wg-s1)} .lrk-feed .where span{--c:var(--wg-accent-lo)} .lrk-feed .sum small.win{color:var(--wg-win)} .lrk-mine li.win b{color:var(--wg-win)} /* assets/lrk-skin.css */ .lrk-skin .panel .g3-bet.won{box-shadow:0 0 0 3px var(--wg-win),0 0 26px color-mix(in srgb,var(--wg-win) 60%,transparent)!important} .lrk-skin .panel button.play{color:var(--wg-s2)!important;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent-lo))!important;box-shadow:inset 0 1px 0 #fff8,0 8px 22px color-mix(in srgb,var(--wg-accent) 26.7%,transparent),0 4px 0 var(--wg-accent-lo)!important;color:#fff!important} .lrk-skin .panel button.play:disabled{color:var(--wg-s4)!important} .lrk-rstats i.b{background:var(--wg-s3)} .lrk-rstats i.z{background:var(--wg-accent-deep)} /* assets/jp-lrk.css */ .jp-lrk-page .jp-play{color:var(--wg-s2)!important;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent-lo))!important;box-shadow:inset 0 1px 0 #fff8,0 8px 22px color-mix(in srgb,var(--wg-accent) 26.7%,transparent),0 4px 0 var(--wg-accent-lo)!important;color:#fff!important} .jp-lrk-page #jp-history li .jp-h-win{color:var(--wg-win)!important} .jp-lrk-fair small.ok{color:var(--wg-win)!important} /* MF1 mobile-fit (2026-10-22, owner: «немного друг на друга налезло всё», Telegram webview ~360 px). Layout only, phones/tablets (<=780 px, where the bottom dock is shown); desktop untouched. 1) top bar: brand emblem gives its place to the actions when signed in, «Аккаунт» becomes the avatar/icon; 2) «Онлайн + журнал W» strip: compact online/ping part, the feed gets the room; 3) «Выбери ник» pill and chat/support buttons stand in one row above the dock, pill on the left, never under them; 4) page end clears dock + that row; 5) dock: wider cells, labels whole. */ @media (max-width:480px){ html body .mp-topbar:has(.mp-wallet-chip:not([hidden])) .mp-mobile-brand{display:none!important} html body .mp-topbar:has(.mp-wallet-chip:not([hidden])) .mp-top-actions{gap:4px!important} html body :is(.mp-top-actions,.wgt-actions):has(.mp-wallet-chip:not([hidden])) :is(.mp-account-link,.wgt-account){ font-size:0!important;width:34px!important;min-width:34px!important;height:32px!important;padding:0!important;gap:0!important; display:inline-grid!important;place-items:center!important;letter-spacing:0!important} html body :is(.mp-top-actions,.wgt-actions):has(.mp-wallet-chip:not([hidden])) :is(.mp-account-link,.wgt-account) .wg-head-ava{margin:0!important;width:24px;height:24px} html body :is(.mp-top-actions,.wgt-actions):has(.mp-wallet-chip:not([hidden])) :is(.mp-account-link,.wgt-account):not(.wg-has-ava)::before{ content:"";width:18px;height:18px;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.2'/%3E%3Cpath d='M3.5 21c.6-4.6 4-7.2 8.5-7.2s7.9 2.6 8.5 7.2z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4.2'/%3E%3Cpath d='M3.5 21c.6-4.6 4-7.2 8.5-7.2s7.9 2.6 8.5 7.2z'/%3E%3C/svg%3E") center/contain no-repeat} html body :is(.mp-top-actions,.wgt-actions) .mp-wallet-chip{padding-inline:7px!important} } @media (max-width:360px){ html body :is(.mp-top-actions,.wgt-actions){gap:3px!important} html body :is(.mp-top-actions,.wgt-actions) :is(.wg-snd-btn,.mp-theme-toggle,.wgt-theme,.mp-lang){width:28px!important;min-width:28px!important} } @media (max-width:340px){ html body :is(.mp-top-actions,.wgt-actions){gap:2px!important} html body :is(.mp-top-actions,.wgt-actions) :is(.wg-snd-btn,.mp-theme-toggle,.wgt-theme,.mp-lang){width:26px!important;min-width:26px!important} html body :is(.mp-top-actions,.wgt-actions):has(.mp-wallet-chip:not([hidden])) :is(.mp-account-link,.wgt-account){width:30px!important;min-width:30px!important} html body :is(.mp-top-actions,.wgt-actions) .mp-wallet-chip{padding-inline:5px!important;font-size:11px!important} html body .mp-topbar .mp-menu-toggle{width:38px!important;min-width:38px!important} html body nav.rd-bottom-bar a span:last-child{font-size:9px!important;letter-spacing:-.03em!important} } @media (max-width:480px){ /* strip: «● 3 ▂▄▆ 115 мс» instead of «● ОНЛАЙН 3 [▂▄▆ 115 мс]»; the word stays for screen readers */ html body .wg-live-strip .wg-live-online-panel{gap:6px!important;padding-inline:8px 6px!important;flex:0 0 auto!important;min-width:0!important} html body .wg-live-strip .wg-live-online-panel .wg-live-kicker{font-size:0!important;letter-spacing:0!important;gap:0!important} html body .wg-live-strip .wg-live-online-panel .wg-live-kicker .wg-live-dot{margin:0!important} html body .wg-live-strip .wg-ping.wg-ping-strip{padding:0 6px!important;gap:3px!important;height:22px!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important} html body .wg-live-strip .wg-live-wins-panel{flex:1 1 auto!important;min-width:0!important} } @media (max-width:780px){ /* nick pill + chat/support buttons: one row above the dock */ html body.mp-body .wg-ng-pill{left:max(10px,env(safe-area-inset-left))!important;right:auto!important;transform:none!important; bottom:calc(var(--rd-dock-h,0px) + 12px + var(--wg-kb,0px))!important;min-height:46px;box-sizing:border-box; display:flex!important;align-items:center;max-width:calc(100vw - 20px)!important;padding:5px 12px!important;border-radius:23px!important; white-space:normal!important;text-align:left;line-height:1.2!important;font-size:12px!important} html body.mp-body:where([data-wgh~="k22488"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0) .wg-ng-pill{max-width:calc(100vw - 30px - 46px)!important} html body.mp-body:where([data-wgh~="k535ca"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0):where([data-wgh~="kf5d3a"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0) .wg-ng-pill{max-width:calc(100vw - 30px - 100px)!important} html body.mp-body.sbar-mobile.sbar-on .wg-ng-pill{bottom:calc(var(--sbar-h,0px) + var(--sbar-off,0px) + 10px)!important} html body:where([data-wgh~="kf76f7"]):not(.wg-0):not(.wg-0) .wg-ng-pill{display:none!important} /* page end: dock + the floating row never cover the last cards */ html body.mp-body:not(.sbar-on):where([data-wgh~="kd509e"]):not(.wg-0){padding-bottom:calc(var(--rd-dock-h,0px) + 74px)!important} /* dock: cells use the whole width, labels whole */ html body .rd-bottom-bar{column-gap:2px!important;padding-inline:4px!important} html body .rd-bottom-bar a{padding-inline:0!important;min-width:0!important} html body .rd-bottom-bar a span:last-child{font-size:10px!important;letter-spacing:-.02em;text-overflow:clip!important} } /* MF1 align (owner: «отцентруй всё в иконках, сделай ровно»): one height, one centre line, equal gaps */ @media (max-width:780px){ html body .mp-topbar{--mf-h:32px;padding-right:10px!important;align-items:center!important} html body .mp-topbar .mp-top-actions{align-items:center!important;gap:6px!important;margin-left:0!important} html body .mp-topbar .mp-top-actions>*{margin:0!important;align-self:center!important} html body .mp-topbar:has(.mp-wallet-chip:not([hidden])) .mp-top-actions{justify-content:space-between!important;padding-left:10px!important} html body .mp-topbar .mp-top-actions :is(.wg-snd-btn,.wg-lvl-chip,.mp-wallet-chip,.dp-top-in,.mp-theme-toggle,.mp-lang,.mp-account-link){ box-sizing:border-box!important;height:var(--mf-h)!important;min-height:var(--mf-h)!important;max-height:var(--mf-h)!important;margin:0!important; display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important} html body .mp-topbar .mp-top-actions :is(.wg-snd-btn,.dp-top-in,.mp-theme-toggle,.mp-lang){width:var(--mf-h)!important;min-width:var(--mf-h)!important;padding:0!important} html body .mp-topbar .mp-top-actions:has(.mp-wallet-chip:not([hidden])) .mp-account-link{width:var(--mf-h)!important;min-width:var(--mf-h)!important} html body .mp-topbar .mp-top-actions .wg-lvl-chip{min-width:var(--mf-h)!important;padding:0 4px!important;gap:4px!important} html body .mp-topbar .mp-top-actions .wg-lvl-chip .wg-lvl-hex{width:24px!important;height:24px!important;display:grid!important;place-items:center!important} html body .mp-topbar .mp-top-actions .mp-lang::before{display:block;line-height:1!important} html body .mp-topbar .mp-top-actions :is(svg,img){display:block;margin:0!important} html body .mp-topbar .wg-snd{display:flex!important;align-items:center} html body .mp-topbar .dp-top{display:flex!important;align-items:center} html body .mp-topbar .mp-menu-toggle{align-self:center!important;margin:0!important} /* dock: icon and label centred in equal cells, active cell not lifted */ html body .rd-bottom-bar{grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important} html body .rd-bottom-bar a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-align:center} html body .rd-bottom-bar a .rd-bb-icon{width:30px!important;height:30px!important;margin:0!important;transform:none!important;flex:none!important} html body .rd-bottom-bar a span:last-child{display:block;width:100%;text-align:center;line-height:14px!important;height:14px} /* floating row: pill fills the room left of the round buttons, same 8 px gap, text centred */ html body.mp-body:where([data-wgh~="k22488"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0) .wg-ng-pill{width:calc(100vw - 20px - 46px - 8px)!important;max-width:none!important;justify-content:center!important;text-align:center!important} html body.mp-body:where([data-wgh~="k535ca"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0):where([data-wgh~="kf5d3a"]):not(.wg-0):not(.wg-0):not(.wg-0):not(.wg-0) .wg-ng-pill{width:calc(100vw - 20px - 100px - 8px)!important;max-width:none!important} html body .wg-help-fab:not(.wg-help-open) .wg-help-fabs{gap:8px!important;align-items:center!important} html body .wg-help-fab:not(.wg-help-open) .wg-help-trigger{display:inline-grid!important;place-items:center!important;padding:0!important} html body .wg-help-fab:not(.wg-help-open) .wg-help-trigger>:is(svg,img,span:not(.wg-help-count)){margin:0!important} } @media (max-width:360px){html body .mp-topbar{--mf-h:30px}html body .mp-topbar .mp-top-actions{gap:4px!important}html body .mp-topbar:has(.mp-wallet-chip:not([hidden])) .mp-top-actions{padding-left:6px!important}} @media (max-width:340px){html body .mp-topbar{--mf-h:28px}html body .mp-topbar .mp-top-actions{gap:3px!important}} /* /MF1 */ /* RH1 race-head (2026-10-22, player: «накладываются иконки, когда в Гонки заходишь»). Layout only, /arena/race (html.wgf-arena-race), >=561 px. game-fit forced the race header into one nowrap row; after the site actions (level, W, Пополнить/Вывести, ping, sound, theme, lang, account) moved into it, the title column shrank to 0 and «Гонка 10 машин» slid under the chips/crumbs/actions (and the actions ran off screen at 768–1100 px). Now: the header wraps; title, chips, crumbs keep their size; chips and actions drop to the next row when there is no room; rows centred. */ @media (min-width:561px){ html.wgf-arena-race body>main>header.topbar.wgt-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;column-gap:10px!important;row-gap:8px!important} html.wgf-arena-race body>main>header.topbar.wgt-header>div:has(>h1){display:flex!important;flex-wrap:wrap;align-items:center!important;column-gap:12px;row-gap:6px;flex:0 1 auto!important;min-width:0!important;max-width:100%} html.wgf-arena-race body>main>header.topbar.wgt-header>div:has(>h1)>*{margin-top:0!important;margin-bottom:0!important} html.wgf-arena-race body>main>header.topbar.wgt-header .status-cluster{display:flex!important;flex:0 1 auto!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;min-width:0;max-width:100%} html.wgf-arena-race body>main>header.topbar.wgt-header .status-chip{min-height:32px;box-sizing:border-box;align-items:center} html.wgf-arena-race body>main>header.topbar.wgt-header>.wg-crumbs{flex:0 0 auto!important;margin:0!important;min-height:32px;box-sizing:border-box} html.wgf-arena-race body>main>header.topbar.wgt-header>.wgt-actions{flex:0 1 auto!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;row-gap:6px!important;margin:0 0 0 auto!important;min-width:0!important;max-width:100%!important;width:auto!important} } /* /RH1 */ /* WH2-BAR (2026-10-22): phone bottom bar of the arena shell (.wg-shell-bar, /arena/game-shell.css) on every game page. rbcolor.py skips menu selectors (MENU_SEL has wg-shell-bar) and section 3 recoloured only the active link, so the bar itself stayed green (#17271e/#536b55) on all games. Same look as .rd-bottom-bar of the main pages (redesign.css). */ html body .wg-shell-bar:not(#wg-0){background:linear-gradient(180deg,color-mix(in srgb,var(--wg-s2) 94.9%,transparent),color-mix(in srgb,var(--wg-s1) 98%,transparent))!important; border-top:1px solid var(--wg-accent-lo)!important;box-shadow:0 -10px 28px #0008!important} html body .wg-shell-bar a:not(#wg-0){color:var(--wg-text-tint)} html body .wg-shell-bar a:focus-visible{outline-color:var(--wg-accent-hi)!important} html[data-theme="light"] body .wg-shell-bar:not(#wg-0){background:linear-gradient(180deg,color-mix(in srgb,var(--wg-pale) 93.7%,transparent),color-mix(in srgb,var(--wg-pale-2) 96.9%,transparent))!important; border-top-color:var(--wg-accent-hi)!important;box-shadow:0 -8px 22px color-mix(in srgb,var(--wg-accent-lo) 13.3%,transparent)!important} html[data-theme="light"] body .wg-shell-bar a:not(#wg-0){color:var(--wg-s4)} /* /WH2-BAR */ /* RT1 race-track (2026-10-22, owner: трасса на /arena/race при 900–1240 px была «полоской»). Layout only, html.wgf-arena-race. game-fit (>=900 px, height >=560) fits the page into one screen with ONE grid row minmax(0,1fr), but race.css (<=1240 px) stacks the track and the bet panel into one column: the panel took the auto row and the track row got 0 px (only its 22 px padding showed). Now from 900 to 1240 px the track and the bet panel stand side by side, as on wider screens; the track gets the full free height. no extra page scroll. */ @media (min-width:900px) and (max-width:1240px) and (min-height:560px){ html.wgf-arena-race body>main>.page-grid{grid-template-columns:minmax(0,1fr) clamp(290px,32vw,355px)!important;grid-template-rows:minmax(0,1fr)!important;gap:12px!important} html.wgf-arena-race body>main>.page-grid>section.race-stage{grid-column:1!important;grid-row:1!important} html.wgf-arena-race body>main>.page-grid>aside.bet-panel{grid-column:2!important;grid-row:1!important;max-width:none;padding-bottom:76px!important} /* the page already fits one screen: the help-button spacer only added ~84 px of empty scroll; the bet panel keeps room under its last row instead */ html.wgf-arena-race body>.wg-help-spacer{display:none!important} } /* round-status tiles: 4 in a row broke labels mid-word in the ~355 px panel ("W-ста|вок"); 2 per row from 900 px up (also on >=1241, same panel width) */ @media (min-width:900px) and (min-height:560px){ html.wgf-arena-race body>main>.page-grid>aside.bet-panel .w-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* /RT1 */ /* CB1 card buttons (2026-10-22, owner: «кнопки криво ... и тут»). One layout for every game card of the catalogue (all rows/carousels: Общие онлайн, Соло, PvP, Номера и кейсы, Карточные, Рулетки и колёса; RU/EN, both themes, PC + phone). Before: card height fixed 196/184 px with overflow:hidden, the live badge (lrk3) added a 17 px line, so on 13 shared cards «Играть» went 6 px below the bottom edge; the button was auto-width (53-125 px) and sat left on Baccarat (row space-between) but right on the rest. Now: the card is a 2-row grid (art / content), content = flex column: range line, title (1 line), description (2 lines, 1 when the live badge is shown; it shrinks first if a font is wider), live badge, then the action button pinned to the bottom with margin-top:auto. Button = full content width, fixed height, centred label + arrow, label ellipsis as a safety net. Card height is fixed (218 PC / 204 phone, +22/+20 px for the live line), so live badges arriving later do not move anything (no CLS). Sizes only; colours/themes of the button stay from the theme kits. */ html body[data-page="games"] #all-games .mp-game-grid{align-items:stretch} html body[data-page="games"] #all-games .mp-game.mp-game{--cb-art:96px;--cb-btn:26px;height:218px!important;min-height:0!important; grid-template-rows:var(--cb-art) minmax(0,1fr)!important;overflow:hidden} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content{display:flex!important;flex-direction:column!important; min-height:0!important;height:auto!important;overflow:hidden;padding:7px 9px 9px!important;box-sizing:border-box} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content>.mp-status{order:0;flex:0 0 auto;align-self:flex-start;max-width:100%; display:block!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;box-sizing:border-box} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content>h3{order:1;flex:0 0 auto;margin:5px 0 2px!important;max-width:100%} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content>p{order:2;flex:0 1 auto;min-height:0;margin:0!important; display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal!important; overflow:hidden;text-overflow:ellipsis;max-height:2.8em!important;overflow-wrap:anywhere} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content:has(>.lrk-live-badge)>p{-webkit-line-clamp:1;line-clamp:1;max-height:1.4em!important} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content>.lrk-live-badge{order:3;flex:0 0 auto;display:flex!important; align-self:stretch;min-width:0;max-width:100%;margin:4px 0 0!important;overflow:hidden;box-sizing:border-box} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content>.lrk-live-badge em{min-width:0;overflow:hidden;text-overflow:ellipsis} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-bottom{order:9;flex:0 0 auto;display:flex!important;align-items:stretch!important; justify-content:stretch!important;gap:0!important;margin:auto 0 0!important;padding:6px 0 0!important;width:100%;min-width:0;box-sizing:border-box} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-action{flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:100%!important; height:var(--cb-btn)!important;min-height:var(--cb-btn)!important;max-height:var(--cb-btn)!important;box-sizing:border-box!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 8px!important;margin:0!important; font-size:10.5px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis;border-radius:7px!important} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-action>span{flex:0 0 auto} /* top plates of the art (mode badge left, heart right) never cover each other */ html body[data-page="games"] #all-games .mp-game.mp-game .wg-mode-badge{max-width:calc(100% - 46px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box} @media(max-width:580px){ html body[data-page="games"] #all-games .mp-game.mp-game{--cb-art:84px;height:204px!important} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-content{padding:6px 8px 8px!important} html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-action{font-size:10px!important;padding:0 6px!important} } @media(max-width:360px){ html body[data-page="games"] #all-games .mp-game.mp-game .mp-card-action{font-size:9.5px!important;gap:3px!important;padding:0 4px!important;letter-spacing:-.01em} } /* /CB1 */ /* FT1 fonts (2026-10-22, owner: «шрифты как на главной везде, во всех вкладках»; 15:58 UTC «ТАК ДЕЛАЙ БЛИЗНЕЦ»). ONE interface font on every page, every tab, modal, table, chat and game UI: Arimo (Apache-2.0, metric twin of Helvetica/Arial), self-hosted in /assets/fonts/arimo/ (latin + cyrillic ~19 KB per weight; 400/500/600/700; heavier weights draw as 700; ₽ in a 4 KB «sym» subset so the 52 KB latin-ext file is only fetched for rare letters). Change of font later = put the woff2 files in /assets/fonts//, copy the @font-face block, change --wg-font-ui. - Before: Manrope was declared but never loaded (manrope.css only inside