/* MyEmpire UI — buttons / sidebar pills / chips (loaded last) */
:root{
  --me-btn:#22676E;
  --me-btn-hi:#297980;
  --me-btn-lo:#1B555C;
  --me-gold:#9A8348;
  --me-gold-hi:#A89360;
  --me-gold-lo:#7E6A3A;
  --me-block-bg:#0b1416;
  --me-block-border:#134e48;
  --me-block-line:rgba(19,78,72,.55);
  --me-star:#f5a623;
  --me-star-mute:#9a6a1a;
  --me-android:#f7931e;
  --me-ios:#6b7280;
  --me-windows:#0078d4;
}

/* Shared face */
html body :is(
  .head .btn,
  .head .btn--login,
  .head .btn--reg,
  .head-auth .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a,
  .shell > .aside .nav a
):is(
  .head .btn,
  .head .btn--login,
  .head .btn--reg,
  .head-auth .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a,
  .shell > .aside .nav a
){
  background:var(--me-btn) !important;
  background-color:var(--me-btn) !important;
  background-image:linear-gradient(180deg, var(--me-btn-hi) 0%, var(--me-btn) 50%, var(--me-btn-lo) 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4) !important;
  border:2px solid var(--me-gold) !important;
  border-radius:10px !important;
  clip-path:none !important;
  box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  position:relative !important;
  z-index:0 !important;
  isolation:isolate !important;
  filter:none !important;
  overflow:visible !important;
}

/* Hide legacy gold/teal pseudo layers that fight the border look */
html body :is(
  .head .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
):is(
  .head .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
)::before,
html body :is(
  .head .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
):is(
  .head .btn,
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
)::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
  opacity:0 !important;
}

/* Search (лупа) — same face as CTA buttons */
html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico){
  background:var(--me-btn) !important;
  background-color:var(--me-btn) !important;
  background-image:linear-gradient(180deg, var(--me-btn-hi) 0%, var(--me-btn) 50%, var(--me-btn-lo) 100%) !important;
  border:2px solid var(--me-gold) !important;
  border-radius:10px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  clip-path:none !important;
  filter:none !important;
}
html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico)::before,
html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico)::after{
  content:none !important;
  display:none !important;
}
html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico) svg,
html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico) svg path{
  color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
}
@media (hover:hover){
  html body :is(.head-search-ico, .head .head-search-ico, header .head-search-ico):hover{
    background-image:linear-gradient(180deg, #2f8890 0%, #22676E 50%, #1B555C 100%) !important;
    border-color:var(--me-gold-hi) !important;
    filter:none !important;
  }
}
html body :is(
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
):is(
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta,
  .chip,
  a.chip,
  .aside .nav a,
  .drawer .nav a
) :is(.nav-txt, .chip-txt, .chip-ico, span, strong){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.35) !important;
}

