/*
 * Official MZPlay — Predictor Premium Aura + Approved Wingo Effects + Four Lightweight Themes (Version 1.7.0)
 * Scope: /predictor/, /w30s/, /w1m/, /w3m/ and /w5m/ only.
 * CSS-only effects. No effect JavaScript, blur animation or animated shadows.
 */

/* WINGO — LIVE indicator: simple opacity/scale blink. */
[data-official-mzplay-game] .live-dot {
  animation: omzpLiveBlink 1.65s ease-in-out infinite !important;
  transform-origin: center;
}

/* WINGO — one lightweight rotating light layer inside the number ring. */
[data-official-mzplay-game] .orb {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  contain: paint;
}

[data-official-mzplay-game] .orb::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 2px;
  border-radius: 50%;
  pointer-events: none;
  background: conic-gradient(
    from 0deg,
    transparent 0deg 24deg,
    color-mix(in srgb, var(--orb1) 68%, transparent) 38deg,
    rgba(255,255,255,.96) 50deg,
    var(--orb1) 62deg,
    transparent 78deg 204deg,
    color-mix(in srgb, var(--orb2) 64%, transparent) 218deg,
    rgba(255,255,255,.78) 230deg,
    var(--orb2) 242deg,
    transparent 258deg 360deg
  );
  -webkit-mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 8px),
    #000 calc(100% - 7px),
    #000 calc(100% - 2px),
    transparent calc(100% - 1px)
  );
  mask: radial-gradient(
    farthest-side,
    transparent calc(100% - 8px),
    #000 calc(100% - 7px),
    #000 calc(100% - 2px),
    transparent calc(100% - 1px)
  );
  opacity: .9;
  animation: omzpOrbLightRotate 6s linear infinite;
  transform-origin: center;
}

[data-official-mzplay-game] .number {
  position: relative;
  z-index: 2;
}

/*
 * PREDICTOR + WINGO BUTTON SHIMMER
 * Only real CTA controls are targeted. Gift-code and modal-close buttons are excluded.
 */
.official-mzplay-predictor-effects :is(
  .elementor-button,
  .predictor-btn,
  .prediction-btn,
  .game-btn,
  .play-btn,
  button:not(.close-btn):not([aria-label="Close"])
),
.official-mzplay-wingo-effects :is(
  .action-btn,
  .another-btn,
  .claim-now
) {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
}

.official-mzplay-predictor-effects :is(
  .elementor-button,
  .predictor-btn,
  .prediction-btn,
  .game-btn,
  .play-btn,
  button:not(.close-btn):not([aria-label="Close"])
)::after,
.official-mzplay-wingo-effects :is(
  .action-btn,
  .another-btn,
  .claim-now
)::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -75%;
  bottom: -75%;
  left: -32%;
  width: 20%;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(246,199,72,.08) 22%,
    rgba(255,239,174,.48) 40%,
    rgba(255,255,255,.92) 50%,
    rgba(255,231,132,.44) 62%,
    transparent 100%
  );
  transform: translateX(-240%) skewX(-20deg);
  animation: omzpButtonShimmer 5.2s cubic-bezier(.55,.08,.35,1) infinite;
}

/* Small staggering prevents simultaneous flashes without extra scripts. */
.official-mzplay-predictor-effects :is(.elementor-button,.predictor-btn,.prediction-btn,.game-btn,.play-btn,button):nth-of-type(2n)::after,
.official-mzplay-wingo-effects :is(.action-btn,.another-btn,.claim-now):nth-of-type(2n)::after {
  animation-delay: .75s;
}

.official-mzplay-predictor-effects :is(.elementor-button,.predictor-btn,.prediction-btn,.game-btn,.play-btn,button):nth-of-type(3n)::after,
.official-mzplay-wingo-effects :is(.action-btn,.another-btn,.claim-now):nth-of-type(3n)::after {
  animation-delay: 1.35s;
}

/* WINGO — blink only the existing gold top and violet bottom history lines. */
[data-official-mzplay-game] .history::before {
  animation: omzpHistoryGoldBlink 3.1s ease-in-out infinite;
  transform-origin: left center;
}

[data-official-mzplay-game] .history::after {
  animation: omzpHistoryVioletBlink 3.1s ease-in-out infinite .65s;
  transform-origin: right center;
}

@keyframes omzpLiveBlink {
  0%, 100% { opacity: .38; transform: scale(.88); }
  45%, 58% { opacity: 1; transform: scale(1.14); }
}

@keyframes omzpOrbLightRotate {
  to { transform: rotate(360deg); }
}

@keyframes omzpButtonShimmer {
  0%, 68% {
    transform: translateX(-240%) skewX(-20deg);
    opacity: 0;
  }
  72% { opacity: .9; }
  84% {
    transform: translateX(760%) skewX(-20deg);
    opacity: .68;
  }
  85%, 100% {
    transform: translateX(760%) skewX(-20deg);
    opacity: 0;
  }
}

