/* /assets/blue-ui.css */
/* WIND GAME content palette. The sculpted navigation rail and action buttons stay green. */
html:not([data-theme="light"]) body.mp-body {
  --mp-bg: var(--wg-s0);
  --mp-panel: var(--wg-s2);
  --mp-panel2: var(--wg-s3);
  --mp-line: var(--wg-s5);
  --mp-text: var(--wg-text-tint);
  --mp-muted: var(--wg-text-tint);
  --panel: var(--wg-s2);
  --line: var(--wg-s5);
  --muted: var(--wg-text-tint);
  background: radial-gradient(ellipse at 77% 5%, color-mix(in srgb,var(--wg-accent-deep) 19.2%,transparent), transparent 38%),
    radial-gradient(ellipse at 25% 79%, color-mix(in srgb,var(--wg-s5) 13.7%,transparent), transparent 41%), var(--wg-s0);
}
html:not([data-theme="light"]) body.mp-body .mp-topbar {
  background: color-mix(in srgb,var(--wg-s1) 91.8%,transparent);
  border-color: var(--wg-s5);
}
html:not([data-theme="light"]) body.mp-body .mp-crumb,
html:not([data-theme="light"]) body.mp-body .mp-card-content h3 { color: var(--wg-text-tint); }
html:not([data-theme="light"]) body.mp-body .mp-quick-nav {
  background: color-mix(in srgb,var(--wg-s2) 93.7%,transparent);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover {
  background: var(--wg-s4);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-quick-nav a[aria-current="page"] {
  background: var(--wg-accent-deep);
  border-color: var(--wg-accent);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .mp-promo,
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s4), var(--wg-s2) 77%);
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.mp-body .mp-promo-angock {
  background: linear-gradient(112deg, var(--wg-s5), var(--wg-s2) 77%);
}
html:not([data-theme="light"]) body.mp-body .mp-game,
html:not([data-theme="light"]) body.mp-body .mp-info-panel,
html:not([data-theme="light"]) body.mp-body .mp-profile-stats > div,
html:not([data-theme="light"]) body.mp-body .mp-official-links a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2) 79%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-game:hover,
html:not([data-theme="light"]) body.mp-body .mp-official-links a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > a:hover,
html:not([data-theme="light"]) body.mp-body .mp-favorites-list > button:hover {
  border-color: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 79%);
}
html:not([data-theme="light"]) body.mp-body .mp-card-visual:not(.has-cover):not(.has-cutout) {
  background: radial-gradient(circle at 68% 38%, var(--wg-accent-deep), var(--wg-s3) 64%, var(--wg-s2));
}
html:not([data-theme="light"]) body.mp-body .mp-card-action,
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs button[aria-selected="true"] {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-card-action:hover {
  background: var(--wg-accent);
  color: #fff;
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-tabs,
html:not([data-theme="light"]) body.mp-body .mp-search-label input,
html:not([data-theme="light"]) body.mp-body .mp-lang,
html:not([data-theme="light"]) body.mp-body dialog {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-shelf-panel > p,
html:not([data-theme="light"]) body.mp-body .mp-empty {
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .mp-rule-icon { border-color: var(--wg-accent); }
html:not([data-theme="light"]) body.mp-body .mp-footer,
html:not([data-theme="light"]) body.mp-body .mp-rules-teaser,
html:not([data-theme="light"]) body.mp-body .mp-all-games-head { border-color: var(--wg-s5); }

/* Real illustrated covers take the place of code-drawn card art. */
body[data-page="games"] .mp-game:has(.wg-illustrated-cover)::before { display: none; }
body[data-page="games"] .mp-card-visual.wg-illustrated-cover {
  height: 139px;
  min-height: 0;
  background: var(--wg-s1);
  border-right: 1px solid var(--wg-accent);
}
body[data-page="games"] .wg-illustrated-cover .mp-cover { object-position: center; }
body[data-page="games"] .wg-cover-zero {
  position: absolute;
  z-index: 2;
  left: 11px;
  bottom: 11px;
  padding: 4px 9px;
  border: 1px solid #d9bc74;
  border-radius: 999px;
  background: #081522db;
  box-shadow: 0 4px 15px #0008;
  color: #ffe3a1;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
}

/* Account, profile, achievements, games and community panels follow the same palette. */
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical, .wg-verification, .wg-ach-app .wg-a-header,
  .wg-account-panel, .wg-account-signed, .wg-owner-gate, .wg-owner-overview,
  .wg-owner-mode-section, .wg-owner-card, .wg-r-panel, .wg-r-signin,
  .wg-c-status, .wg-c-auth, .wg-c-card, .wg-c-chat, .sg-board-panel, .sg-aside,
  .mines-controls, .wg-help-panel, .wg-help-block) {
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s1) 83%);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body :is(.wg-canonical-identity, .wg-canonical-arena,
  .wg-canonical-balance:not(.wg-canonical-wallet), .wg-verification-card,
  .wg-a-card, .wg-a-status, .wg-owner-overview-metric, .wg-owner-overview-sources > div,
  .wg-owner-stat, .wg-owner-policy, .wg-r-stats > div, .wg-r-achievement,
  .wg-c-message, .wg-c-w-form, .wg-c-w-history, .wg-help-message) {
  background: var(--wg-s2);
  border-color: var(--wg-accent-lo);
}
html:not([data-theme="light"]) body.mp-body .wg-canonical-wallet {
  background: radial-gradient(circle at 90% 12%, #ad91563d, transparent 37%),
    linear-gradient(118deg, var(--wg-s3), var(--wg-s3) 66%, #3b3327);
  border-color: #b89a55;
}
html:not([data-theme="light"]) body.mp-body :is(.wg-account-tabs, .wg-owner-card input,
  .wg-owner-card select, .wg-owner-card textarea, .wg-c-form input, .wg-c-form textarea,
  .wg-help-fab textarea, .wg-help-fab input, .sg-select, .wg-r-link-row input) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.mp-body .wg-a-header {
  background: radial-gradient(circle at 93% 4%, color-mix(in srgb,var(--wg-accent-lo) 26.7%,transparent), transparent 42%), var(--wg-s3);
}

/* Full-screen registration has its own layout and keeps green calls to action. */
html:not([data-theme="light"]) body.wg-landing-body {
  background: radial-gradient(ellipse at 12% 37%, color-mix(in srgb,var(--wg-accent-deep) 26.3%,transparent), transparent 55%),
    radial-gradient(ellipse at 85% 12%, color-mix(in srgb,var(--wg-accent-deep) 15.3%,transparent), transparent 48%), var(--wg-s0);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-hero, .wg-form-card, .wg-signed) {
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 74%, var(--wg-s1));
  border-color: var(--wg-accent);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-hero {
  background: radial-gradient(circle at 83% 27%, var(--wg-accent-lo), var(--wg-s4) 34%, var(--wg-s3) 63%, var(--wg-s1));
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-verification, .wg-tabs,
  .wg-telegram-password-login, .wg-telegram-password, .wg-status) {
  background: #0a1c32d9;
  border-color: #3c709b;
}
html:not([data-theme="light"]) body.wg-landing-body :is(.wg-form-card input:not([type="checkbox"]),
  .wg-signed input:not([type="checkbox"])) {
  background: var(--wg-s1);
  border-color: var(--wg-accent-lo);
  color: var(--wg-text-tint);
}
html:not([data-theme="light"]) body.wg-landing-body .wg-footer { border-color: var(--wg-s5); }

@media (max-width: 580px) {
  body[data-page="games"] .mp-card-visual.wg-illustrated-cover { height: 128px; }
}

/* /assets/catalog-art.css */
/* Every game object is transparent and clipped to its own card. */
body[data-page="games"] .mp-game::before { display: none; }
body[data-page="games"] .mp-game .mp-card-visual.wg-object-art {
  position: relative;
  isolation: isolate;
  display: block;
  height: 139px;
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #ffffff20;
  background: linear-gradient(145deg, var(--wg-s2), var(--wg-s1));
}
body[data-page="games"] .mp-game .mp-card-visual.wg-object-art::before,
body[data-page="games"] .mp-game .mp-card-visual.wg-object-art::after { display: none; }
body[data-page="games"] .mp-card-visual.wg-object-art .mp-cutout {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: calc(100% - 16px);
  max-width: calc(100% - 16px);
  height: calc(100% - 8px);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  opacity: 1;
  filter: drop-shadow(0 12px 10px #000a);
  transform: translate(-50%, -50%);
  transition: transform .42s cubic-bezier(.18, .72, .24, 1), filter .42s;
}
body[data-page="games"] .mp-card-visual.wg-object-art .mp-card-symbol { display: none; }
body[data-page="games"] .mp-card-visual.wg-object-art .wg-cover-zero { pointer-events: none; }
body[data-page="games"] .wg-object-art .wg-art-prop {
  position: absolute;
  z-index: 2;
  display: block;
  width: 48px;
  height: 48px;
  object-fit: contain;
  pointer-events: none;
  filter: drop-shadow(0 4px 4px #000a);
}
body[data-page="games"] .mp-game-arena .wg-apple {
  right: 10%; top: 23px; width: 45px; height: 45px;
  opacity: 0;
  transform: scale(.25);
}
body[data-page="games"] .mp-game-chicken .mp-cutout { z-index: 3; transform-origin: 56% 83%; }
body[data-page="games"] .mp-game-arena .mp-cutout { transform-origin: 62% 64%; }
/* Only the hovered or keyboard-focused card moves. */
@media (hover: hover) and (pointer: fine) {
  body[data-page="games"] .mp-game:is(:hover, :focus-within) .wg-object-art .mp-cutout {
    transform: translate(-50%, -54%) scale(1.055);
    filter: drop-shadow(0 16px 14px #000b);
  }
  body[data-page="games"] .mp-game-angock:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -53%) rotate(-6deg) scale(1.04); }
  body[data-page="games"] .mp-game-baccarat:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -54%) rotate(5deg) scale(1.06); }
  body[data-page="games"] .mp-game-plinko:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -53%) rotate(-4deg) scale(1.06); }
  body[data-page="games"] .mp-game-hilo:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -54%) rotate(5deg) scale(1.06); }
  body[data-page="games"] .mp-game-keno:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -53%) rotate(-5deg) scale(1.05); }
  body[data-page="games"] .mp-game-mines:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -57%) rotate(4deg) scale(1.07); }
  body[data-page="games"] .mp-game-race:is(:hover, :focus-within) .mp-cutout { transform: translate(-44%, -53%) rotate(-3deg) scale(1.04); }
  body[data-page="games"] .mp-game-roulette:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -50%) rotate(28deg) scale(1.04); }
  body[data-page="games"] .mp-game-rocket:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -58%) rotate(3deg) scale(1.05); }
  body[data-page="games"] .mp-game-coinflip:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -55%) rotate(-9deg) scale(1.06); }
  body[data-page="games"] .mp-game-duel:is(:hover, :focus-within) .mp-cutout { transform: translate(-50%, -54%) rotate(7deg) scale(1.06); }
  body[data-page="games"] .mp-game-chicken:is(:hover, :focus-within) .mp-cutout { animation: wg-chicken-peck 1.9s ease-in-out infinite; }
  body[data-page="games"] .mp-game-arena:is(:hover, :focus-within) .mp-cutout { animation: wg-slither-bite 2.15s ease-in-out infinite; }
  body[data-page="games"] .mp-game-arena:is(:hover, :focus-within) .wg-apple { animation: wg-apple-eaten 2.15s ease-in-out infinite; }
}
@keyframes wg-chicken-peck {
  0%, 13%, 55%, 100% { transform: translate(-50%, -50%) rotate(0); }
  27%, 35% { transform: translate(-49%, -45%) rotate(10deg); }
  43% { transform: translate(-50%, -49%) rotate(-2deg); }
}
@keyframes wg-slither-bite {
  0%, 14%, 60%, 100% { transform: translate(-50%, -50%) rotate(0); }
  34%, 43% { transform: translate(-42%, -52%) rotate(5deg); }
  52% { transform: translate(-48%, -49%) rotate(-2deg); }
}
@keyframes wg-apple-eaten {
  0% { transform: scale(.25); opacity: 0; }
  10%, 29% { transform: scale(1); opacity: 1; }
  43%, 59% { transform: scale(.12); opacity: 0; }
  82%, 95% { transform: scale(1); opacity: 1; }
  100% { transform: scale(.25); opacity: 0; }
}
@media (max-width: 580px) {
  body[data-page="games"] .mp-game .mp-card-visual.wg-object-art { height: 128px; }
  body[data-page="games"] .wg-object-art .wg-art-prop { width: 40px; height: 40px; }
  body[data-page="games"] .mp-game-arena .wg-apple { top: 20px; width: 39px; height: 39px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="games"] .mp-game .wg-object-art .mp-cutout,
  body[data-page="games"] .mp-game .wg-object-art .wg-art-prop { animation: none !important; transition: none !important; }
  body[data-page="games"] .mp-game .mp-card-visual.wg-object-art .mp-cutout { transform: translate(-50%, -50%) !important; }
  body[data-page="games"] .mp-game:is(:hover, :focus-within) .wg-object-art .mp-cutout { transform: translate(-50%, -50%) !important; }
}