html body .aside .nav a,
html body .drawer .nav a,
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{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body .aside .nav a .nav-txt,
html body .drawer .nav a .nav-txt,
html body .aside .nav a.is-active .nav-txt,
html body .drawer .nav a.is-active .nav-txt{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body .aside .nav a svg.nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .aside .nav a:hover svg.nav-ico,
html body .drawer .nav a:hover svg.nav-ico,
html body .aside .nav a.is-active svg.nav-ico,
html body .drawer .nav a.is-active svg.nav-ico{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  filter:none !important;
}
html body .aside .nav a img.nav-ico,
html body .drawer .nav a img.nav-ico,
html body .aside .nav a.is-active img.nav-ico,
html body .drawer .nav a.is-active img.nav-ico,
html body .aside .nav a:hover img.nav-ico,
html body .drawer .nav a:hover img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:1 !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{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
}

/* FORCE: all sidebar + chip icons white (override legacy black fills) */
html body .aside .nav a .nav-ico,
html body .drawer .nav a .nav-ico,
html body .aside .nav a svg.nav-ico,
html body .drawer .nav a svg.nav-ico,
html body .aside .nav a.is-active .nav-ico,
html body .drawer .nav a.is-active .nav-ico,
html body .aside .nav a:hover .nav-ico,
html body .drawer .nav a:hover .nav-ico{
  color:#ffffff !important;
  fill:none !important;
  stroke:#ffffff !important;
  opacity:1 !important;
  filter:none !important;
}
html body .aside .nav a svg.nav-ico *,
html body .drawer .nav a svg.nav-ico *,
html body .aside .nav a svg.nav-ico path,
html body .drawer .nav a svg.nav-ico path,
html body .aside .nav a svg.nav-ico rect,
html body .drawer .nav a svg.nav-ico rect,
html body .aside .nav a svg.nav-ico circle,
html body .drawer .nav a svg.nav-ico circle,
html body .aside .nav a svg.nav-ico line,
html body .drawer .nav a svg.nav-ico line{
  stroke:#ffffff !important;
  color:#ffffff !important;
  fill:none !important;
}
html body .aside .nav a img.nav-ico,
html body .drawer .nav a img.nav-ico,
html body .aside .nav a.is-active img.nav-ico,
html body .drawer .nav a.is-active img.nav-ico,
html body .aside .nav a:hover img.nav-ico,
html body .drawer .nav a:hover img.nav-ico{
  filter:brightness(0) invert(1) !important;
  opacity:1 !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{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  stroke:#ffffff !important;
  fill:none !important;
  opacity:1 !important;
  filter:none !important;
}
html body .chip .chip-ico svg *,
html body a.chip .chip-ico svg *,
html body .chip .chip-ico svg path,
html body .chip .chip-ico svg rect,
html body .chip .chip-ico svg circle,
html body .chip .chip-ico svg line{
  stroke:#ffffff !important;
  color:#ffffff !important;
  fill:none !important;
}

/* Active / hover */
html body .aside .nav a.is-active,
html body .drawer .nav a.is-active{
  background-image:linear-gradient(180deg, #2F8A92 0%, #26757C 50%, #1B555C 100%) !important;
  border-color:var(--me-gold-hi) !important;
  box-shadow:0 0 0 1px rgba(168,144,80,.28), 0 2px 10px rgba(0,0,0,.4) !important;
}

@media (hover:hover){
  html body :is(
    .head .btn,
    .btn,
    .btn--login,
    .btn--reg,
    .pulse-btn,
    .vmore-btn,
    .ft-btn,
    .hero-cta,
    .chip,
    a.chip,
    .aside .nav a,
    .drawer .nav a
  ):is(
    .head .btn,
    .btn,
    .btn--login,
    .btn--reg,
    .pulse-btn,
    .vmore-btn,
    .ft-btn,
    .hero-cta,
    .chip,
    a.chip,
    .aside .nav a,
    .drawer .nav a
  ):hover{
    background-image:linear-gradient(180deg, #31949C 0%, #297980 50%, #22676E 100%) !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:var(--me-gold-hi) !important;
  }
}

/* Sidebar panel — dark teal fill + soft cyan frame (screens) */
html body .aside,
html body .shell > .aside,
html body aside.aside{
  background:#0b171b !important;
  background-color:#0b171b !important;
  background-image:none !important;
  border:1px solid #2e5c56 !important;
  box-shadow:
    0 0 0 1px rgba(46,92,86,.35),
    0 0 12px rgba(67,146,138,.28),
    0 0 28px rgba(46,92,86,.18),
    0 14px 44px rgba(0,0,0,.45) !important;
}
html body .aside .nav li.sep,
html body .drawer .nav li.sep{
  border-color:rgba(46,92,86,.55) !important;
  box-shadow:0 1px 0 rgba(67,146,138,.15) !important;
}

/* Chips: pill shape like compact buttons */
html body .chip,
html body a.chip{
  border-radius:999px !important;
  min-height:40px !important;
  padding:8px 12px !important;
  gap:8px !important;
}

/* Sidebar links spacing so frame is visible */
html body .aside .nav a,
html body .drawer .nav a{
  margin:6px 0 !important;
  min-height:44px !important;
  padding:10px 12px !important;
}

/* ========== FORCE polish (beats doubled-ID rules in style.css) ========== */

/* Stars → orange */
html body #casino-intro#casino-intro .home-intro-rating__stars,
html body #casino-intro#casino-intro .home-intro-rating__full,
html body #casino-intro#casino-intro .home-intro-rating__fill{
  color:#f5a623 !important;
  -webkit-text-fill-color:#f5a623 !important;
}
html body #casino-intro#casino-intro .home-intro-rating__empty{
  color:#9a6a1a !important;
  -webkit-text-fill-color:#9a6a1a !important;
}

/* All home content blocks = intro card look */
html body #casino-intro#casino-intro,
html body #login#login.login-section,
html body #bonuses#bonuses,
html body #payments#payments,
html body #slots#slots,
html body #games#games,
html body #app#app,
html body #providers#providers,
html body #register#register,
html body #facts#facts .app-info-card,
html body .facts-info-section .app-info-card,
html body #app#app .home-app-guide-card,
html body.app-page .app-info-card,
html body.app-page .app-ecosystem-section .app-eco-card{
  background:#021014 !important;
  background-color:#021014 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

/* Section tags = dark pill + gold frame (like screenshot) */
html body #login#login > .home-section-tag,
html body #bonuses#bonuses > .home-section-tag,
html body #payments#payments > .home-section-tag,
html body #slots#slots > .home-section-tag,
html body #games#games > .home-section-tag,
html body #app#app > .home-section-tag,
html body #providers#providers > .home-section-tag,
html body #register#register > .home-section-tag,
html body .home-section-tag,
html body.app-page .app-tag,
html body.acceso-page .home-section-tag{
  background:#0b171b !important;
  background-color:#0b171b !important;
  background-image:none !important;
  border:2px solid #9A8348 !important;
  border-radius:999px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
}

/* Tables white text / grid */
html body #facts#facts .app-info-card__table :is(th,td),
html body .facts-info-section .app-info-card__table :is(th,td),
html body.app-page .app-info-card__table :is(th,td){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  background:transparent !important;
  border-bottom:1px solid rgba(8,117,104,.45) !important;
}
html body #facts#facts .app-info-card__table th,
html body .facts-info-section .app-info-card__table th,
html body.app-page .app-info-card__table th{
  font-weight:700 !important;
  text-align:left !important;
}
html body #facts#facts .app-info-card__table td,
html body .facts-info-section .app-info-card__table td,
html body.app-page .app-info-card__table td{
  font-weight:400 !important;
  text-align:right !important;
}

/* App cards: white text forever */
html body #app#app .home-app-guide-card,
html body #app#app .home-app-guide-card *,
html body.app-page .app-eco-card,
html body.app-page .app-eco-card *,
html body.acceso-page .home-app-guide-card,
html body.acceso-page .home-app-guide-card *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body #app#app .home-app-guide-card__title,
html body #app#app .home-app-guide-card__label,
html body.app-page .app-eco-card__title,
html body.app-page .app-eco-card__label{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-decoration-color:#ffffff !important;
}
html body #app#app .home-app-guide-card__title,
html body.app-page .app-eco-card__title{
  text-decoration:none !important;
}
html body #app#app .home-app-guide-card__label,
html body.app-page .app-eco-card__label{
  text-decoration:underline !important;
}

/* Platform icon colors */
html body #app#app .home-app-guide-card__icon--android,
html body.app-page .app-platform-icon--android,
html body.acceso-page .home-app-guide-card__icon--android{
  background:#f7931e !important;
  color:#ffffff !important;
}
html body #app#app .home-app-guide-card__icon--ios,
html body.app-page .app-platform-icon--ios,
html body.acceso-page .home-app-guide-card__icon--ios{
  background:#6b7280 !important;
  color:#ffffff !important;
}
html body #app#app .home-app-guide-card__icon--windows,
html body.app-page .app-platform-icon--windows,
html body.acceso-page .home-app-guide-card__icon--windows{
  background:#0078d4 !important;
  color:#ffffff !important;
}

/* Inline links in dark blocks stay white */
html body #login#login a:not(.btn):not(.pulse-btn):not(.vmore-btn):not(.chip),
html body #bonuses#bonuses a:not(.btn):not(.pulse-btn):not(.vmore-btn),
html body #payments#payments a:not(.btn):not(.pulse-btn):not(.vmore-btn),
html body #app#app a:not(.btn):not(.pulse-btn):not(.vmore-btn):not(.home-app-guide-card),
html body #register#register a:not(.btn):not(.pulse-btn):not(.vmore-btn){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration-color:#ffffff !important;
}

/* ========== Game / provider cards: keep green frame + show SPIELEN on hover ========== */
html body #slots#slots .popular-games__card,
html body #games#games .card,
html body #providers#providers .prov,
html body .popular-games__card,
html body a.card,
html body a.prov{
  border:1px solid #087568 !important;
}
html body #slots#slots .popular-games__card:hover,
html body #games#games .card:hover,
html body #providers#providers .prov:hover,
html body .popular-games__card:hover,
html body a.card:hover,
html body a.prov:hover,
html body .grid .card:hover{
  border:1px solid #087568 !important;
  border-color:#087568 !important;
}

/* SPIELEN overlay button */
html body :is(.popular-games__media, .card .media) .game-play-btn,
html body #slots#slots .game-play-btn,
html body #games#games .game-play-btn{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  right:auto !important;
  bottom:auto !important;
  transform:translate(-50%,-50%) !important;
  z-index:6 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:10px 18px !important;
  min-height:40px !important;
  background:var(--me-btn) !important;
  background-color:var(--me-btn) !important;
  background-image:linear-gradient(180deg, var(--me-btn-hi) 0%, var(--me-btn) 50%, var(--me-btn-lo) 100%) !important;
  border:2px solid var(--me-gold) !important;
  border-radius:10px !important;
  clip-path:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4) !important;
  box-shadow:0 4px 14px rgba(0,0,0,.45) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  filter:none !important;
  overflow:visible !important;
  isolation:auto !important;
  transition:opacity .2s ease, visibility .2s ease, transform .2s ease !important;
}
html body :is(.popular-games__media, .card .media) .game-play-btn::before,
html body :is(.popular-games__media, .card .media) .game-play-btn::after,
html body #slots#slots .game-play-btn::before,
html body #slots#slots .game-play-btn::after,
html body #games#games .game-play-btn::before,
html body #games#games .game-play-btn::after{
  content:none !important;
  display:none !important;
}
@media (hover:hover){
  html body .popular-games__card:hover .popular-games__media .game-play-btn,
  html body #slots#slots .popular-games__card:hover .game-play-btn,
  html body .card:hover .media .game-play-btn,
  html body #games#games .card:hover .game-play-btn,
  html body .grid .card:hover .media .game-play-btn{
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(-50%,-50%) scale(1.04) !important;
  }
}

