/* /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/lrk-catalog-vf1-9bea63fb14.css */
/* WIND GAME live badges in the catalogue (lrk3): phase + countdown + players on every shared card. */
:root{--lrkc-accent:var(--wg-red,#e5243b);--lrkc-green:#36e08a;--lrkc-bg:#0a0d14e6;--lrkc-ink:#f3f6ff;--lrkc-mute:#b9c4d8}
html[data-theme="light"]{--lrkc-bg:#ffffffeb;--lrkc-ink:#14182a;--lrkc-mute:#56607a;--lrkc-green:#12a05a}
.lrk-live-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:4px;padding:1px 7px;border-radius:999px;
  background:color-mix(in srgb,var(--lrkc-green) 12%,transparent);border:1px solid color-mix(in srgb,var(--lrkc-green) 40%,transparent);
  color:var(--lrkc-ink);font:800 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;pointer-events:none}
.lrk-live-badge i{width:7px;height:7px;border-radius:50%;flex:none;background:var(--lrkc-green)}
.lrk-live-badge[data-k="spin"] i{background:var(--lrkc-accent)}
.lrk-live-badge[data-k="next"] i{background:#f4ce73}
.lrk-live-badge[data-k="off"] i{background:#7c8aa0}
.lrk-live-badge b{font-weight:900}
.lrk-live-badge em{font-style:normal;font-weight:700;color:var(--lrkc-mute);font-variant-numeric:tabular-nums}
.lrk-live-badge[data-k="bet"] em{color:var(--lrkc-green)}
.lrk-online{margin-left:10px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:900;vertical-align:middle;white-space:nowrap;
  color:#06210f;background:var(--lrkc-green)}
.lrk-tab-online{margin-left:6px;font-size:11px;font-weight:900;color:var(--lrkc-green);white-space:nowrap}
.lrk-live-copy{opacity:1}
@media (prefers-reduced-motion:no-preference){.lrk-live-badge[data-k="bet"] i{animation:lrkc-blink 1.2s ease-in-out infinite}}
@keyframes lrkc-blink{50%{opacity:.35}}
.lrk-live-badge em::before{content:"· ";color:var(--lrkc-mute)}
.mp-card-content:has(> .lrk-live-badge) > .mp-status{display:inline-flex!important;vertical-align:middle}
.lrk-live-badge{font-size:10.5px}

/* VF1: name and live status get separate rows at every card width. */
html body #all-games .mp-game.mp-game .mp-card-content:has(>.lrk-live-badge){display:flex!important;flex-direction:column!important;gap:4px;min-height:0!important;overflow:hidden}
html body #all-games .mp-game.mp-game .mp-card-content>.lrk-live-badge{position:static!important;inset:auto!important;transform:none!important;order:3;flex:none;align-self:stretch;display:flex!important;margin:2px 0 0!important;min-height:20px;max-width:100%;overflow:hidden;padding:2px 6px;box-sizing:border-box}
html body #all-games .mp-game.mp-game .mp-card-content>.lrk-live-badge em{min-width:0;overflow:hidden;text-overflow:ellipsis}
html body #all-games .mp-game.mp-game .mp-card-content>h3{position:static!important;transform:none!important;order:1;flex:none;margin:0!important;min-height:1.25em;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #all-games .mp-game.mp-game .mp-card-content>p{order:2;flex:none;margin:0!important;line-height:1.4!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-height:1.4em!important;overflow:hidden}
html body #all-games .mp-game.mp-game .mp-card-content>.mp-card-bottom{order:9;flex:none;margin-top:auto!important;padding-top:4px!important}
@media(max-width:580px){
 html body #all-games .mp-game.mp-game:has(.lrk-live-badge){height:218px!important;grid-template-rows:84px minmax(0,1fr)!important}
 html body #all-games .mp-game.mp-game .mp-card-content:has(>.lrk-live-badge){padding:8px!important}
 html body #all-games .mp-game.mp-game .mp-card-content:has(>.lrk-live-badge)>.mp-status{display:none!important}
 html body #all-games .mp-game.mp-game .mp-card-content>h3{font-size:13px!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}