/* WIND GAME top menu + thin live strip on every page (2026-10-21). */

/* ---- right-hand actions in the game header (same pieces as the catalog top bar) */
.wgt-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.wgt-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.wgt-bar{display:flex;justify-content:flex-end;padding:10px 16px}
.wgt-actions .wgt-theme,.wgt-actions .wgt-lang,.wgt-actions .wgt-account{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border-radius:10px;font:700 12px/1.2 inherit;font-family:inherit;text-decoration:none;white-space:nowrap;cursor:pointer}
.wgt-actions .wgt-theme,.wgt-actions .wgt-lang{border:1px solid var(--wg-accent-lo);background:var(--wg-s3);color:var(--wg-text-tint)}
.wgt-actions .wgt-account{border:1px solid var(--wg-accent-hi);background:linear-gradient(140deg,var(--wg-accent),var(--wg-accent));color:#fff}
.wgt-actions .wgt-theme:hover,.wgt-actions .wgt-lang:hover{border-color:var(--wg-accent-hi)}
.wgt-actions :focus-visible{outline:2px solid var(--wg-accent-hi);outline-offset:2px}
html[data-theme="light"] .wgt-actions .wgt-theme,html[data-theme="light"] .wgt-actions .wgt-lang{background:var(--wg-pale);border-color:var(--wg-accent-hi);color:var(--wg-accent-deep)}
@media(max-width:760px){.wgt-actions .wgt-theme,.wgt-actions .wgt-lang{display:none}}
@media(max-width:600px){.wgt-actions .wgt-account{display:none}.wgt-actions{gap:6px}}

/* ---- the «Онлайн + журнал W» strip: thinner everywhere (html body: wins over home-live.css loaded later) */
html body .wg-live-dashboard.wg-live-strip{min-height:34px;margin:0 0 10px;border-radius:10px;box-shadow:inset 0 1px color-mix(in srgb,var(--wg-accent-hi) 10.2%,transparent)}
html body .wg-live-strip .wg-live-panel{min-height:34px;padding:3px 10px;gap:7px}
html body .wg-live-strip .wg-live-kicker{font-size:9px;letter-spacing:.07em}
html body .wg-live-strip .wg-live-online-count{font-size:17px}
html body .wg-live-strip .wg-live-results{gap:6px}
html body .wg-live-strip .wg-live-result,html body .wg-live-strip .wg-live-empty{padding:2px 7px;gap:5px;border-radius:6px}
html body .wg-live-strip .wg-live-result strong,html body .wg-live-strip .wg-live-empty strong{font-size:11px}
html body .wg-live-strip .wg-live-result .wg-live-win{font-size:12px}
html body .wg-live-strip .wg-live-activity .wg-live-win{font-size:11px}
html body .wg-live-strip .wg-live-result small{font-size:9px}
@media(max-width:700px){
  html body .wg-live-dashboard.wg-live-strip{min-height:30px;margin:0 0 8px}
  html body .wg-live-strip .wg-live-panel{min-height:30px;padding:2px 7px;gap:5px}
  html body .wg-live-strip .wg-live-online-count{font-size:15px}
}
/* strip injected into game pages: the same width as the page content */
html body .shell>.wgt-strip{margin:0 auto 10px;width:min(100% - 32px,1180px)}
html body:not(.mp-body)>.wgt-strip{margin:8px 16px}
/* pinned: the strip sticks under the top bar on every tab and while scrolling */
html body .wg-live-dashboard.wg-live-strip.wgt-pinned{position:sticky;z-index:18;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(90deg,color-mix(in srgb,var(--wg-s4) 94.9%,transparent),color-mix(in srgb,var(--wg-s2) 94.9%,transparent) 70%,color-mix(in srgb,var(--wg-s2) 94.9%,transparent))}
html[data-theme="light"] body .wg-live-dashboard.wg-live-strip.wgt-pinned{background:color-mix(in srgb,var(--wg-pale) 94.9%,transparent)}

/* BEGIN AVATARS-KIT v1: avatar on the header «Аккаунт» button. */
.wg-head-ava{flex:none;width:22px;height:22px;margin:-4px 7px -4px -7px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px #ffffff66;background:var(--wg-s2)}
.wg-head-ava.is-art{object-fit:contain;padding:1px;box-sizing:border-box}
.mp-account-link.wg-has-ava,.wgt-account.wg-has-ava{display:inline-flex;align-items:center}
/* END AVATARS-KIT */