/* ========== SITE-WIDE: match homepage palette on ALL pages ========== */
html body:is(.page-home, .acceso-page, .bonus-page, .app-page, .legal-page){
  --me-page-bg:#021014;
  --me-page-border:#087568;
  --me-page-tag-bg:#0b171b;
  --legal-accent:#087568;
  --bonus-accent:#087568;
  --content-accent:#087568;
}

/* Content cards / notes / panels → dark + green frame */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .legal-content-card,
  .bonus-content-card,
  .login-content-card,
  .legal-note,
  .login-platforms-section,
  .login-lead-combined,
  .login-banner-block,
  .login-banner-block__link,
  .app-verify-box,
  .app-info-card,
  .app-eco-card,
  .app-feature-card,
  .app-bonus-card,
  .app-install-card,
  .app-top-hero,
  .app-top-hero__media,
  .app-reference-section,
  .app-ecosystem-section,
  .app-compare-section,
  .app-faq-section,
  .app-specs-table,
  .app-overview-table,
  .table-wrapper,
  .table-wrapper--cards,
  .home-hero,
  .frame--home-hero,
  .acceso-panel__inner,
  details.app-toc-panel[open]
){
  background:#021014 !important;
  background-color:#021014 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 14px 28px rgba(0,0,0,.16) !important;
}