@keyframes omzpHistoryGoldBlink {
  0%, 100% { opacity: .3; transform: scaleX(.78); }
  45%, 58% { opacity: 1; transform: scaleX(1); }
}

@keyframes omzpHistoryVioletBlink {
  0%, 100% { opacity: .28; transform: scaleX(.78); }
  45%, 58% { opacity: 1; transform: scaleX(1); }
}

/* Mobile: lower intensity and slower motion. */
@media (max-width: 620px) {
  [data-official-mzplay-game] .live-dot {
    animation-duration: 2s !important;
  }

  [data-official-mzplay-game] .orb::before {
    opacity: .68;
    animation-duration: 7.5s;
  }

  .official-mzplay-predictor-effects :is(
    .elementor-button,
    .predictor-btn,
    .prediction-btn,
    .game-btn,
    .play-btn,
    button:not(.close-btn):not([aria-label="Close"])
  )::after,
  .official-mzplay-wingo-effects :is(
    .action-btn,
    .another-btn,
    .claim-now
  )::after {
    width: 17%;
    opacity: 0;
    animation-duration: 6.4s;
  }

  [data-official-mzplay-game] .history::before,
  [data-official-mzplay-game] .history::after {
    animation-duration: 3.8s;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-official-mzplay-game] .live-dot,
  [data-official-mzplay-game] .orb::before,
  .official-mzplay-predictor-effects :is(
    .elementor-button,
    .predictor-btn,
    .prediction-btn,
    .game-btn,
    .play-btn,
    button:not(.close-btn):not([aria-label="Close"])
  )::after,
  .official-mzplay-wingo-effects :is(
    .action-btn,
    .another-btn,
    .claim-now
  )::after,
  [data-official-mzplay-game] .history::before,
  [data-official-mzplay-game] .history::after {
    animation: none !important;
  }
}

/* ========================================================================
 * PREDICTOR REVIEW 1 — premium ambient lighting only.
 * Wingo selectors above remain unchanged.
 * ===================================================================== */
body.official-mzplay-predictor-effects {
  --omzp-predictor-gold: #f2c861;
  --omzp-predictor-gold-strong: #ffe6a4;
  --omzp-predictor-gold-soft: rgba(242,200,97,.16);
  background-color: #040403 !important;
  background-image:
    radial-gradient(circle at 50% -10%, rgba(242,200,97,.14), transparent 30%),
    linear-gradient(180deg, #0a0907 0%, #050504 48%, #020202 100%) !important;
  background-attachment: fixed !important;
}

body.official-mzplay-predictor-effects .omzp-predictor-stage {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid rgba(242,200,97,.20);
  background:
    linear-gradient(180deg, rgba(15,13,10,.98), rgba(6,5,4,.985)),
    #050504;
  box-shadow:
    0 18px 48px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.028);
}

body.official-mzplay-predictor-effects .omzp-predictor-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 10%, rgba(242,200,97,.12), transparent 26%),
    radial-gradient(circle at 18% 88%, rgba(242,200,97,.05), transparent 28%),
    radial-gradient(circle at 84% 72%, rgba(242,200,97,.05), transparent 30%),
    linear-gradient(180deg, rgba(255,230,164,.02), transparent 32%, transparent 70%, rgba(242,200,97,.03));
}

@property --omzp-border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

body.official-mzplay-predictor-effects .omzp-predictor-stage::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  padding: 2px;
  border-radius: inherit;
  pointer-events: none;
  opacity: .94;
  background: conic-gradient(
    from var(--omzp-border-angle),
    transparent 0deg 292deg,
    rgba(242,200,97,.10) 304deg,
    rgba(242,200,97,.72) 322deg,
    rgba(255,248,214,.98) 336deg,
    rgba(255,220,112,.82) 348deg,
    transparent 360deg
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: omzpPredictorBorderOrbit 8.4s linear infinite;
  will-change: background;
}

body.official-mzplay-predictor-effects .omzp-predictor-stage > * {
  position: relative;
  z-index: 1;
}

body.official-mzplay-predictor-effects .omzp-predictor-heading {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  padding-bottom: 13px;
  color: #fff2c2 !important;
  text-shadow: 0 0 12px rgba(242,200,97,.16);
}

body.official-mzplay-predictor-effects .omzp-predictor-heading::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 0;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(242,200,97,.18), var(--omzp-predictor-gold), var(--omzp-predictor-gold-strong), var(--omzp-predictor-gold), rgba(242,200,97,.18), transparent);
  opacity: .9;
}

body.official-mzplay-predictor-effects .omzp-predictor-stage .hero-content::after {
  background: linear-gradient(90deg, rgba(242,200,97,.10) 0%, rgba(242,200,97,.52) 20%, rgba(255,244,194,.98) 50%, rgba(242,200,97,.58) 80%, rgba(242,200,97,.10) 100%) !important;
  background-size: 200% 100% !important;
  animation: omzpPredictorDividerSweep 6.2s ease-in-out infinite;
  opacity: .88;
}


