/* NUCLEAR: all buttons / chips / CTAs = dark sea blue #1b456b, white text */
html body a.btn,
html body a.btn--login,
html body a.btn--reg,
html body a.pulse-btn,
html body a.vmore-btn,
html body a.hero-cta,
html body a.ft-btn,
html body a.play,
html body a.game-play-btn,
html body a.chip,
html body a.head-search-ico,
html body button.btn,
html body button.pulse-btn,
html body .btn,
html body .btn.btn--login,
html body .btn.btn--reg,
html body .btn--login,
html body .btn--reg,
html body .pulse-btn,
html body .vmore-btn,
html body .hero-cta,
html body .ft-btn,
html body .ft-btn.pulse,
html body .play,
html body .game-play-btn,
html body .chip,
html body .head-search-ico,
html body .offers-trigger,
html body header .btn,
html body header .btn--login,
html body header .btn--reg,
html body header .head-search-ico,
html body header .head .btn,
html body header .head .btn--login,
html body header .head .btn--reg,
html body .head .btn,
html body .head .btn--login,
html body .head .btn--reg,
html body .site-footer .ft-btn,
html body .site-footer .pulse-btn,
html body .shell .chips a.chip,
html body .shell > main .pulse-btn,
html body main .pulse-btn,
html body main a.pulse-btn,
html body .cta-center .pulse-btn,
html body .cta-center a.pulse-btn,
html body .aside .nav a,
html body .drawer .nav a,
html body.app-page .pulse-btn,
html body.bonus-page .pulse-btn,
html body.acceso-page .pulse-btn,
html body .app-dl-row .pulse-btn,
html body .app-bonus-terms .pulse-btn,
html body :is(.popular-games__media, .card .media) .game-play-btn{
  background:#1b456b !important;
  background-color:#1b456b !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1.5px solid #ffffff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  text-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  animation:none !important;
  isolation:auto !important;
}
html body a.btn::before,
html body a.btn::after,
html body a.pulse-btn::before,
html body a.pulse-btn::after,
html body .btn::before,
html body .btn::after,
html body .btn--login::before,
html body .btn--login::after,
html body .btn--reg::before,
html body .btn--reg::after,
html body .pulse-btn::before,
html body .pulse-btn::after,
html body .vmore-btn::before,
html body .vmore-btn::after,
html body .ft-btn::before,
html body .ft-btn::after,
html body .hero-cta::before,
html body .hero-cta::after,
html body .chip::before,
html body .chip::after,
html body .game-play-btn::before,
html body .game-play-btn::after,
html body .aside .nav a::before,
html body .aside .nav a::after,
html body .drawer .nav a::before,
html body .drawer .nav a::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  opacity:0 !important;
  box-shadow:none !important;
}
html body a.btn:hover,
html body a.pulse-btn:hover,
html body .btn:hover,
html body .btn--login:hover,
html body .btn--reg:hover,
html body .pulse-btn:hover,
html body .vmore-btn:hover,
html body .ft-btn:hover,
html body .hero-cta:hover,
html body .chip:hover,
html body a.chip:hover,
html body .head-search-ico:hover,
html body .aside .nav a:hover,
html body .drawer .nav a:hover,
html body .aside .nav a.is-active,
html body .drawer .nav a.is-active,
html body a.btn:focus-visible,
html body .pulse-btn:focus-visible{
  background:#1b456b !important;
  background-color:#1b456b !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1.5px solid #ffffff !important;
  filter:brightness(1.14) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.35), 0 4px 12px rgba(0,0,0,.22) !important;
}
html body .chip .chip-txt,
html body .chip .chip-ico,
html body a.chip .chip-txt,
html body a.chip .chip-ico,
html body .aside .nav a .nav-txt,
html body .drawer .nav a .nav-txt{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body .chip-ico svg,
html body .aside .nav a svg.nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .head-search-ico svg,
html body .head-search-ico svg path{
  color:#ffffff !important;
  stroke:#ffffff !important;
}
html body .aside .nav a img.nav-ico,
html body .drawer .nav a img.nav-ico{
  filter:brightness(0) invert(1) !important;
}
html body header .head-search-ico{
  border-radius:12px !important;
}
html body .btn,
html body .btn--login,
html body .btn--reg,
html body .pulse-btn,
html body .vmore-btn,
html body .ft-btn,
html body .hero-cta,
html body .chip,
html body a.chip,
html body .aside .nav a,
html body .drawer .nav a{
  border-radius:999px !important;
}

/* WHITE ICONS — last word */
html body .aside .nav a img.nav-ico,
html body .aside .nav a.is-active img.nav-ico,
html body .aside .nav a:hover img.nav-ico,
html body .aside .nav a:focus-visible img.nav-ico,
html body .drawer .nav a img.nav-ico,
html body .drawer .nav a.is-active img.nav-ico,
html body .drawer .nav a:hover img.nav-ico{
  filter:brightness(0) invert(1) !important;
  -webkit-filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}
html body .aside .nav a svg.nav-ico,
html body .aside .nav a.is-active svg.nav-ico,
html body .aside .nav a:hover svg.nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .drawer .nav a.is-active svg.nav-ico,
html body .drawer .nav a:hover svg.nav-ico{
  color:#fff !important;
  stroke:#fff !important;
}
html body .aside .nav a svg.nav-ico path,
html body .aside .nav a svg.nav-ico circle,
html body .aside .nav a svg.nav-ico rect,
html body .aside .nav a svg.nav-ico line,
html body .aside .nav a.is-active svg.nav-ico path,
html body .aside .nav a.is-active svg.nav-ico circle,
html body .aside .nav a.is-active svg.nav-ico rect,
html body .drawer .nav a svg.nav-ico path,
html body .drawer .nav a svg.nav-ico circle,
html body .drawer .nav a svg.nav-ico rect,
html body .drawer .nav a.is-active svg.nav-ico path,
html body .drawer .nav a.is-active svg.nav-ico circle,
html body .drawer .nav a.is-active svg.nav-ico rect{
  stroke:#ffffff !important;
  color:#ffffff !important;
  fill:none !important;
}
html body .chip .chip-ico,
html body a.chip .chip-ico,
html body .chip .chip-ico svg,
html body a.chip .chip-ico svg,
html body .shell .chips .chip .chip-ico,
html body .shell .chips .chip .chip-ico svg{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
}
html body .chip .chip-ico svg path,
html body .chip .chip-ico svg circle,
html body .chip .chip-ico svg rect,
html body .chip .chip-ico svg line,
html body a.chip .chip-ico svg path,
html body a.chip .chip-ico svg circle,
html body a.chip .chip-ico svg rect,
html body a.chip .chip-ico svg line,
html body .shell .chips a.chip .chip-ico svg path,
html body .shell .chips a.chip .chip-ico svg circle,
html body .shell .chips a.chip .chip-ico svg rect,
html body .shell .chips a.chip .chip-ico svg line{
  stroke:#ffffff !important;
  color:#ffffff !important;
  fill:none !important;
}

/* ===== Platform guide cards = buttons (sea blue + white text) ===== */
html body a.home-app-guide-card,
html body #app#app a.home-app-guide-card,
html body .home-app-guides a.home-app-guide-card,
html body.acceso-page a.home-app-guide-card,
html body.app-page a.app-eco-card,
html body.app-page .app-eco-grid a.app-eco-card,
html body.app-page .app-ecosystem-section a.app-eco-card{
  background:#1b456b !important;
  background-color:#1b456b !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.18) !important;
  border-radius:16px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration:none !important;
  box-shadow:0 3px 10px rgba(0,0,0,.22) !important;
  filter:none !important;
  transition:filter .15s ease, box-shadow .15s ease, transform .15s ease !important;
  cursor:pointer !important;
}
html body a.home-app-guide-card:hover,
html body #app#app a.home-app-guide-card:hover,
html body.acceso-page a.home-app-guide-card:hover,
html body.app-page a.app-eco-card:hover,
html body.app-page .app-ecosystem-section a.app-eco-card:hover,
html body a.home-app-guide-card:focus-visible,
html body.app-page a.app-eco-card:focus-visible{
  background:#1b456b !important;
  background-color:#1b456b !important;
  border-color:rgba(255,255,255,.28) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  filter:brightness(1.16) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.2), 0 6px 16px rgba(0,0,0,.28) !important;
  transform:translateY(-2px) !important;
}
html body a.home-app-guide-card .home-app-guide-card__label,
html body a.home-app-guide-card .home-app-guide-card__title,
html body #app#app a.home-app-guide-card .home-app-guide-card__label,
html body #app#app a.home-app-guide-card .home-app-guide-card__title,
html body.acceso-page a.home-app-guide-card .home-app-guide-card__label,
html body.acceso-page a.home-app-guide-card .home-app-guide-card__title,
html body.app-page a.app-eco-card .app-eco-card__label,
html body.app-page a.app-eco-card .app-eco-card__title,
html body.app-page .app-ecosystem-section .app-eco-card__label,
html body.app-page .app-ecosystem-section .app-eco-card__title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration-color:#ffffff !important;
}
html body a.home-app-guide-card .home-app-guide-card__icon--android,
html body.app-page .app-platform-icon--android{ background:#FFB07A !important; color:#fff !important; }
html body a.home-app-guide-card .home-app-guide-card__icon--ios,
html body.app-page .app-platform-icon--ios{ background:#000000 !important; color:#fff !important; }
html body a.home-app-guide-card .home-app-guide-card__icon--windows,
html body.app-page .app-platform-icon--windows{ background:#00A8C5 !important; color:#fff !important; }
html body a.home-app-guide-card .home-app-guide-card__icon svg,
html body a.home-app-guide-card .home-app-guide-card__icon svg *,
html body.app-page .app-platform-icon svg,
html body.app-page .app-platform-icon svg *{ color:#fff !important; fill:#fff !important; stroke:#fff !important; }

/* === dark sea buttons + thin white frame; keep app layout + toc === */
html body .shell > main :is(.pulse-btn, a.pulse-btn, .vmore-btn, a.vmore-btn, .hero-cta, a.hero-cta, .play, a.play, .game-play-btn, a.game-play-btn, .chip, a.chip),
html body main :is(.pulse-btn, a.pulse-btn, .vmore-btn, a.vmore-btn, .hero-cta, a.hero-cta, .play, a.play, .game-play-btn, a.game-play-btn, .chip, a.chip),
html body .shell > main .cta-center :is(.pulse-btn, a.pulse-btn),
html body main .cta-center :is(.pulse-btn, a.pulse-btn),
html body.app-page .app-dl-row :is(.pulse-btn, a.pulse-btn),
html body.app-page .app-bonus-terms :is(.pulse-btn, a.pulse-btn),
html body.bonus-page main :is(.pulse-btn, a.pulse-btn),
html body.acceso-page main :is(.pulse-btn, a.pulse-btn),
html body :is(.pulse-btn, a.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip, .btn, .btn--login, .btn--reg, .ft-btn, .head-search-ico),
html body header :is(.btn, .btn--login, .btn--reg, .head-search-ico, a.btn),
html body .head :is(.btn, .btn--login, .btn--reg, .head-search-ico),
html body .site-footer :is(.ft-btn, .pulse-btn, a.btn, a.ft-btn),
html body .aside .nav a,
html body .drawer .nav a{
  background:#1b456b !important;
  background-color:#1b456b !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1.5px solid #ffffff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.18) !important;
  text-shadow:none !important;
  filter:none !important;
}
html body .shell > main :is(.pulse-btn, a.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip):hover,
html body .shell > main :is(.pulse-btn, a.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip):focus-visible,
html body main :is(.pulse-btn, a.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip):hover,
html body main :is(.pulse-btn, a.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip):focus-visible,
html body.app-page .app-dl-row :is(.pulse-btn, a.pulse-btn):hover,
html body.app-page .app-dl-row :is(.pulse-btn, a.pulse-btn):focus-visible,
html body :is(.pulse-btn, .vmore-btn, .hero-cta, .play, .game-play-btn, .chip, a.chip, .btn, .btn--login, .btn--reg, .ft-btn, .head-search-ico):hover,
html body header :is(.btn, .btn--login, .btn--reg, .head-search-ico):hover,
html body .head :is(.btn, .btn--login, .btn--reg, .head-search-ico):hover,
html body .site-footer :is(.ft-btn, .pulse-btn, a.btn):hover,
html body .aside .nav a:hover,
html body .aside .nav a.is-active,
html body .drawer .nav a:hover,
html body .drawer .nav a.is-active{
  background:#1b456b !important;
  background-color:#1b456b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1.5px solid #ffffff !important;
  filter:brightness(1.14) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.35), 0 4px 12px rgba(0,0,0,.22) !important;
}
html body .shell > main .chip .chip-txt,
html body .shell > main .chip .chip-ico,
html body .shell > main a.chip .chip-txt,
html body .shell > main a.chip .chip-ico,
html body main .chip .chip-txt,
html body main .chip .chip-ico,
html body .chip .chip-txt,
html body .chip .chip-ico,
html body a.chip .chip-txt,
html body a.chip .chip-ico{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body .shell > main .chip .chip-ico svg,
html body .shell > main .chip .chip-ico svg *,
html body main .chip .chip-ico svg,
html body main .chip .chip-ico svg *,
html body .chip .chip-ico svg,
html body .chip .chip-ico svg *{
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}

html body.app-page .app-dl-row,
html body.app-page .app-dl-row--hero,
html body.app-page .cta-center.app-dl-row,
html body.app-page .app-install-section > .app-dl-row,
html body.app-page .app-play-section > .app-dl-row,
html body.app-page .app-legal-section > .app-dl-row,
html body.app-page .app-compare-section > .app-dl-row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
}
html body.app-page .app-dl-row--hero{
  justify-content:flex-start !important;
}
html body.app-page .app-dl-row .pulse-btn,
html body.app-page .app-dl-row--hero .pulse-btn{
  width:auto !important;
  max-width:100% !important;
  flex:0 1 auto !important;
  white-space:nowrap !important;
}
@media (max-width:560px){
  html body.app-page .app-dl-row--hero,
  html body.app-page .app-install-section > .app-dl-row{
    flex-direction:row !important;
    flex-wrap:wrap !important;
  }
  html body.app-page .app-dl-row--hero .pulse-btn,
  html body.app-page .app-install-section > .app-dl-row .pulse-btn{
    width:auto !important;
    flex:1 1 calc(50% - 8px) !important;
    min-width:140px !important;
    text-align:center !important;
    white-space:normal !important;
  }
}

html body.app-page details.app-toc,
html body.app-page details.app-toc[open],
html body.app-page .app-toc{
  background:#1b456b !important;
  background-color:#1b456b !important;
  border:1px solid rgba(0,0,0,.28) !important;
  color:#ffffff !important;
}
html body.app-page details.app-toc[open]{
  width:100% !important;
  padding:14px 18px 16px !important;
}
html body.app-page details.app-toc > summary,
html body.app-page details.app-toc[open] > summary,
html body.app-page .app-toc__title{
  background:#1b456b !important;
  background-color:#1b456b !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1.5px solid #ffffff !important;
  border-radius:999px !important;
}
html body.app-page details.app-toc a,
html body.app-page details.app-toc[open] a,
html body.app-page .app-toc a{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* FORCE: permanent solid white frame on ALL buttons (default + hover + active + focus) */
html body a.btn,
html body a.btn--login,
html body a.btn--reg,
html body a.pulse-btn,
html body a.vmore-btn,
html body a.hero-cta,
html body a.ft-btn,
html body a.play,
html body a.game-play-btn,
html body a.chip,
html body a.head-search-ico,
html body button.btn,
html body button.pulse-btn,
html body .btn,
html body .btn--login,
html body .btn--reg,
html body .pulse-btn,
html body .vmore-btn,
html body .hero-cta,
html body .ft-btn,
html body .play,
html body .game-play-btn,
html body .chip,
html body .head-search-ico,
html body .offers-trigger,
html body header .btn,
html body header .btn--login,
html body header .btn--reg,
html body header .head-search-ico,
html body .head .btn,
html body .head .btn--login,
html body .head .btn--reg,
html body .site-footer .ft-btn,
html body .site-footer .pulse-btn,
html body .shell .chips a.chip,
html body .shell > main .pulse-btn,
html body main .pulse-btn,
html body main a.pulse-btn,
html body .cta-center .pulse-btn,
html body .cta-center a.pulse-btn,
html body .aside .nav a,
html body .drawer .nav a,
html body.app-page .pulse-btn,
html body.app-page .app-dl-row .pulse-btn,
html body.bonus-page .pulse-btn,
html body.acceso-page .pulse-btn,
html body a.home-app-guide-card,
html body.app-page a.app-eco-card,
html body :is(.popular-games__media, .card .media) .game-play-btn,
html body a.btn:hover,
html body a.btn:focus,
html body a.btn:focus-visible,
html body a.btn:active,
html body a.pulse-btn:hover,
html body a.pulse-btn:focus,
html body a.pulse-btn:focus-visible,
html body a.pulse-btn:active,
html body .btn:hover,
html body .btn:focus,
html body .btn:focus-visible,
html body .btn:active,
html body .btn--login:hover,
html body .btn--login:focus-visible,
html body .btn--reg:hover,
html body .btn--reg:focus-visible,
html body .pulse-btn:hover,
html body .pulse-btn:focus,
html body .pulse-btn:focus-visible,
html body .pulse-btn:active,
html body .vmore-btn:hover,
html body .vmore-btn:focus-visible,
html body .ft-btn:hover,
html body .ft-btn:focus-visible,
html body .hero-cta:hover,
html body .hero-cta:focus-visible,
html body .chip:hover,
html body .chip:focus-visible,
html body a.chip:hover,
html body .head-search-ico:hover,
html body .aside .nav a:hover,
html body .aside .nav a.is-active,
html body .aside .nav a:focus-visible,
html body .drawer .nav a:hover,
html body .drawer .nav a.is-active,
html body .drawer .nav a:focus-visible,
html body a.home-app-guide-card:hover,
html body.app-page a.app-eco-card:hover{
  border-style:solid !important;
  border-width:2px !important;
  border-color:#ffffff !important;
  border-top-color:#ffffff !important;
  border-right-color:#ffffff !important;
  border-bottom-color:#ffffff !important;
  border-left-color:#ffffff !important;
  outline:none !important;
  box-shadow:inset 0 0 0 0 transparent !important;
}