/* Text inside those surfaces stays white */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .legal-content-card,
  .bonus-content-card,
  .login-content-card,
  .legal-note,
  .app-feature-card,
  .app-bonus-card,
  .app-reference-section,
  .app-ecosystem-section,
  .app-compare-section,
  .app-faq-section
) :is(h2, h3, h4, p, li, td, th, span, a, strong, em){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Tags / pills */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .home-section-tag,
  .app-tag,
  .legal-note::before,
  .app-toc-panel__badge,
  summary.app-toc-panel__badge
){
  background:#0b171b !important;
  background-color:#0b171b !important;
  background-image:none !important;
  border:2px solid #9A8348 !important;
  border-radius:999px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:0 2px 8px rgba(0,0,0,.35) !important;
}

/* Tables on subpages */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .table-wrapper,
  .app-info-card__table,
  .app-specs-table,
  .app-overview-table
) :is(table, tbody, thead, tr, th, td){
  background:transparent !important;
  background-color:transparent !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:rgba(8,117,104,.45) !important;
}

/* Kill light / wrong accents on subpages */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .legal-content-card,
  .bonus-content-card,
  .login-content-card,
  .app-eco-card,
  .app-feature-card,
  .app-bonus-card,
  .app-install-card,
  .app-top-hero__media,
  .banner,
  .banner--promo-hero
){
  border-color:#087568 !important;
}

