/* MastersMon Visitor Christmas V3 - scoped, no impact on other seasons.
   Activation: html.mm-visitor-christmas (16 Nov - 15 Jan, America/Lima).
   Uses assets/visitor/christmas from the previous image pack. */
html.mm-visitor-christmas {
  --bg:#0d0b29;--bg-2:#1b1038;--panel:#1d1039;--panel-2:#261449;
  --line:#e6aa59;--line-soft:#9864af;--cyan:#c7ecff;--cyan-2:#93dffb;
  --gold:#ffe5a9;--gold-2:#f6bc5b;--muted:#e5def4;
}
html.mm-visitor-christmas body {
  color:#fff6ed!important;
  background-color:#110b2f!important;
  background-image:linear-gradient(180deg,rgba(15,7,40,.15),rgba(15,7,40,.24)),url('../assets/visitor/christmas/background.webp')!important;
  background-position:center top,center center!important;
  background-size:100% 100%,cover!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
}
/* Top navigation and legibility */
html.mm-visitor-christmas .site-header {
  background:linear-gradient(180deg,rgba(18,7,43,.94),rgba(15,8,40,.88))!important;
  border-bottom:1px solid rgba(255,197,101,.86)!important;
  box-shadow:0 3px 16px rgba(13,5,37,.48)!important;
}
html.mm-visitor-christmas .brand {color:#ffe3a7!important;text-shadow:0 0 15px rgba(255,192,110,.50)!important;}
/* Hero: the actual illustration is the .hero-art element, not the .hero container.
   Unset the legacy hero backgrounds, mask and pseudo imagery; retain the HTML text and login. */
html.mm-visitor-christmas .hero {
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:#130b34!important;border-bottom:2px solid #e9ae5d!important;
  box-shadow:inset 0 0 0 1px rgba(249,192,108,.2)!important;
}
html.mm-visitor-christmas .hero .hero-bg,
html.mm-visitor-christmas .hero .hero-content.wrap {
  background:none!important;background-image:none!important;
}
html.mm-visitor-christmas .hero .hero-art {
  background-image:url('../assets/visitor/christmas/hero.webp')!important;
  background-position:57% center!important;background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;filter:saturate(1.05) contrast(1.025)!important;
  -webkit-mask-image:none!important;mask-image:none!important;
}
html.mm-visitor-christmas .hero .hero-content.wrap::before,
html.mm-visitor-christmas .hero .hero-content.wrap::after {
  background-image:none!important;pointer-events:none!important;
}
html.mm-visitor-christmas .hero .hero-overlay {
  background:linear-gradient(90deg,rgba(9,6,32,.94) 0%,rgba(10,7,36,.88) 16%,rgba(12,7,39,.68) 32%,rgba(11,7,42,.20) 54%,rgba(10,7,39,.04) 78%,rgba(9,7,35,.10) 100%)!important;
  pointer-events:none!important;
}
html.mm-visitor-christmas .hero .hero-copy {position:relative!important;z-index:5!important;}
html.mm-visitor-christmas .hero h1 {color:#ffe6ab!important;text-shadow:0 2px 9px rgba(6,4,24,.8),0 0 15px rgba(235,170,77,.36)!important;}
html.mm-visitor-christmas .hero .hero-body,
html.mm-visitor-christmas .hero .hero-sub,
html.mm-visitor-christmas .hero .hint {text-shadow:0 1px 5px rgba(2,3,20,.94)!important;}
html.mm-visitor-christmas .eyebrow,
html.mm-visitor-christmas .section-kicker {color:#ffd184!important;}
/* Cards should harmonize with the Christmas art instead of the normal blue UI. */
html.mm-visitor-christmas .panel,
html.mm-visitor-christmas .shop-panel,
html.mm-visitor-christmas .final-cta {
  border:1px solid rgba(255,184,94,.84)!important;
  background-color:rgba(24,10,53,.88)!important;
  box-shadow:0 0 13px rgba(116,62,162,.23),inset 0 1px 0 rgba(255,225,180,.13)!important;
}
html.mm-visitor-christmas .pokedex-panel,
html.mm-visitor-christmas .explore-panel,
html.mm-visitor-christmas .battles-panel {
  background-image:linear-gradient(160deg,rgba(29,12,62,.92),rgba(17,9,42,.91))!important;
}
/* Small snowy trim without creating additional asset dependencies. */
html.mm-visitor-christmas .feature-grid > .panel {position:relative!important;}
html.mm-visitor-christmas .feature-grid > .panel::after {
  content:'❄'!important;position:absolute!important;top:7px!important;right:12px!important;
  color:rgba(217,236,255,.68)!important;font:normal 18px/1 sans-serif!important;
  pointer-events:none!important;background:none!important;opacity:.8!important;
}
html.mm-visitor-christmas .explore-img,
html.mm-visitor-christmas .explore-panel .feature-image {
  background-image:url('../assets/visitor/christmas/explore.webp')!important;
  background-size:cover!important;background-position:center!important;
}
html.mm-visitor-christmas .battle-img,
html.mm-visitor-christmas .battles-panel .feature-image {
  background-image:url('../assets/visitor/christmas/battles.webp')!important;
  background-size:cover!important;background-position:center!important;
}
html.mm-visitor-christmas .feature-image {border-color:rgba(255,188,98,.75)!important;box-shadow:0 0 9px rgba(160,92,194,.2)!important;}
html.mm-visitor-christmas .shop-panel {
  background-image:linear-gradient(90deg,rgba(30,11,61,.78),rgba(22,9,50,.77)),url('../assets/visitor/christmas/shop-background.webp')!important;
  background-position:center,center 55%!important;
  background-size:cover,cover!important;background-repeat:no-repeat,no-repeat!important;
}
html.mm-visitor-christmas .shop-items>div {border-color:rgba(255,181,94,.72)!important;background:rgba(25,13,57,.82)!important;}
html.mm-visitor-christmas .final-cta {
  background-image:linear-gradient(90deg,rgba(34,12,67,.90),rgba(20,9,47,.88))!important;
}
html.mm-visitor-christmas .google-cta,
html.mm-visitor-christmas .top-login {border-color:#ffe4aa!important;}
html.mm-visitor-christmas .footer {background:rgba(18,7,42,.56)!important;border-top:1px solid rgba(249,184,104,.6)!important;}
@media (max-width:980px) {
  html.mm-visitor-christmas .hero .hero-art {background-position:67% center!important;}
  html.mm-visitor-christmas .hero .hero-overlay {background:linear-gradient(90deg,rgba(9,6,31,.92),rgba(9,6,31,.63) 47%,rgba(9,6,31,.12))!important;}
}
@media (max-width:768px) {
  html.mm-visitor-christmas body {background-attachment:scroll,scroll!important;background-size:100% 100%,auto 100%!important;background-position:center,center top!important;}
  html.mm-visitor-christmas .hero .hero-art {background-position:73% center!important;}
  html.mm-visitor-christmas .hero .hero-overlay {background:linear-gradient(180deg,rgba(9,6,31,.72),rgba(11,7,36,.80) 54%,rgba(12,7,38,.91))!important;}
  html.mm-visitor-christmas .feature-grid>.panel::after {font-size:14px!important;right:8px!important;}
}
@media (prefers-reduced-motion:reduce) {
  html.mm-visitor-christmas .shop-items>div {transition:none!important;}
}

/* MASTERSMON CHRISTMAS V4 BACKGROUND START */
/* Un unico fondo continuo para toda la ventana. El arte del hero permanece independiente. */
html.mm-visitor-christmas {
  min-height: 100%;
  background-color: #0b1030 !important;
  background-image: linear-gradient(180deg,rgba(8,9,32,.12),rgba(11,8,34,.18)),url('../assets/visitor/christmas/background.webp') !important;
  background-position: center center, center center !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-attachment: fixed, fixed !important;
}
html.mm-visitor-christmas body {
  min-height: 100vh;
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* El banner no debe crear franjas de color opaco a los lados del arte. */
html.mm-visitor-christmas .hero {
  background: transparent !important;
  background-color: transparent !important;
}
html.mm-visitor-christmas .hero .hero-content.wrap {
  background-color: transparent !important;
}
/* No repetir un segundo fondo en contenedores del contenido. */
html.mm-visitor-christmas main,
html.mm-visitor-christmas .content,
html.mm-visitor-christmas .feature-grid {
  background-color: transparent !important;
}
/* Conservar las tarjetas opacas para facilitar la lectura. */
@media (max-width: 768px) {
  html.mm-visitor-christmas {
    background-attachment: scroll, scroll !important;
    background-position: center top, center top !important;
    background-size: auto 100%, auto 100% !important;
  }
}
/* MASTERSMON CHRISTMAS V4 BACKGROUND END */

/* MastersMon Christmas V5: legible hero text on detailed winter artwork.
   Scoped to Christmas; no change to login behavior or other themes. */
html.mm-visitor-christmas .hero .hero-copy {
  position:relative!important;
  z-index:8!important;
  padding:14px 26px 16px 16px!important;
  margin-left:-16px!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,rgba(9,7,35,.88) 0%,rgba(11,8,41,.81) 54%,rgba(13,9,45,.40) 86%,rgba(13,9,45,0) 100%)!important;
  -webkit-backdrop-filter:blur(1.5px);
  backdrop-filter:blur(1.5px);
}
html.mm-visitor-christmas .hero .hero-copy .eyebrow,
html.mm-visitor-christmas .hero .hero-copy .hero-sub,
html.mm-visitor-christmas .hero .hero-copy .hero-body,
html.mm-visitor-christmas .hero .hero-copy .hint {
  color:#fffaf2!important;
  text-shadow:0 2px 5px rgba(1,2,15,.98),0 0 9px rgba(1,2,15,.95)!important;
}
html.mm-visitor-christmas .hero .hero-copy .eyebrow {color:#a6f2ff!important;}
html.mm-visitor-christmas .hero .hero-copy h1,
html.mm-visitor-christmas .hero .hero-copy h1 span {
  color:#ffe8b0!important;
  text-shadow:0 3px 7px #08051d,0 0 16px rgba(5,4,29,.95),0 0 24px rgba(255,183,84,.22)!important;
}
html.mm-visitor-christmas .hero .hero-copy .hint {opacity:1!important;}
@media(max-width:768px) {
  html.mm-visitor-christmas .hero .hero-copy {
    margin-left:0!important;
    padding:14px 16px!important;
    background:linear-gradient(90deg,rgba(8,7,33,.90),rgba(8,7,33,.70))!important;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
}

/* =============================================================
   MastersMon Christmas Visitor V6 - final visual polish
   Christmas-only refinements; no structural/layout/JS changes.
   ============================================================= */
/* Frosted vignette: keep all text readable without a heavy black rectangle. */
html.mm-visitor-christmas .hero .hero-copy {
  background:linear-gradient(96deg,rgba(13,9,42,.83) 0%,rgba(17,12,52,.71) 63%,rgba(21,13,51,.25) 94%,transparent 100%)!important;
  border:1px solid rgba(255,220,154,.19)!important;
  border-right-color:transparent!important;
  border-radius:14px!important;
  padding:17px 29px 18px 19px!important;
  margin-left:-19px!important;
  box-shadow:inset 0 1px rgba(255,244,216,.09),0 10px 28px rgba(8,4,31,.20)!important;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
}
html.mm-visitor-christmas .hero .hero-copy .eyebrow {
  color:#b5f4ff!important;
  letter-spacing:.09em;
  text-shadow:0 1px 5px rgba(2,7,31,.95)!important;
}
html.mm-visitor-christmas .hero .hero-copy h1,
html.mm-visitor-christmas .hero .hero-copy h1 span {
  text-shadow:0 3px 9px rgba(5,4,24,.95),0 0 24px rgba(255,190,108,.22)!important;
}
html.mm-visitor-christmas .hero .hero-copy .hero-body {line-height:1.6!important;}
html.mm-visitor-christmas .hero .hero-copy .hint {
  font-size:clamp(10px,.75vw,12px)!important;
  line-height:1.45!important;
  margin-top:10px!important;
  color:#f7f4ff!important;
}
/* Primary sign-in has warmer gold edging, focus visibility and controlled glow. */
html.mm-visitor-christmas .hero .google-cta,
html.mm-visitor-christmas .final-cta .google-cta {
  border:1px solid #ffe2a1!important;
  box-shadow:0 0 0 1px rgba(255,193,92,.25),0 5px 16px rgba(20,8,41,.40),0 0 17px rgba(255,190,89,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
html.mm-visitor-christmas .hero .google-cta:hover,
html.mm-visitor-christmas .final-cta .google-cta:hover {
  transform:translateY(-1px);
  filter:brightness(1.055);
  box-shadow:0 0 0 1px rgba(255,224,155,.43),0 8px 20px rgba(20,8,41,.45),0 0 23px rgba(255,190,89,.29)!important;
}
html.mm-visitor-christmas .google-cta:focus-visible {
  outline:3px solid #b4efff!important;outline-offset:3px!important;
}
/* Soft edge transition from the illustrated hero to the content area. */
html.mm-visitor-christmas .hero {
  border-bottom:1px solid rgba(255,205,137,.78)!important;
  box-shadow:0 7px 22px rgba(20,8,57,.48),inset 0 -2px rgba(255,213,161,.17)!important;
}
/* Panel accents: unobtrusive snow trim while preserving actual content and sprites. */
html.mm-visitor-christmas .feature-grid > .panel {
  border-color:rgba(247,193,120,.80)!important;
  box-shadow:inset 0 1px 0 rgba(255,246,225,.15),0 7px 22px rgba(9,5,37,.28),0 0 12px rgba(167,91,187,.16)!important;
}
html.mm-visitor-christmas .feature-grid > .panel::before {
  content:''!important;
  position:absolute!important;
  left:14px!important;right:42px!important;top:0!important;
  height:2px!important;pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(223,245,255,.72) 20%,rgba(255,229,171,.52) 65%,transparent)!important;
  opacity:.65!important;z-index:2!important;
}
html.mm-visitor-christmas .feature-grid > .panel::after {
  color:rgba(220,240,255,.84)!important;
  text-shadow:0 0 8px rgba(193,223,255,.35)!important;
}
/* Warm closing call-to-action: no external image, keeps original button/content. */
html.mm-visitor-christmas .final-cta {
  background-image:linear-gradient(100deg,rgba(69,13,58,.94),rgba(40,12,62,.92) 48%,rgba(26,10,54,.92))!important;
  border-color:rgba(255,191,103,.88)!important;
  box-shadow:inset 0 1px rgba(255,226,180,.21),0 0 16px rgba(247,120,150,.14)!important;
}
/* Footer is transparent enough to show one continuous page background. */
html.mm-visitor-christmas .footer {
  background:rgba(17,8,44,.55)!important;
  border-top:1px solid rgba(255,204,133,.65)!important;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
html.mm-visitor-christmas .fan-disclaimer {color:#e7e6fa!important;}
@media(max-width:768px) {
  html.mm-visitor-christmas .hero .hero-copy {
    margin-left:0!important;padding:14px 15px 16px!important;
    background:linear-gradient(90deg,rgba(10,7,35,.91),rgba(12,9,40,.83))!important;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  html.mm-visitor-christmas .hero .hero-copy .hint {font-size:11px!important;}
  html.mm-visitor-christmas .feature-grid > .panel::before {right:32px!important;}
}
@media(prefers-reduced-motion:reduce) {
  html.mm-visitor-christmas .hero .google-cta,
  html.mm-visitor-christmas .final-cta .google-cta {transition:none!important;transform:none!important;}
}