/* /assets/action-cyan.css */
/* WIND GAME actions: keep the sculpted sidebar green; use cyan/blue in content. */
html:not([data-theme="light"]) body.mp-body {
  --wg-action-cyan: var(--wg-accent-hi);
  --wg-action-cyan-hover: var(--wg-accent-hi);
  --wg-action-blue: var(--wg-accent-deep);
  --wg-action-border: var(--wg-accent-hi);
  --wg-action-ink: var(--wg-s1);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: var(--wg-action-ink);
  background: linear-gradient(140deg, var(--wg-accent) 0%, var(--wg-action-cyan) 46%, var(--wg-accent) 100%);
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale-2) 72.2%,transparent), 0 6px 20px color-mix(in srgb,var(--wg-accent-lo) 20.4%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-help-tabs button[aria-selected="true"]
):hover {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-action-cyan-hover) 60%, var(--wg-accent));
  border-color: var(--wg-pale-2);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
) {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(
  .mp-theme-toggle,
  .mp-lang,
  .wg-c-button.wg-c-quiet,
  .wg-account-button.ghost,
  .wg-help-tabs button:not([aria-selected="true"])
):hover {
  color: #fff;
  background: linear-gradient(145deg, var(--wg-accent-deep), var(--wg-s4));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .mp-quick-nav a:hover:not([aria-current="page"]) {
  color: var(--wg-text-tint);
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .mp-card-hit:hover ~ .mp-card-content .mp-card-action {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 70%, var(--wg-accent));
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 55%, var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-pale) 72.2%,transparent), 0 8px 24px color-mix(in srgb,var(--wg-accent-lo) 32.9%,transparent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-primary, #age-yes, #welcome-gate .primary):hover {
  color: #fff !important;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent) 60%, var(--wg-accent));
  border-color: var(--wg-pale);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no) {
  color: var(--wg-text-tint);
  background: color-mix(in srgb,var(--wg-s3) 65.9%,transparent);
  border-color: var(--wg-accent);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-home-secondary, #age-no):hover {
  color: #fff !important;
  background: var(--wg-s5);
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-public-help {
  --ph-bg: var(--wg-s2);
  --ph-surface: var(--wg-s3);
  --ph-border: var(--wg-accent-lo);
  --ph-ink: var(--wg-text-tint);
  --ph-muted: var(--wg-text-tint);
  --ph-accent: var(--wg-accent-hi);
  background: linear-gradient(145deg, var(--wg-s4) 0%, var(--wg-s2) 52%, var(--wg-s1) 100%);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary {
  color: var(--wg-text-tint);
  background: linear-gradient(145deg, var(--wg-s3), var(--wg-s2));
  border-color: var(--wg-accent-lo);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help > summary:hover {
  background: linear-gradient(145deg, var(--wg-s5), var(--wg-s3));
  border-color: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body :is(.wg-inline-help-mark, .wg-inline-help-chevron) {
  color: var(--wg-text-tint);
}

html:not([data-theme="light"]) body.mp-body .wg-inline-help-mark {
  background: var(--wg-s5);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab {
  --wg-panel: var(--wg-s2);
  --wg-card: var(--wg-s3);
  --wg-border: var(--wg-accent);
  --wg-text: var(--wg-text-tint);
  --wg-muted: var(--wg-text-tint);
  --wg-accent: var(--wg-accent-hi);
}

html:not([data-theme="light"]) body.mp-body .wg-help-fab form button {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
}

html:not([data-theme="light"]) body.mp-body :is(
  .wg-c-button,
  .wg-account-button,
  .mp-card-action,
  .mp-account-link,
  .mp-quick-nav a,
  .mp-theme-toggle,
  .wg-help-fab button
):focus-visible {
  outline: 3px solid var(--wg-accent-pale);
  outline-offset: 3px;
}

/* The full-screen registration page shares the same action colors. */
html:not([data-theme="light"]) body.wg-landing-body :is(
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent-pale);
  box-shadow: inset 0 1px var(--wg-pale), 0 8px 22px color-mix(in srgb,var(--wg-accent-lo) 18%,transparent);
}

html[data-theme="light"] body.mp-body .wg-public-help {
  --ph-bg: var(--wg-pale);
  --ph-surface: #fff;
  --ph-border: var(--wg-accent-hi);
  --ph-ink: var(--wg-s2);
  --ph-muted: var(--wg-accent-lo);
  --ph-accent: var(--wg-accent-lo);
  background: linear-gradient(145deg, var(--wg-pale), var(--wg-pale));
}

html[data-theme="light"] body.mp-body :is(
  .mp-card-action,
  .mp-account-link,
  .mp-shelf-tabs button[aria-selected="true"],
  .mp-quick-nav a[aria-current="page"],
  .wg-c-button:not(.wg-c-quiet),
  .wg-account-button:not(.ghost),
  .wg-account-tabs button[aria-selected="true"],
  .wg-help-tabs button[aria-selected="true"]
) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

html[data-theme="light"] body.mp-body :is(.wg-home-primary, #age-yes) {
  color: #fff;
  background: linear-gradient(140deg, var(--wg-accent), var(--wg-accent));
  border-color: var(--wg-accent);
}

@media (prefers-reduced-motion: reduce) {
  body.mp-body :is(.mp-card-action, .wg-c-button, .wg-account-button) {
    transition: none;
  }
}

/* /assets/home-live.css */
.wg-live-dashboard {
  display: grid;
  grid-template-columns: minmax(240px, 0.9fr) minmax(0, 3.1fr);
  gap: 14px;
  margin: 22px 0 28px;
  color: var(--wg-text-tint);
}
.wg-live-panel {
  min-width: 0;
  border: 1px solid var(--wg-accent-lo);
  border-radius: 22px;
  background: linear-gradient(145deg, var(--wg-s4), var(--wg-s2) 76%);
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-accent-hi) 14.1%,transparent), 0 18px 42px color-mix(in srgb,var(--wg-s0) 36.1%,transparent);
  padding: 20px 22px;
}
.wg-live-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--wg-text-tint);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.wg-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wg-accent);
  box-shadow: 0 0 12px color-mix(in srgb,var(--wg-accent-hi) 67.8%,transparent);
}
.wg-live-panel h2 {
  margin: 9px 0 2px;
  font-size: clamp(20px, 2vw, 27px);
  letter-spacing: -.045em;
  line-height: 1.12;
}
.wg-live-panel p { margin: 7px 0 0; color: var(--wg-text-tint); font-size: 13px; line-height: 1.45; }
.wg-live-online-count {
  display: block;
  margin-top: 13px;
  color: var(--wg-text-tint);
  font-size: clamp(44px, 5vw, 65px);
  font-weight: 900;
  line-height: .95;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.065em;
}
.wg-live-online-panel p { max-width: 260px; }
.wg-live-wins-head { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.wg-live-source {
  flex: none;
  border: 1px solid var(--wg-accent);
  border-radius: 999px;
  background: var(--wg-s3);
  padding: 5px 9px;
  color: var(--wg-text-tint);
  font-size: 11px;
  font-weight: 700;
}
.wg-live-results {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  list-style: none;
  scrollbar-color: var(--wg-accent-lo) transparent;
  scrollbar-width: thin;
  margin: 14px -5px -5px;
  padding: 3px 5px 8px;
}
.wg-live-result {
  flex: 0 0 min(218px, 77vw);
  min-height: 96px;
  border: 1px solid var(--wg-accent-lo);
  border-radius: 14px;
  background: linear-gradient(155deg, var(--wg-s4), var(--wg-s2));
  padding: 12px 14px;
}
.wg-live-result strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.wg-live-result .wg-live-win { display: block; margin-top: 7px; color: var(--wg-text-tint); font-size: 22px; font-weight: 900; font-variant-numeric: tabular-nums; }
.wg-live-result small { display: block; margin-top: 4px; color: var(--wg-text-tint); font-size: 11px; }
.wg-live-empty {
  display: grid;
  align-content: center;
  min-height: 105px;
  width: 100%;
  border: 1px dashed var(--wg-accent-lo);
  border-radius: 14px;
  background: var(--wg-s2);
  color: var(--wg-text-tint);
  padding: 16px;
}
.wg-live-empty strong { font-size: 15px; }
.wg-live-empty span { color: var(--wg-text-tint); font-size: 12px; margin-top: 4px; }
html[data-theme="light"] body.mp-body .wg-live-panel {
  color: var(--wg-s2);
  background: linear-gradient(145deg, var(--wg-pale), var(--wg-pale) 77%);
  border-color: var(--wg-accent-hi);
  box-shadow: 0 12px 30px color-mix(in srgb,var(--wg-accent-deep) 9.8%,transparent);
}
html[data-theme="light"] body.mp-body .wg-live-kicker,
html[data-theme="light"] body.mp-body .wg-live-online-count { color: var(--wg-accent-lo); }
html[data-theme="light"] body.mp-body .wg-live-panel p,
html[data-theme="light"] body.mp-body .wg-live-empty span { color: var(--wg-accent-lo); }
html[data-theme="light"] body.mp-body .wg-live-source,
html[data-theme="light"] body.mp-body .wg-live-result,
html[data-theme="light"] body.mp-body .wg-live-empty { background: var(--wg-pale); color: var(--wg-accent-deep); border-color: var(--wg-accent-hi); }
html[data-theme="light"] body.mp-body .wg-live-result .wg-live-win { color: var(--wg-accent-lo); }
html[data-theme="light"] body.mp-body .wg-live-result small { color: var(--wg-accent-lo); }
@media (max-width: 850px) {
  .wg-live-dashboard { grid-template-columns: 1fr; }
  .wg-live-online-panel { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 18px; }
  .wg-live-online-panel .wg-live-online-count { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
}
@media (max-width: 550px) {
  .wg-live-dashboard { gap: 10px; margin: 16px 0 23px; }
  .wg-live-panel { border-radius: 17px; padding: 15px 16px; }
  .wg-live-wins-head { flex-wrap: wrap; }
  .wg-live-online-count { font-size: 46px; }
}


/* The live readout belongs above the hero; keep source data intact. */
.wg-live-dashboard.wg-live-strip {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0;
  min-height: 54px;
  margin: 0 0 14px;
  overflow: hidden;
  border: 1px solid var(--wg-accent-lo);
  border-radius: 13px;
  background: linear-gradient(90deg, var(--wg-s4), var(--wg-s2) 70%, var(--wg-s2));
  box-shadow: inset 0 1px color-mix(in srgb,var(--wg-accent-hi) 14.1%,transparent), 0 8px 22px color-mix(in srgb,var(--wg-s0) 33.3%,transparent);
}
.wg-live-strip .wg-live-panel {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 54px;
  padding: 7px 14px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.wg-live-strip .wg-live-online-panel { border-right: 1px solid color-mix(in srgb,var(--wg-accent) 53.3%,transparent); }
.wg-live-strip .wg-live-panel h2,
.wg-live-strip .wg-live-panel p,
.wg-live-strip .wg-live-source { display: none; }
.wg-live-strip .wg-live-kicker { flex: none; font-size: 10px; letter-spacing: .09em; white-space: nowrap; }
.wg-live-strip .wg-live-online-count { display: inline; margin: 0; font-size: 25px; line-height: 1; letter-spacing: -.04em; }
.wg-live-strip .wg-live-wins-panel { overflow: hidden; }
.wg-live-strip .wg-live-wins-head { flex: none; align-items: center; }
.wg-live-strip .wg-live-results { flex: 1; min-width: 0; align-items: center; gap: 9px; margin: 0; padding: 0; white-space: nowrap; }
.wg-live-strip .wg-live-result,
.wg-live-strip .wg-live-empty {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  min-height: 0;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid var(--wg-accent);
  border-radius: 8px;
  background: var(--wg-s4);
  color: var(--wg-text-tint);
}
.wg-live-strip .wg-live-result strong,
.wg-live-strip .wg-live-empty strong { display: inline; font-size: 12px; }
.wg-live-strip .wg-live-result .wg-live-win { display: inline; margin: 0; font-size: 14px; }
.wg-live-strip .wg-live-activity .wg-live-win { font-size: 12px; font-weight: 800; }
.wg-live-strip .wg-live-result small { display: inline; margin: 0; font-size: 10px; }
.wg-live-strip .wg-live-empty span { display: none; }
html[data-theme="light"] body.mp-body .wg-live-strip { background: var(--wg-pale); border-color: var(--wg-accent-hi); box-shadow: none; }
html[data-theme="light"] body.mp-body .wg-live-strip .wg-live-panel { background: none; box-shadow: none; }
@media (max-width: 550px) {
  .wg-live-dashboard.wg-live-strip { margin: 0 0 10px; min-height: 50px; }
  .wg-live-strip .wg-live-panel { min-height: 50px; padding: 6px 9px; gap: 6px; }
  .wg-live-strip .wg-live-kicker { font-size: 9px; letter-spacing: .025em; }
  .wg-live-strip .wg-live-online-count { grid-column: auto; grid-row: auto; font-size: 22px; }
  .wg-live-strip .wg-live-wins-head { display: none; }
  .wg-live-strip .wg-live-results { overflow: hidden; }
  .wg-live-strip .wg-live-empty,
  .wg-live-strip .wg-live-result { overflow: hidden; text-overflow: ellipsis; padding: 4px 6px; }
  .wg-live-strip .wg-live-empty strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; }
  .wg-live-strip .wg-live-result small { display: none; }
}

/* Real W totals and labelled free-practice wins in the top strip. */
.wg-live-stat { border-color: var(--wg-accent); background: var(--wg-s3); }
.wg-live-stat small { color: var(--wg-text-tint); }
.wg-live-stat .wg-live-win { color: var(--wg-text-tint); }
.wg-live-practice { opacity: .86; }
.wg-live-practice .wg-live-win { color: var(--wg-text-tint); }
.wg-live-strip .wg-live-stat small { margin-right: 6px; }
.wg-live-stat .wg-live-stat-short,
.wg-live-strip .wg-live-stat .wg-live-stat-short { display: none; }
@media (max-width: 760px) {
  .wg-live-strip .wg-live-stat .wg-live-stat-long { display: none; }
  .wg-live-strip .wg-live-stat .wg-live-stat-short { display: inline; margin-left: 4px; font-size: 9px; color: var(--wg-text-tint); }
}
.wg-live-strip .wg-live-results.wg-live-ticker {
  flex: none; width: max-content; overflow: visible; padding-right: 9px;
  animation: wg-live-ticker var(--wg-ticker-seconds, 30s) linear infinite;
}
.wg-live-strip .wg-live-results.wg-live-ticker:hover { animation-play-state: paused; }
@keyframes wg-live-ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.wg-live-viewport { flex: 1; min-width: 0; overflow: hidden; display: flex; align-items: center; }
.wg-live-strip .wg-live-result.wg-live-top, .wg-live-top { border-color: #c9a640; background: linear-gradient(135deg, #2b2610, var(--wg-s3)); }
.wg-live-top .wg-live-win { color: #ffd55c; }
.wg-live-top small { color: #e9cf86; }

/* /assets/redesign.css */
/* WIND GAME redesign v3 (spec 2, section 4), menu v4: the side menu keeps the original
   green curved panel and icons (Keval 16:16) with the new layout: larger items and
   Profile / Support / Rules docked at the bottom. Loaded last on every page with the side menu.
   Icons can be swapped for custom art: drop assets/art/nav-<name>.webp|png (see redesign.js). */
:root{--rd-navy:var(--wg-s1);--rd-navy2:var(--wg-s3);--rd-panel:var(--wg-s3);--rd-line:var(--wg-accent-deep);--rd-cyan:var(--wg-accent-hi);--rd-cyan2:var(--wg-accent);--rd-gold:#f4ce73;--rd-lime:var(--wg-accent-hi);--rd-text:var(--wg-text-tint);--rd-muted:var(--wg-text-tint);--rd-dock-h:0px}
html[data-theme="dark"] body.mp-body{--mp-bg:var(--wg-s1);--mp-panel:var(--wg-s3);--mp-panel2:var(--wg-s3);--mp-line:var(--wg-accent-deep);--mp-text:var(--wg-text-tint);--mp-muted:var(--wg-text-tint);background:radial-gradient(1200px 600px at 75% -10%,color-mix(in srgb,var(--wg-s5) 33.3%,transparent),transparent 60%),radial-gradient(900px 500px at 10% 110%,color-mix(in srgb,var(--wg-s4) 25.1%,transparent),transparent 60%),var(--wg-s1)}

/* ---------- side menu ---------- */
html body .mp-side-nav{display:flex;flex-direction:column;justify-content:flex-start;gap:0;flex:1 0 auto;font-size:13.5px}
html body .mp-nav-group{flex:none;align-content:start;gap:3px;padding:7px 0}
html body .mp-side-nav a{min-height:48px;gap:12px;padding:4px 9px 4px 6px;font-weight:700}

/* Profile, Support, Rules: a dock at the bottom of the menu */
html body .mp-nav-group.rd-dock{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px 0 2px;border:0;border-top:1px solid #3a4e3e}
html body .rd-dock a{flex-direction:column;justify-content:center;gap:5px;min-height:80px;padding:8px 2px;border-radius:14px 10px 14px 10px;font-size:11.5px;text-align:center;background:var(--wg-s2);border-color:var(--wg-s4)}
html body .rd-dock a span:last-child{line-height:1.15}
@media(hover:hover){html body .rd-dock a:hover{transform:translateY(-2px)}}

/* ---------- top bar and quick tabs ---------- */
html[data-theme="dark"] body .mp-topbar{background:color-mix(in srgb,var(--wg-s2) 90.2%,transparent);border-bottom-color:var(--wg-accent-deep)}
html[data-theme="dark"] body .mp-quick-nav{background:color-mix(in srgb,var(--wg-s2) 87.8%,transparent);border-bottom-color:var(--wg-accent-deep)}
html[data-theme="dark"] body .mp-quick-nav a{color:var(--wg-text-tint)}@media(min-width:781px){html body .mp-quick-nav a{font-size:13px}}
html[data-theme="dark"] body .mp-quick-nav a:hover{color:#fff;background:var(--wg-s4)}
html[data-theme="dark"] body .mp-quick-nav a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));border-color:var(--wg-accent-pale);box-shadow:0 6px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}
html body .mp-account-link{background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));border-color:var(--wg-accent-pale);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--wg-accent) 27.1%,transparent)}
html body .mp-account-link:hover{background:linear-gradient(180deg,var(--wg-accent),var(--wg-accent));color:#fff!important}

/* ---------- cards and panels ---------- */
html[data-theme="dark"] body .mp-game{background:linear-gradient(160deg,var(--wg-s4) 0%,var(--wg-s3) 55%,var(--wg-s2) 100%);border-color:var(--wg-accent-lo);box-shadow:0 10px 26px #0006,inset 0 1px #ffffff14;transition:border-color .2s,transform .2s,box-shadow .2s}
@media(hover:hover){html[data-theme="dark"] body .mp-game:hover{border-color:var(--wg-accent-hi);transform:translateY(-3px);box-shadow:0 16px 34px #0008,0 0 0 1px color-mix(in srgb,var(--wg-accent-hi) 33.3%,transparent),0 0 26px color-mix(in srgb,var(--wg-accent-hi) 18.8%,transparent)}}
html[data-theme="dark"] body .mp-promo,html[data-theme="dark"] body .wg-live-panel,html[data-theme="dark"] body .wg-live-dashboard{border-color:var(--wg-accent-lo);box-shadow:0 12px 28px #0006,inset 0 1px #ffffff14}
html[data-theme="dark"] body .wg-home-hero{border-color:var(--wg-accent-lo);box-shadow:0 18px 40px #0007,0 0 40px color-mix(in srgb,var(--wg-accent) 11%,transparent),inset 0 1px #ffffff1a}
@media(hover:hover){html[data-theme="dark"] body .mp-promo:hover{border-color:var(--wg-accent-hi);box-shadow:0 16px 34px #0008,0 0 26px color-mix(in srgb,var(--wg-accent-hi) 18.8%,transparent)}}
html[data-theme="dark"] body .wg-catalog-section-head h2,html[data-theme="dark"] body .mp-content h1{text-shadow:0 2px 18px color-mix(in srgb,var(--wg-accent) 25.1%,transparent)}

/* ---------- mobile bottom bar ---------- */
.rd-bottom-bar{display:none}
@media(max-width:780px){
  :root{--rd-dock-h:calc(66px + env(safe-area-inset-bottom))}
  html body .mp-nav-group.rd-dock{display:none}
  .rd-bottom-bar{position:fixed;z-index:60;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:var(--rd-dock-h);padding:6px 6px env(safe-area-inset-bottom);background:linear-gradient(180deg,color-mix(in srgb,var(--wg-s2) 94.9%,transparent),color-mix(in srgb,var(--wg-s1) 98%,transparent));border-top:1px solid var(--wg-accent-lo);box-shadow:0 -10px 28px #0008;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .rd-bottom-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;border-radius:14px;color:var(--wg-text-tint);font-size:10.5px;font-weight:800;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .rd-bottom-bar a .rd-bb-icon{width:32px;height:32px;border-radius:10px;background-position:center;background-size:contain;background-repeat:no-repeat;box-shadow:0 3px 8px #0007}
  .rd-bottom-bar a span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .rd-bottom-bar a[aria-current="page"]{color:#fff;background:linear-gradient(180deg,var(--wg-s4),var(--wg-s3));box-shadow:inset 0 2px var(--wg-accent-hi)}
  .rd-bottom-bar a:active{transform:scale(.95)}
  body.mp-body{padding-bottom:var(--rd-dock-h)}
  body.mp-body .wg-help-fab{bottom:calc(var(--rd-dock-h) + 12px)!important}
  body.mp-body.menu-open .rd-bottom-bar{display:none}
}
.rd-bb-games .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23c8f477'/%3E%3Cstop offset='.43' stop-color='%233d8d65'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M13 23c-5-1-7 2-9 13-2 9 2 14 9 11l9-7h20l9 7c7 3 11-2 9-11-2-11-4-14-9-13-9 2-27 2-38 0Z' fill='url("/assets/%23body")' stroke='%23a6c494' stroke-width='2'/%3E%3Cpath d='M12 26c12 4 28 4 40 0' fill='none' stroke='%23eaffdc' stroke-opacity='.6' stroke-width='2'/%3E%3Cpath d='M17 31v12m-6-6h12' stroke='%23d2efad' stroke-width='4' stroke-linecap='round'/%3E%3Ccircle cx='43' cy='34' r='3' fill='%23f4ce76'/%3E%3Ccircle cx='50' cy='40' r='3' fill='%2386d5c0'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-tournaments .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23ffe69e'/%3E%3Cstop offset='.43' stop-color='%23ad7324'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M17 9h30v18c0 11-6 18-15 18s-15-7-15-18Z' fill='url("/assets/%23body")' stroke='%23ffe4a1' stroke-width='2'/%3E%3Cpath d='M17 17H8v8c0 9 5 12 12 12m27-20h9v8c0 9-5 12-12 12' fill='none' stroke='%23ebc775' stroke-width='4'/%3E%3Cpath d='M32 45v8m-13 4h26' stroke='%23ffe4a1' stroke-width='4' stroke-linecap='round'/%3E%3Cpath d='m32 16 3 6 7 .9-5 4.7 1.2 7-6.2-3.3-6.2 3.3 1.2-7-5-4.7 7-.9Z' fill='%23fff4c6'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-profile .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23b2efff'/%3E%3Cstop offset='.43' stop-color='%234783a1'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M32 5 51 13v26c0 11-8 18-19 21C21 57 13 50 13 39V13Z' fill='url("/assets/%23body")' stroke='%23cef2ff' stroke-width='3'/%3E%3Ccircle cx='32' cy='26' r='8' fill='%23e5fdff'/%3E%3Cpath d='M20 46c1-8 5-12 12-12s11 4 12 12' fill='%23d6f8ff'/%3E%3Cpath d='M16 15 32 8l16 7' fill='none' stroke='%23ffffff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-support .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23fff0ad'/%3E%3Cstop offset='.43' stop-color='%23a98335'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M10 34v-8c0-13 9-21 22-21s22 8 22 21v8' fill='none' stroke='url("/assets/%23body")' stroke-width='9' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Crect x='46' y='29' width='13' height='22' rx='5' fill='url("/assets/%23body")' stroke='%23fff1b7' stroke-width='2'/%3E%3Cpath d='M53 50c-3 7-9 9-18 9' fill='none' stroke='%23fff1b7' stroke-width='3'/%3E%3Ccircle cx='31' cy='58' r='4' fill='%23fff2b4'/%3E%3C/g%3E%3C/svg%3E")}
.rd-bb-rules .rd-bb-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' aria-hidden='true'%3E%3Cdefs%3E%3ClinearGradient id='body' x1='.12' y1='0' x2='.9' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop stop-color='%23cbd8ff'/%3E%3Cstop offset='.43' stop-color='%236478ac'/%3E%3Cstop offset='1' stop-color='%23162a25'/%3E%3C/linearGradient%3E%3Cfilter id='shadow' x='-30%25' y='-30%25' width='160%25' height='170%25'%3E%3CfeDropShadow dx='0' dy='3' stdDeviation='2' flood-color='%23000' flood-opacity='.56'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23shadow)'%3E%3Cpath d='M6 10c12-4 20-2 26 2 6-4 14-6 26-2v42c-12-4-20-2-26 2-6-4-14-6-26-2V10Z' fill='url("/assets/%23body")' stroke='%23d8ddff' stroke-width='2'/%3E%3Cpath d='M32 12v42M13 20h12m-12 8h12m-12 8h10m17-16h12m-12 8h12m-12 8h10' stroke='%23eef0ff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 12c9-3 17-2 24 2 7-4 15-5 24-2' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E")}

/* Custom art dropped into assets/art/ wins over the built-in set. */
html.art-nav-games .mp-nav-games .mp-nav-glyph::after,html.art-nav-games .rd-bb-games .rd-bb-icon{background-image:var(--art-nav-games)!important}
html.art-nav-lobby .mp-nav-lobby .mp-nav-glyph::after{background-image:var(--art-nav-lobby)!important}
html.art-nav-rounds .mp-nav-rounds .mp-nav-glyph::after{background-image:var(--art-nav-rounds)!important}
html.art-nav-challenges .mp-nav-challenges .mp-nav-glyph::after{background-image:var(--art-nav-challenges)!important}
html.art-nav-rankings .mp-nav-rankings .mp-nav-glyph::after{background-image:var(--art-nav-rankings)!important}
html.art-nav-tournaments .mp-nav-tournaments .mp-nav-glyph::after,html.art-nav-tournaments .rd-bb-tournaments .rd-bb-icon{background-image:var(--art-nav-tournaments)!important}
html.art-nav-referrals .mp-nav-referrals .mp-nav-glyph::after{background-image:var(--art-nav-referrals)!important}
html.art-nav-share .mp-nav-share .mp-nav-glyph::after{background-image:var(--art-nav-share)!important}
html.art-nav-community .mp-nav-community .mp-nav-glyph::after{background-image:var(--art-nav-community)!important}
html.art-nav-profile .mp-nav-profile .mp-nav-glyph::after,html.art-nav-profile .rd-bb-profile .rd-bb-icon{background-image:var(--art-nav-profile)!important}
html.art-nav-support .mp-nav-support .mp-nav-glyph::after,html.art-nav-support .rd-bb-support .rd-bb-icon{background-image:var(--art-nav-support)!important}
html.art-nav-rules .mp-nav-rules .mp-nav-glyph::after,html.art-nav-rules .rd-bb-rules .rd-bb-icon{background-image:var(--art-nav-rules)!important}

/* ---------- light theme ---------- */
html[data-theme="light"] body .rd-dock a{background:var(--wg-pale-2);border-color:var(--wg-accent-hi)}
html[data-theme="light"] body .mp-nav-group.rd-dock{border-top-color:#b1c8ad}
@media(max-width:780px){html[data-theme="light"] .rd-bottom-bar{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));border-top-color:var(--wg-accent-hi);box-shadow:0 -8px 22px color-mix(in srgb,var(--wg-accent-lo) 13.3%,transparent)}html[data-theme="light"] .rd-bottom-bar a{color:var(--wg-s4)}html[data-theme="light"] .rd-bottom-bar a[aria-current="page"]{color:#fff;background:var(--wg-accent);box-shadow:inset 0 2px var(--wg-accent-lo)}}
@media(prefers-reduced-motion:reduce){html body .mp-side-nav a,html[data-theme="dark"] body .mp-game{transition:none!important;transform:none!important}}
@media(min-width:781px) and (max-height:860px){html body .mp-side-nav a{min-height:42px}html body .rd-dock a{min-height:70px}html body .mp-nav-group{padding:4px 0}}

/* ---------- light theme: readable text (contrast pass, 4.5:1 body / 3:1 large) ---------- */
html[data-theme="light"] body .mp-footer a{color:#4b5f50}
html[data-theme="light"] body .mp-footer a:hover{color:var(--wg-s4)}
html[data-theme="light"] body .sg-back{color:var(--wg-accent-lo)}
html[data-theme="light"] body .sg-rules b{color:inherit}
html[data-theme="light"] body .sg-controls .sg-label{color:var(--wg-text-tint)}
html[data-theme="light"] body .wg-catalog-section-head .wg-home-section-kicker,html[data-theme="light"] body .wg-home-section-kicker{color:#7a5a0c}
html[data-theme="light"] body .wg-live-kicker,html[data-theme="light"] body .wg-ph-eyebrow,html[data-theme="light"] body .wg-ph-tag{color:var(--wg-accent-lo)!important}
html[data-theme="light"] body .wg-ph-answer a{color:var(--wg-accent-lo)}
html[data-theme="light"] body .eyebrow{color:var(--wg-s4)}
html[data-theme="light"] .hilo-w-page .hilo-kicker{color:#7a5a0c}
html[data-theme="light"] .hilo-w-page .hilo-hero p{color:var(--wg-accent-lo)}
html[data-theme="light"] .hilo-w-page .hilo-panel{color:var(--wg-text-tint)}
/* Signed-in top bar on narrow phones: W chip + theme + language + account link fit without sideways scroll (only while the W chip is shown). */
@media(max-width:580px){html body .mp-topbar:has(.mp-wallet-chip:not([hidden])){padding-right:4px}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden])){min-width:0}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden]))>.mp-account-link{min-width:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:390px){html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden])){gap:3px}html body .mp-top-actions>.mp-wallet-chip:not([hidden]){padding-inline:5px}html body .mp-top-actions:has(>.mp-wallet-chip:not([hidden]))>.mp-lang{padding-inline:4px}}
@media(max-width:360px){html body .mp-topbar:has(.mp-wallet-chip:not([hidden])){gap:4px;padding-left:10px}}