html body.app-page .app-top-hero__media,
html body.app-page .app-toc,
html body.app-page .app-feature-card,
html body.app-page .app-install-card,
html body.app-page .app-bonus-card{
  background:#021014 !important;
  border:1px solid #087568 !important;
}

/* Buttons stay teal + gold everywhere */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) :is(
  .btn,
  .btn--login,
  .btn--reg,
  .pulse-btn,
  .vmore-btn,
  .ft-btn,
  .hero-cta
){
  background:#22676E !important;
  background-color:#22676E !important;
  background-image:linear-gradient(180deg, #297980 0%, #22676E 50%, #1B555C 100%) !important;
  border:2px solid #9A8348 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  clip-path:none !important;
}

/* Page title white */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) .page-title{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

/* Main area text default white on subpages */
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) .shell > main,
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) .shell > main :is(p, li, h1, h2, h3, h4){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body:is(.acceso-page, .bonus-page, .app-page, .legal-page) .shell > main a:not(.btn):not(.pulse-btn):not(.vmore-btn):not(.chip):not(.prov):not(.card):not(.home-app-guide-card):not(.app-eco-card){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-decoration-color:#9A8348 !important;
}

/* ========== Tables: green grid that NEVER disappears on hover ========== */
html body{
  --me-table-bg:#050d0e;
  --me-table-grid:#1a4a45;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table),
html body .app-info-card{
  background:var(--me-table-bg) !important;
  background-color:var(--me-table-bg) !important;
  background-image:none !important;
  border:1px solid var(--me-table-grid) !important;
  border-radius:14px !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table) table{
  width:100% !important;
  border-collapse:collapse !important;
  border-spacing:0 !important;
  background:var(--me-table-bg) !important;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table) :is(thead, tbody, tr){
  background:var(--me-table-bg) !important;
  background-color:var(--me-table-bg) !important;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table) :is(th, td),
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table) tbody tr:nth-child(odd) :is(th, td),
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table, .app-specs-table) tbody tr:nth-child(even) :is(th, td),
html body.app-page .app-reference-section .app-specs-table :is(th, td),
html body.app-page .app-reference-section .app-overview-table :is(th, td),
html body.app-page .app-specs-table tbody :is(th, td),
html body.app-page .app-specs-table thead th{
  background:var(--me-table-bg) !important;
  background-color:var(--me-table-bg) !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid var(--me-table-grid) !important;
  border-top-color:var(--me-table-grid) !important;
  border-right-color:var(--me-table-grid) !important;
  border-bottom-color:var(--me-table-grid) !important;
  border-left-color:var(--me-table-grid) !important;
  outline:none !important;
  box-shadow:none !important;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table) th,
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table) tbody th[scope="row"]{
  font-weight:700 !important;
  text-align:left !important;
}
html body :is(.table-wrapper, .app-info-card__table, .app-overview-table) td{
  font-weight:400 !important;
  text-align:right !important;
}
html body .app-specs-table :is(th, td),
html body .app-specs-table td{
  text-align:left !important;
}
html body .app-specs-table thead th,
html body .app-specs-table tbody th[scope="row"]{
  font-weight:700 !important;
}

/* hover = same as normal (bg + green grid stay) */
html body table tbody tr:hover,
html body table tbody tr:hover th,
html body table tbody tr:hover td,
html body .table-wrapper tbody tr:hover,
html body .table-wrapper tbody tr:hover :is(th, td),
html body .table-wrapper tbody tr:hover > :first-child,
html body .table-wrapper tbody tr:hover th[scope="row"],
html body .table-wrapper tbody tr:hover > *:not(:first-child),
html body .table-wrapper--cards tbody tr:hover :is(th, td),
html body .table-wrapper--scroll tbody tr:hover :is(th, td),
html body .app-specs-table tbody tr:hover :is(th, td),
html body .app-overview-table tbody tr:hover :is(th, td),
html body.app-page .app-reference-section .app-specs-table tbody tr:hover :is(th, td),
html body.app-page .app-reference-section .app-overview-table tbody tr:hover :is(th, td),
html body.app-page .app-specs-table tbody tr:hover :is(th, td),
html body #facts .table-wrapper tbody tr:hover :is(th, td),
html body main .table-wrapper tbody tr:hover :is(th, td),
html body main table tbody tr:hover :is(th, td),
html body.acceso-page table tr:hover :is(th, td),
html body.bonus-page table tr:hover :is(th, td),
html body.legal-page table tr:hover :is(th, td),
html body.app-page table tr:hover :is(th, td){
  background:var(--me-table-bg) !important;
  background-color:var(--me-table-bg) !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid var(--me-table-grid) !important;
  border-color:var(--me-table-grid) !important;
  border-top-color:var(--me-table-grid) !important;
  border-right-color:var(--me-table-grid) !important;
  border-bottom-color:var(--me-table-grid) !important;
  border-left-color:var(--me-table-grid) !important;
  filter:none !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}