body.official-mzplay-predictor-effects .omzp-predictor-game-cta {
  border-color: rgba(242,200,97,.38) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .2s ease, border-color .2s ease;
}

body.official-mzplay-predictor-effects .omzp-predictor-game-cta:hover,
body.official-mzplay-predictor-effects .omzp-predictor-game-cta:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(255,230,140,.68) !important;
}

@keyframes omzpPredictorBorderOrbit {
  to { --omzp-border-angle: 360deg; }
}


@keyframes omzpPredictorDividerSweep {
  0%, 100% { background-position: 0% 50%; opacity: .56; }
  50% { background-position: 100% 50%; opacity: .96; }
}

@media (max-width: 620px) {
  body.official-mzplay-predictor-effects {
    background-attachment: scroll !important;
  }

  body.official-mzplay-predictor-effects .omzp-predictor-stage {
    border-radius: 18px;
  }

  body.official-mzplay-predictor-effects .omzp-predictor-stage::after {
    padding: 1.5px;
    animation-duration: 10.2s;
    opacity: .82;
  }

  body.official-mzplay-predictor-effects .omzp-predictor-stage .hero-content::after {
    animation-duration: 7.2s;
    opacity: .78;
  }

}

@media (prefers-reduced-motion: reduce) {
  body.official-mzplay-predictor-effects .omzp-predictor-stage::after,
  body.official-mzplay-predictor-effects .omzp-predictor-stage .hero-content::after {
    animation: none !important;
  }

  body.official-mzplay-predictor-effects .omzp-predictor-game-cta {
    transition: none !important;
  }
}