/* App overview stays dark with same grid */
html body.app-page .app-overview-table,
html body.app-page .app-reference-section .app-overview-table{
  background:var(--me-table-bg) !important;
  border:1px solid var(--me-table-grid) !important;
  border-radius:14px !important;
  padding:0 !important;
}
html body.app-page .app-reference-section .app-overview-table :is(table, tbody, tr, th, td),
html body.app-page .app-reference-section .app-overview-table table tbody tr th,
html body.app-page .app-reference-section .app-overview-table table tbody tr td{
  background:var(--me-table-bg) !important;
  background-color:var(--me-table-bg) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid var(--me-table-grid) !important;
}
html body.app-page .app-reference-section .app-overview-table th{
  font-weight:700 !important;
  text-align:left !important;
}
html body.app-page .app-reference-section .app-overview-table td{
  font-weight:400 !important;
  text-align:right !important;
}

/* Install panel → dark site style (no light/white block) */
html body.app-page .app-install-section,
html body.app-page #app-guide .app-install-section{
  background:#021014 !important;
  background-color:#021014 !important;
  background-image:none !important;
  border-top:1px solid #087568 !important;
  border-bottom:1px solid #087568 !important;
}
html body.app-page .app-install-section .app-install-panel,
html body.app-page .app-install-panel{
  background:#021014 !important;
  background-color:#021014 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  box-shadow:none !important;
}
html body.app-page .app-install-section .app-install-panel :is(h3, h4, p, li, summary, strong, em),
html body.app-page .app-install-panel :is(h3, h4, p, li, summary, strong, em),
html body.app-page #app-guide .app-install-section .app-install-panel > h3,
html body.app-page #app-guide .app-install-section .app-install-card > h3{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body.app-page .app-install-section .app-install-panel .app-note,
html body.app-page .app-install-panel .app-note,
html body.app-page .app-install-section .app-install-panel .app-note em{
  color:rgba(255,255,255,.78) !important;
  -webkit-text-fill-color:rgba(255,255,255,.78) !important;
}
/* Nested tables inside install panel */
html body.app-page .app-install-section .app-req-grid > div,
html body.app-page .app-install-section .app-req-grid .table-wrapper{
  background:#050d0e !important;
  border:1px solid #1a3d39 !important;
  border-radius:14px !important;
  padding:12px 14px !important;
}
html body.app-page .app-install-section .app-req-grid h4{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body.app-page .app-install-section .app-req-grid .table-wrapper :is(th, td),
html body.app-page .app-install-section .app-req-grid table tbody tr th,
html body.app-page .app-install-section .app-req-grid table tbody tr td{
  background:#050d0e !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-bottom:1px solid #1a3d39 !important;
}

/* Same light teal band on ecosystem — darken */
html body.app-page .app-ecosystem-section,
html body.app-page #app-guide .app-ecosystem-section{
  background:#021014 !important;
  background-color:#021014 !important;
  background-image:none !important;
}

/* Hero media — frame hugs banner */
html body.app-page .app-top-hero__media{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#021416 !important;
  border:1px solid #087568 !important;
  border-radius:14px !important;
}
html body.app-page .app-top-hero__media img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* Ecosystem laptop panel — match laptop teal */
html body.app-page .app-ecosystem-visual{
  background:#053031 !important;
  background-color:#053031 !important;
  background-image:none !important;
  border:1px solid #087568 !important;
  border-radius:14px !important;
  padding:12px !important;
}
html body.app-page .app-ecosystem-visual img{
  width:min(280px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
  filter:none !important;
}

/* Odds banner */
html body.app-page .app-odds-banner{
  background:#041617 !important;
  border:1px solid #087568 !important;
  min-height:0 !important;
}
html body.app-page .app-odds-banner > img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
}

/* Orange stars on app page */
html body.app-page .app-rating__stars,
html body.app-page .app-rating__stars-full,
html body.app-page .app-rating__star-fill{
  color:#f5a623 !important;
  -webkit-text-fill-color:#f5a623 !important;
}
html body.app-page .app-rating__star-outline{
  color:#9a6a1a !important;
  -webkit-text-fill-color:#9a6a1a !important;
}

/* Hero download buttons: short labels, side by side */
html body.app-page .app-dl-row--hero{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
}
html body.app-page .app-dl-row--hero .pulse-btn{
  width:auto !important;
  min-width:0 !important;
  flex:0 0 auto !important;
  padding:10px 18px !important;
  white-space:nowrap !important;
}
@media (max-width:520px){
  html body.app-page .app-dl-row--hero{
    flex-wrap:wrap !important;
  }
}

/* KILL table row hover highlight everywhere — keep green grid */
html body,
html body.app-page,
html body.bonus-page,
html body.acceso-page,
html body.legal-page,
html body.page-home{
  --table-hover-label:#050d0e !important;
  --table-hover-value:#050d0e !important;
  --table-border:#1a4a45 !important;
}
html body table tbody tr:hover,
html body table tbody tr:hover th,
html body table tbody tr:hover td,
html body .table-wrapper tbody tr:hover,
html body .table-wrapper tbody tr:hover th,
html body .table-wrapper tbody tr:hover td,
html body .table-wrapper tbody tr:hover :is(th,td),
html body .table-wrapper tbody tr:hover > :first-child,
html body .table-wrapper tbody tr:hover th[scope="row"],
html body .table-wrapper tbody tr:hover > *:not(:first-child),
html body .table-wrapper--cards tbody tr:hover,
html body .table-wrapper--cards tbody tr:hover th,
html body .table-wrapper--cards tbody tr:hover td,
html body .table-wrapper--scroll tbody tr:hover,
html body .table-wrapper--scroll tbody tr:hover th,
html body .table-wrapper--scroll tbody tr:hover td,
html body .app-specs-table tbody tr:hover,
html body .app-specs-table tbody tr:hover th,
html body .app-specs-table tbody tr:hover td,
html body.app-page .app-specs-table tbody tr:hover :is(th,td),
html body.app-page .app-reference-section .app-specs-table tbody tr:hover :is(th,td),
html body.app-page .app-overview-table tbody tr:hover :is(th,td),
html body #facts .table-wrapper tbody tr:hover :is(th,td),
html body main .table-wrapper tbody tr:hover :is(th,td),
html body main table tbody tr:hover :is(th,td){
  background:#050d0e !important;
  background-color:#050d0e !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid #1a4a45 !important;
  border-color:#1a4a45 !important;
  filter:none !important;
  box-shadow:none !important;
  outline:none !important;
}

/* Step numbers — readable white digits on teal badges */
html body #register#register > .home-register-steps li::before,
html body.app-page .app-bonus-claim > ol li::before,
html body.app-page .app-crypto-section > .app-crypto-steps li::before,
html body.acceso-page #login-guide#login-guide .login-content-card > ol li::before,
html body.acceso-page #login-guide#login-guide .login-os-card > ol li::before,
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ol li::before,
html body.legal-page #legal-guide#legal-guide .legal-content-card > ol li::before{
  background:#087568 !important;
  background-color:#087568 !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid #9A8348 !important;
  box-shadow:0 1px 4px rgba(0,0,0,.4) !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.5) !important;
}