/* Three-language selector: dedicated row, so it never covers the Wingo topbar text. */
[data-official-mzplay-game] .omzp-wingo-language{
  position:relative;
  width:max-content;
  max-width:calc(100% - 20px);
  margin:8px 12px 0 auto;
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(246,199,72,.22);
  border-radius:11px;
  background:rgba(5,6,8,.94);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  z-index:5;
}
[data-official-mzplay-game] .omzp-wingo-language button,
body.official-mzplay-predictor-effects .lang-btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-width:36px;
  min-height:29px;
  padding:5px 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#d8d0c3;
  font:900 9px/1 Inter,"Segoe UI",Arial,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease;
}
[data-official-mzplay-game] .omzp-wingo-language button::after,
body.official-mzplay-predictor-effects .lang-btn::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  bottom:-70%;
  left:-55%;
  width:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(255,246,205,.96),transparent);
  transform:translateX(-220%) skewX(-18deg);
}
[data-official-mzplay-game] .omzp-wingo-language button:hover,
[data-official-mzplay-game] .omzp-wingo-language button:focus-visible,
body.official-mzplay-predictor-effects .lang-btn:hover,
body.official-mzplay-predictor-effects .lang-btn:focus-visible{
  border-color:rgba(246,199,72,.42);
  color:#fff0bd;
  outline:none;
}
[data-official-mzplay-game] .omzp-wingo-language button.active,
body.official-mzplay-predictor-effects .lang-btn.active{
  color:#090909;
  background:linear-gradient(145deg,#fff1b3,#d7a82d);
  border-color:rgba(255,242,190,.76);
  box-shadow:0 0 0 1px rgba(246,199,72,.08),inset 0 1px 0 rgba(255,255,255,.44);
}
[data-official-mzplay-game] .omzp-wingo-language button.active::after,
body.official-mzplay-predictor-effects .lang-btn.active::after{
  animation:omzpLanguageActiveSweep 3.8s ease-in-out infinite;
}
[data-official-mzplay-game] .omzp-wingo-language button.omzp-lang-pressed,
body.official-mzplay-predictor-effects .lang-btn.omzp-lang-pressed{
  animation:omzpLanguagePress .42s ease-out 1;
}
[data-official-mzplay-game] .omzp-wingo-language button:active,
body.official-mzplay-predictor-effects .lang-btn:active{
  transform:scale(.96);
}
@keyframes omzpLanguageActiveSweep{
  0%,66%{transform:translateX(-220%) skewX(-18deg);opacity:0}
  72%{opacity:.78}
  86%{transform:translateX(650%) skewX(-18deg);opacity:.54}
  87%,100%{transform:translateX(650%) skewX(-18deg);opacity:0}
}
@keyframes omzpLanguagePress{
  0%{transform:scale(.96)}
  52%{transform:scale(1.045)}
  100%{transform:scale(1)}
}
@media(max-width:620px){
  [data-official-mzplay-game] .omzp-wingo-language{
    margin:7px 8px 0 auto;
    padding:3px;
    gap:3px;
  }
  [data-official-mzplay-game] .omzp-wingo-language button{
    min-width:32px;
    min-height:27px;
    padding:4px 6px;
    font-size:8px;
  }
}
@media(prefers-reduced-motion:reduce){
  [data-official-mzplay-game] .omzp-wingo-language button,
  body.official-mzplay-predictor-effects .lang-btn{
    transition:none!important;
  }
  [data-official-mzplay-game] .omzp-wingo-language button::after,
  [data-official-mzplay-game] .omzp-wingo-language button.omzp-lang-pressed,
  body.official-mzplay-predictor-effects .lang-btn::after,
  body.official-mzplay-predictor-effects .lang-btn.omzp-lang-pressed{
    animation:none!important;
  }
}


/* ========================================================================
 * WINGO FOUR IDENTITIES — v1.7.0
 * Static CSS only: no new JavaScript, polling, canvas, video, filter or
 * continuous theme animation. Existing approved motion remains unchanged.
 * ===================================================================== */

/* Theme tokens. Prediction result colours remain untouched. */
body.official-mzplay-wingo-effects [data-official-mzplay-game="w30s"]{
  --omzp-theme-accent:#d64b58;
  --omzp-theme-accent-light:#ff9ca6;
  --omzp-theme-accent-dark:#3a0c12;
  --omzp-theme-accent-rgb:214,75,88;
  --omzp-theme-card-radius:15px;
  --omzp-theme-shell-radius:20px;
  --omzp-theme-pattern:repeating-linear-gradient(135deg,rgba(214,75,88,.038) 0 1px,transparent 1px 15px);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w1m"]{
  --omzp-theme-accent:#3d8eff;
  --omzp-theme-accent-light:#9dc8ff;
  --omzp-theme-accent-dark:#071b39;
  --omzp-theme-accent-rgb:61,142,255;
  --omzp-theme-card-radius:18px;
  --omzp-theme-shell-radius:24px;
  --omzp-theme-pattern:linear-gradient(rgba(61,142,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(61,142,255,.032) 1px,transparent 1px);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w3m"]{
  --omzp-theme-accent:#a66cff;
  --omzp-theme-accent-light:#d8b8ff;
  --omzp-theme-accent-dark:#211039;
  --omzp-theme-accent-rgb:166,108,255;
  --omzp-theme-card-radius:22px;
  --omzp-theme-shell-radius:28px;
  --omzp-theme-pattern:radial-gradient(circle at 50% 35%,transparent 0 22%,rgba(166,108,255,.045) 22.5%,transparent 23.5%,transparent 37%,rgba(166,108,255,.03) 37.5%,transparent 38.5%);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w5m"]{
  --omzp-theme-accent:#2fbd85;
  --omzp-theme-accent-light:#9ce5c5;
  --omzp-theme-accent-dark:#08291d;
  --omzp-theme-accent-rgb:47,189,133;
  --omzp-theme-card-radius:19px;
  --omzp-theme-shell-radius:23px;
  --omzp-theme-pattern:linear-gradient(120deg,transparent 0 47%,rgba(47,189,133,.035) 47.5% 48.5%,transparent 49% 100%);
}

/* Shared premium structure. Only colours, static backgrounds and radii vary. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] .shell{
  border-radius:var(--omzp-theme-shell-radius);
  border-color:rgba(var(--omzp-theme-accent-rgb),.48);
  background:
    var(--omzp-theme-pattern),
    radial-gradient(circle at 50% -12%,rgba(var(--omzp-theme-accent-rgb),.14),transparent 31%),
    linear-gradient(180deg,#090b0f,#030405 78%);
  background-size:auto,auto,auto;
  box-shadow:0 20px 54px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.025);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w1m"] .shell{
  background-size:26px 26px,26px 26px,auto,auto;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w5m"] .shell{
  background-size:84px 84px,auto,auto;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .topbar{
  border-bottom-color:rgba(var(--omzp-theme-accent-rgb),.24);
  background:
    linear-gradient(90deg,transparent,rgba(var(--omzp-theme-accent-rgb),.10),transparent),
    linear-gradient(180deg,#101318,#07090c);
  box-shadow:inset 0 -1px 0 rgba(var(--omzp-theme-accent-rgb),.20);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .brand{
  color:#fff1bd;
  text-shadow:0 0 14px rgba(var(--omzp-theme-accent-rgb),.20);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.card,.pick,.history){
  border-radius:var(--omzp-theme-card-radius);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .card{
  border-color:rgba(var(--omzp-theme-accent-rgb),.22);
  background:
    radial-gradient(circle at 50% 0,rgba(var(--omzp-theme-accent-rgb),.055),transparent 42%),
    linear-gradient(180deg,#11161c,#080a0e);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .center-card{
  background:
    radial-gradient(circle at 50% 18%,rgba(var(--omzp-theme-accent-rgb),.10),transparent 38%),
    linear-gradient(180deg,#11161c,#080a0e);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.subtitle,.small-title){
  color:var(--omzp-theme-accent-light);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .title{
  color:#fff1bd;
  text-shadow:0 0 16px rgba(var(--omzp-theme-accent-rgb),.18);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .period-box{
  border-color:rgba(var(--omzp-theme-accent-rgb),.38);
  background:linear-gradient(90deg,rgba(var(--omzp-theme-accent-rgb),.06),transparent 48%),#080a0d;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .period-label{
  border-right-color:rgba(var(--omzp-theme-accent-rgb),.22);
  color:var(--omzp-theme-accent-light);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .ring{
  background:conic-gradient(var(--omzp-theme-accent) var(--progress),rgba(255,255,255,.075) 0);
  box-shadow:0 0 0 1px rgba(var(--omzp-theme-accent-rgb),.16),0 0 20px rgba(var(--omzp-theme-accent-rgb),.10);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .ring-inner{
  background:radial-gradient(circle at 50% 30%,rgba(var(--omzp-theme-accent-rgb),.12),#090c10 48%,#030405 78%);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .timer{
  color:#fff8df;
  text-shadow:0 0 12px rgba(var(--omzp-theme-accent-rgb),.18);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .pick{
  border-color:rgba(var(--omzp-theme-accent-rgb),.30);
  background:
    radial-gradient(circle at 50% 82%,color-mix(in srgb,var(--orb1) 16%,transparent),transparent 34%),
    radial-gradient(circle at 50% 0,rgba(var(--omzp-theme-accent-rgb),.065),transparent 44%),
    linear-gradient(180deg,#10151b,#06080b 84%);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .pick-label{
  border-color:rgba(var(--omzp-theme-accent-rgb),.32);
  background:linear-gradient(180deg,color-mix(in srgb,var(--omzp-theme-accent-dark) 42%,#171c22),#0d1116);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .metric{
  border-color:rgba(var(--omzp-theme-accent-rgb),.24);
  background:linear-gradient(90deg,rgba(var(--omzp-theme-accent-rgb),.045),transparent 43%),linear-gradient(180deg,#11161c,#090b0e);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .metric-label{
  border-right-color:rgba(var(--omzp-theme-accent-rgb),.20);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .tips-btn,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .another-btn{
  border-color:rgba(var(--omzp-theme-accent-rgb),.30);
  background:linear-gradient(180deg,rgba(var(--omzp-theme-accent-rgb),.10),rgba(var(--omzp-theme-accent-rgb),.025)),linear-gradient(180deg,#161b21,#0d1014);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .history{
  border-color:rgba(var(--omzp-theme-accent-rgb),.42);
  background:
    radial-gradient(circle at 5% 0,rgba(246,199,72,.085),transparent 28%),
    radial-gradient(circle at 96% 100%,rgba(var(--omzp-theme-accent-rgb),.11),transparent 31%),
    #090b0e;
  box-shadow:-7px -7px 22px rgba(246,199,72,.075),8px 8px 24px rgba(var(--omzp-theme-accent-rgb),.095);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .history::after{
  background:linear-gradient(270deg,var(--omzp-theme-accent-light),var(--omzp-theme-accent),transparent);
  box-shadow:0 0 14px rgba(var(--omzp-theme-accent-rgb),.60);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .history-head{
  border-bottom-color:rgba(var(--omzp-theme-accent-rgb),.18);
  background:
    linear-gradient(90deg,rgba(246,199,72,.07),transparent 40%),
    linear-gradient(270deg,rgba(var(--omzp-theme-accent-rgb),.09),transparent 44%),
    #10141a;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] th{
  background:linear-gradient(180deg,rgba(var(--omzp-theme-accent-rgb),.11),rgba(var(--omzp-theme-accent-rgb),.035)),#11151c;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] tbody tr:nth-child(even){
  background:rgba(var(--omzp-theme-accent-rgb),.026);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .notice{
  border-color:rgba(var(--omzp-theme-accent-rgb),.18);
  background:rgba(var(--omzp-theme-accent-rgb),.035);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .modal-card{
  border-color:rgba(var(--omzp-theme-accent-rgb),.38);
  background:radial-gradient(circle at 50% -10%,rgba(var(--omzp-theme-accent-rgb),.10),transparent 36%),linear-gradient(180deg,#11161c,#06080b);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .modal-head,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .close-btn{
  border-color:rgba(var(--omzp-theme-accent-rgb),.22);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language{
  border-color:rgba(var(--omzp-theme-accent-rgb),.28);
  background:linear-gradient(180deg,rgba(var(--omzp-theme-accent-rgb),.055),transparent),rgba(5,6,8,.96);
}

/* Each identity has one extra static signature; no extra motion. */
body.official-mzplay-wingo-effects [data-official-mzplay-game="w30s"] .center-card{
  border-top-color:rgba(214,75,88,.58);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w1m"] .center-card{
  box-shadow:inset 0 1px 0 rgba(157,200,255,.14),inset 0 -1px 0 rgba(61,142,255,.08);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w3m"] .center-card{
  background:radial-gradient(circle at 50% 36%,transparent 0 25%,rgba(166,108,255,.08) 26%,transparent 27%,transparent 38%,rgba(166,108,255,.045) 39%,transparent 40%),linear-gradient(180deg,#12141b,#08090e);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w5m"] .center-card{
  border-bottom-color:rgba(47,189,133,.48);
  background:linear-gradient(135deg,rgba(47,189,133,.055),transparent 34%),linear-gradient(180deg,#101713,#070a08);
}

@media(max-width:620px){
  body.official-mzplay-wingo-effects [data-official-mzplay-game] .shell{
    box-shadow:0 14px 34px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.02);
  }
  body.official-mzplay-wingo-effects [data-official-mzplay-game] .ring{
    box-shadow:0 0 0 1px rgba(var(--omzp-theme-accent-rgb),.13),0 0 13px rgba(var(--omzp-theme-accent-rgb),.07);
  }
  body.official-mzplay-wingo-effects [data-official-mzplay-game] .history{
    box-shadow:-4px -4px 15px rgba(246,199,72,.055),5px 5px 16px rgba(var(--omzp-theme-accent-rgb),.065);
  }
}

/* ========================================================================
 * WINGO PREMIUM BUTTON IDENTITIES — v1.7.1
 * Theme-coloured dark buttons with a lighter matching shimmer.
 * CSS only; no new JavaScript, polling, canvas, filter or extra keyframes.
 * ===================================================================== */

/* Premium button palette for each Wingo identity. */
body.official-mzplay-wingo-effects [data-official-mzplay-game="w30s"]{
  --omzp-btn-primary-a:#25090f;
  --omzp-btn-primary-b:#74212f;
  --omzp-btn-primary-c:#3d0d16;
  --omzp-btn-secondary-a:#17090c;
  --omzp-btn-secondary-b:#351017;
  --omzp-btn-border:#c76270;
  --omzp-btn-text:#fff0e3;
  --omzp-btn-light-rgb:255,171,184;
  --omzp-btn-core:#ffe5c1;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w1m"]{
  --omzp-btn-primary-a:#06152c;
  --omzp-btn-primary-b:#175398;
  --omzp-btn-primary-c:#0a294f;
  --omzp-btn-secondary-a:#06101f;
  --omzp-btn-secondary-b:#102f59;
  --omzp-btn-border:#5fa9ef;
  --omzp-btn-text:#eef8ff;
  --omzp-btn-light-rgb:149,210,255;
  --omzp-btn-core:#f0f9ff;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w3m"]{
  --omzp-btn-primary-a:#16092c;
  --omzp-btn-primary-b:#64369a;
  --omzp-btn-primary-c:#2b124c;
  --omzp-btn-secondary-a:#10071f;
  --omzp-btn-secondary-b:#351b57;
  --omzp-btn-border:#af79df;
  --omzp-btn-text:#faf0ff;
  --omzp-btn-light-rgb:222,188,255;
  --omzp-btn-core:#fff2ff;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game="w5m"]{
  --omzp-btn-primary-a:#061c14;
  --omzp-btn-primary-b:#17684a;
  --omzp-btn-primary-c:#0b3929;
  --omzp-btn-secondary-a:#05130e;
  --omzp-btn-secondary-b:#123d2d;
  --omzp-btn-border:#55bb93;
  --omzp-btn-text:#effff7;
  --omzp-btn-light-rgb:156,241,207;
  --omzp-btn-core:#f0fff8;
}

/* Primary CTAs: deepest page colour, premium depth, clear hierarchy. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.claim-btn,.claim-now){
  border-color:var(--omzp-btn-border)!important;
  background:linear-gradient(142deg,var(--omzp-btn-primary-a) 0%,var(--omzp-btn-primary-b) 55%,var(--omzp-btn-primary-c) 100%)!important;
  color:var(--omzp-btn-text)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.46)!important;
  box-shadow:
    0 9px 22px rgba(0,0,0,.24),
    0 0 0 1px rgba(var(--omzp-theme-accent-rgb),.08),
    inset 0 1px 0 rgba(var(--omzp-btn-light-rgb),.17)!important;
}

/* Secondary CTAs use the same identity at a calmer intensity. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.tips-btn,.another-btn){
  border-color:rgba(var(--omzp-btn-light-rgb),.34)!important;
  background:linear-gradient(180deg,var(--omzp-btn-secondary-b),var(--omzp-btn-secondary-a))!important;
  color:var(--omzp-btn-text)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.46)!important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(var(--omzp-btn-light-rgb),.10)!important;
}

/* Matching light beam: always lighter than the button underneath. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now)::after{
  width:18%;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(var(--omzp-btn-light-rgb),.06) 20%,
    rgba(var(--omzp-btn-light-rgb),.50) 39%,
    var(--omzp-btn-core) 50%,
    rgba(var(--omzp-btn-light-rgb),.55) 61%,
    rgba(var(--omzp-btn-light-rgb),.08) 80%,
    transparent 100%
  )!important;
  animation-duration:5.8s;
}

/* Premium interaction without adding any continuous effect. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now){
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now):hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now):focus-visible{
  transform:translateY(-1px);
  border-color:rgba(var(--omzp-btn-light-rgb),.72)!important;
  box-shadow:
    0 11px 24px rgba(0,0,0,.28),
    0 0 16px rgba(var(--omzp-theme-accent-rgb),.13),
    inset 0 1px 0 rgba(var(--omzp-btn-light-rgb),.22)!important;
  outline:none;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now):active{
  transform:translateY(0) scale(.985);
}

/* Utility buttons also carry the page identity, but remain visually quiet. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] .close-btn{
  border-color:rgba(var(--omzp-btn-light-rgb),.30)!important;
  background:linear-gradient(180deg,var(--omzp-btn-secondary-b),var(--omzp-btn-secondary-a))!important;
  color:var(--omzp-btn-text)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .close-btn:hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .close-btn:focus-visible{
  border-color:rgba(var(--omzp-btn-light-rgb),.68)!important;
  background:linear-gradient(180deg,var(--omzp-btn-primary-b),var(--omzp-btn-primary-c))!important;
  outline:none;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .gift-code:not(.is-copied){
  border-color:rgba(var(--omzp-btn-light-rgb),.40)!important;
  background:linear-gradient(180deg,var(--omzp-btn-secondary-a),#050607)!important;
  color:rgba(var(--omzp-btn-light-rgb),.96)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .gift-code:not(.is-copied):hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .gift-code:not(.is-copied):focus-visible{
  border-color:rgba(var(--omzp-btn-light-rgb),.72)!important;
  background:linear-gradient(180deg,var(--omzp-btn-secondary-b),var(--omzp-btn-secondary-a))!important;
  outline:none;
}

/* Language buttons inherit each page colour; active sweep uses its lighter tone. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button{
  color:rgba(var(--omzp-btn-light-rgb),.84);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button:hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button:focus-visible{
  border-color:rgba(var(--omzp-btn-light-rgb),.46);
  color:var(--omzp-btn-text);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button.active{
  color:var(--omzp-btn-text);
  background:linear-gradient(145deg,var(--omzp-btn-primary-b),var(--omzp-btn-primary-c));
  border-color:rgba(var(--omzp-btn-light-rgb),.68);
  box-shadow:inset 0 1px 0 rgba(var(--omzp-btn-light-rgb),.20),0 0 0 1px rgba(var(--omzp-theme-accent-rgb),.08);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button::after{
  background:linear-gradient(90deg,transparent,rgba(var(--omzp-btn-light-rgb),.22),var(--omzp-btn-core),rgba(var(--omzp-btn-light-rgb),.28),transparent);
}

@media(max-width:620px){
  body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.claim-btn,.claim-now,.tips-btn,.another-btn){
    box-shadow:0 6px 15px rgba(0,0,0,.20),inset 0 1px 0 rgba(var(--omzp-btn-light-rgb),.09)!important;
  }
  body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now)::after{
    width:16%;
    animation-duration:6.6s;
  }
}

@media(prefers-reduced-motion:reduce){
  body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.action-btn,.another-btn,.claim-now){
    transition:none!important;
  }
}


/* ========================================================================
 * WINGO REVIEW POLISH — v1.7.2
 * Lightweight CSS-only finishing pass from mobile review screenshots.
 * No timer, prediction, history, language or Mother logic changes.
 * ===================================================================== */

/* Keep Official MZPlay gold, with a restrained tint from each page identity. */
body.official-mzplay-wingo-effects [data-official-mzplay-game]{
  --omzp-premium-border:color-mix(in srgb,#e8c96c 78%,var(--omzp-theme-accent) 22%);
  --omzp-premium-border-soft:color-mix(in srgb,rgba(232,201,108,.30) 78%,rgba(var(--omzp-theme-accent-rgb),.30) 22%);
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .shell{
  border-color:color-mix(in srgb,var(--omzp-premium-border) 64%,transparent)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.card,.pick,.metric,.period-box){
  border-color:color-mix(in srgb,var(--omzp-premium-border) 31%,transparent)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .history{
  border-color:color-mix(in srgb,var(--omzp-premium-border) 49%,transparent)!important;
  box-shadow:
    -6px -6px 20px rgba(246,199,72,.065),
    7px 7px 22px rgba(var(--omzp-theme-accent-rgb),.082),
    inset 0 0 0 1px rgba(var(--omzp-theme-accent-rgb),.035)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] :is(.metric-label,.period-label){
  border-color:color-mix(in srgb,var(--omzp-premium-border) 25%,transparent)!important;
}

/* W30S: lift the first/Tips button one step above black without competing with Claim. */
body.official-mzplay-wingo-effects [data-official-mzplay-game="w30s"] .tips-btn{
  border-color:rgba(255,171,184,.43)!important;
  background:linear-gradient(180deg,#4b1520 0%,#260b12 100%)!important;
  box-shadow:
    0 7px 18px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,194,202,.14)!important;
}

/* Compact common WhatsApp floating widgets on Wingo mobile pages. */
@media(max-width:700px){
  body.official-mzplay-wingo-effects .joinchat{
    --s:58px!important;
    --side:5px!important;
    --bottom:72px!important;
  }
  body.official-mzplay-wingo-effects #ht-ctc-chat,
  body.official-mzplay-wingo-effects .ht-ctc-chat,
  body.official-mzplay-wingo-effects .qlwapp,
  body.official-mzplay-wingo-effects .wa__btn_popup,
  body.official-mzplay-wingo-effects .floating-wpp,
  body.official-mzplay-wingo-effects .njt-whatsapp{
    right:5px!important;
    bottom:72px!important;
  }
  body.official-mzplay-wingo-effects #ht-ctc-chat img,
  body.official-mzplay-wingo-effects .ht-ctc-chat img,
  body.official-mzplay-wingo-effects .wa__btn_popup img,
  body.official-mzplay-wingo-effects .floating-wpp img,
  body.official-mzplay-wingo-effects .njt-whatsapp img{
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
  }
}


/* v1.8.1 — always show MEMBERS ONLINE label before the value on every Wingo page. */
[data-official-mzplay-game] .omzp-wingo-toolbar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px 0;
}
[data-official-mzplay-game] .omzp-wingo-toolbar .omzp-wingo-language{
  flex:0 0 auto;
  margin:0;
  max-width:none;
}
[data-official-mzplay-game] .omzp-members-online{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 11px;
  border:1px solid rgba(84,223,108,.34);
  border-radius:11px;
  background:linear-gradient(180deg,rgba(84,223,108,.09),rgba(5,8,7,.96));
  color:#eaffed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  font-variant-numeric:tabular-nums;
}
[data-official-mzplay-game] .omzp-members-online-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#54df6c;
  box-shadow:0 0 0 3px rgba(84,223,108,.12),0 0 10px rgba(84,223,108,.36);
}
[data-official-mzplay-game] .omzp-members-online-label{
  color:#d9e7dc;
  font:900 9px/1 Inter,"Segoe UI",Arial,sans-serif;
  letter-spacing:.055em;
  white-space:nowrap;
}
[data-official-mzplay-game] .omzp-members-online-value{
  color:#75f08a;
  font:1000 14px/1 Inter,"Segoe UI",Arial,sans-serif;
  white-space:nowrap;
}
@media(max-width:620px){
  [data-official-mzplay-game] .omzp-wingo-toolbar{gap:6px;padding:7px 8px 0}
  [data-official-mzplay-game] .omzp-members-online{min-height:33px;gap:5px;padding:5px 8px}
  [data-official-mzplay-game] .omzp-members-online-label{font-size:7px;letter-spacing:.035em}
  [data-official-mzplay-game] .omzp-members-online-value{font-size:12px}
  [data-official-mzplay-game] .omzp-members-online-dot{width:7px;height:7px;flex-basis:7px}
}
@media(max-width:380px){
  [data-official-mzplay-game] .omzp-wingo-toolbar{gap:4px;padding:6px 6px 0}
  [data-official-mzplay-game] .omzp-members-online{min-width:0;gap:4px;padding:5px 6px}
  [data-official-mzplay-game] .omzp-members-online-label{display:inline;font-size:6px;letter-spacing:.018em}
  [data-official-mzplay-game] .omzp-members-online-value{font-size:11px}
}

/* v1.8.4 — four Wingo navigation buttons.
 * Normal buttons share one burgundy/gold style.
 * The current page is deliberately bright so members always know where they are.
 */
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn{
  border-color:rgba(246,199,72,.46)!important;
  background:linear-gradient(180deg,#311017,#19090d)!important;
  color:#fff1b3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.24)!important;
  filter:none!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn:hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn:focus-visible{
  border-color:#f6c748!important;
  background:linear-gradient(180deg,#4a1621,#260c12)!important;
  color:#fff7d0!important;
  filter:brightness(1.08)!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn.is-active,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn[aria-current="page"]{
  border-color:#ffe278!important;
  background:linear-gradient(105deg,#ca8d10,#f6c748 38%,#ffe68a 58%,#db9b19)!important;
  color:#090909!important;
  box-shadow:0 0 0 1px rgba(255,226,120,.22),0 0 24px rgba(246,199,72,.28),inset 0 1px 0 rgba(255,255,255,.48)!important;
  filter:none!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn.is-active:hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn[aria-current="page"]:hover,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn.is-active:focus-visible,
body.official-mzplay-wingo-effects [data-official-mzplay-game] .wingo-nav .wingo-nav-btn[aria-current="page"]:focus-visible{
  border-color:#fff1b3!important;
  background:linear-gradient(105deg,#d99b18,#ffd85b 38%,#fff0a5 58%,#e5aa25)!important;
  color:#050505!important;
  filter:brightness(1.04)!important;
}

/* Keep the original BM / EN / 中文 selector visible on all four Wingo pages. */
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-toolbar{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.official-mzplay-wingo-effects [data-official-mzplay-game] .omzp-wingo-language button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
}