/* Checklist cards — visible green frame + white check */
html body :is(
  .login-summary-list li,
  .login-content-card > ul li,
  .bonus-content-card > ul li,
  .legal-content-card > ul li,
  .app-check li
),
html body.acceso-page #login-guide#login-guide .login-summary-list li,
html body.acceso-page #login-guide#login-guide .login-content-card > ul li,
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li,
html body.legal-page #legal-guide#legal-guide .legal-content-card > ul li{
  background:#021014 !important;
  border:1px solid #087568 !important;
  border-radius:10px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body :is(
  .login-summary-list li,
  .login-content-card > ul li,
  .bonus-content-card > ul li,
  .legal-content-card > ul li,
  .app-check li
)::before,
html body.acceso-page #login-guide#login-guide .login-summary-list li::before,
html body.acceso-page #login-guide#login-guide .login-content-card > ul li::before,
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card > ul li::before,
html body.legal-page #legal-guide#legal-guide .legal-content-card > ul li::before,
html body.app-page .app-check li::before{
  background:#087568 !important;
  background-color:#087568 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid #9A8348 !important;
  border-radius:4px !important;
  font-weight:900 !important;
  opacity:1 !important;
  visibility:visible !important;
}
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--voids > ul li::before{
  background:#9A8348 !important;
  color:#021014 !important;
  -webkit-text-fill-color:#021014 !important;
  border-radius:50% !important;
}

/* Home checklists — same visible grid + tick as login/bonus */
html body #app#app ul li,
html body #bonuses#bonuses ul li,
html body #register#register ul li{
  background:#021014 !important;
  border:1px solid #087568 !important;
  border-radius:10px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  padding:12px 12px 12px 44px !important;
  margin:0 0 8px !important;
  list-style:none !important;
  position:relative !important;
}
html body #app#app ul,
html body #bonuses#bonuses ul,
html body #register#register ul{
  list-style:none !important;
  padding-left:0 !important;
  margin:12px 0 !important;
}
html body #app#app ul li::before,
html body #bonuses#bonuses ul li::before,
html body #register#register ul li::before{
  content:"✓" !important;
  position:absolute !important;
  left:10px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:22px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#087568 !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:1px solid #9A8348 !important;
  border-radius:4px !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1 !important;
  opacity:1 !important;
  visibility:visible !important;
}


/* Even phone pairs — play / bonus / payments */
html body.app-page :is(.app-play-shots, .app-bonus-shots, .app-payment-phones){
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
html body.app-page :is(.app-play-shot, .app-bonus-shots figure, .app-payment-phone){
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  margin:0 !important;
  min-width:0 !important;
}
html body.app-page :is(.app-play-shot img, .app-bonus-shots img, .app-payment-phone__screen > img){
  display:block !important;
  width:100% !important;
  max-width:220px !important;
  height:auto !important;
  max-height:380px !important;
  object-fit:contain !important;
  object-position:top center !important;
  margin:0 auto !important;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.35)) !important;
}
html body.app-page .app-payment-phone__screen{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
html body.app-page :is(.app-play-shot figcaption, .app-bonus-shots figcaption, .app-payment-phone figcaption){
  margin-top:10px !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
@media (max-width:620px){
  html body.app-page :is(.app-play-shots, .app-bonus-shots, .app-payment-phones){
    width:min(420px,100%) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html body.app-page :is(.app-play-shot img, .app-bonus-shots img, .app-payment-phone__screen > img){
    max-width:180px !important;
    max-height:320px !important;
  }
}


/* Partner a[data-go]: no pointer cursor on desktop */
@media (hover: hover) and (min-width: 993px){
  html body a[data-go],
  html body a[data-go]:hover,
  html body a[data-go]:focus,
  html body a[data-go]:focus-visible,
  html body a[data-go] *,
  html body a[data-go]:hover *,
  html body a[data-go] img,
  html body a[data-go]:hover img,
  html body a[data-go] .promo-img,
  html body a[data-go]:hover .promo-img{
    cursor:default !important;
  }
}


/* FAQ visible: white questions on dark cards (login / bonus / app) */
html body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item h3,
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item h3,
html body.app-page .app-faq-section .faq-item h3,
html body.app-page .app-faq-section :is(h2, h3, p){
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
html body.app-page .app-faq-section{
  margin:0 0 30px !important;
  padding:24px 16px 20px !important;
  background:#021014 !important;
  border:1px solid #087568 !important;
  border-radius:16px !important;
}
html body.app-page .app-faq-section .faq-item{
  margin:10px 0 !important;
  padding:16px 18px !important;
  background:#021014 !important;
  border:1px solid rgba(8,117,104,.85) !important;
  border-radius:11px !important;
}
html body.app-page .app-faq-section .faq-item p,
html body.acceso-page #login-guide#login-guide .login-content-card--faq .faq-item p,
html body.bonus-page #bonus-guide#bonus-guide .bonus-content-card--faq .faq-item p{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}