.ui-country-trigger, .ui-country-popover, .mobile-country, .mobile-locale-popover {
  display: none !important;
}
.nav:has(.multi-language), .site-nav:has(.multi-language) {
  grid-template-columns: 220px minmax(0, 1fr) auto auto;
}
.multi-language { position: relative; flex: 0 0 auto; margin-left: auto; color: #fff; z-index: 120; }
.multi-language summary { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 5px 9px; border: 1px solid #ffc929; border-radius: 24px; background: #171b29; cursor: pointer; list-style: none; font: 700 12px/1.2 sans-serif; white-space: nowrap; }
.multi-language summary::-webkit-details-marker { display: none; }
.multi-flag { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; border-radius: 50%; overflow: hidden; background: #fff; font: 22px/1 sans-serif; flex-shrink: 0; }
.multi-chevron { width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .18s ease; margin: -3px 2px 0; }
.multi-language[open] .multi-chevron { transform: rotate(225deg); margin-top: 3px; }
.multi-language-options { position: absolute; right: 0; top: calc(100% + 10px); width: 224px; max-width: calc(100vw - 24px); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 12px; border: 1px solid #ffc929; border-radius: 12px; background: #171b29; box-shadow: 0 10px 35px #0008; }
.multi-language:not([open]) .multi-language-options { display: none; }
.multi-language-options a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px; border-radius: 6px; color: #fff; font: 700 13px/1 sans-serif; text-decoration: none; }
.multi-language-options a:hover, .multi-language-options a[aria-current] { background: #ffc929; color: #111; }
.multi-language summary:focus-visible, .multi-language a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width:1080px) {
  .multi-language { order: 8; margin-left: 0; }
  .ui-mobile-burger, .hs-mobile-burger { order: 9; }
  .multi-language summary { min-height: 36px; padding-inline: 7px; }
}
@media (prefers-reduced-motion:reduce) { .multi-chevron { transition: none; } }

/* Allow complete translated hero copy and CTAs without a fixed-height crop. */
.ui-hero {
  height: auto;
  max-height: none;
  flex-shrink: 0;
}
.ui-hero .ui-hero-copy {
  min-width: 0;
  max-width: 100%;
  flex-shrink: 0;
}
.ui-hero h1 {
  font-size: clamp(32px, 3.3vw, 48px);
  line-height: 1.12;
  overflow-wrap: anywhere;
  hyphens: manual;
  -webkit-hyphens: manual;
  word-break: normal;
}
@media (max-width: 900px) {
  .ui-hero h1 {
    font-size: clamp(26px, 4.8vw, 34px);
  }
}

/* Keep verdict artwork opposite the copy, independent of text/translation length. */
.section.ui-author-spotlight {
  background-image: none;
}
.section.ui-author-spotlight > h2 {
  width: min(61%, 690px);
}
.section.ui-author-spotlight::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: var(--author-art) right center / auto 100% no-repeat;
  opacity: 0.68;
  -webkit-mask-image: linear-gradient(90deg, transparent 25%, #000 65%);
  mask-image: linear-gradient(90deg, transparent 25%, #000 65%);
}
@media (max-width: 900px) {
  .section.ui-author-spotlight > h2 {
    width: 100%;
  }
  .section.ui-author-spotlight::before {
    background-size: auto 540px;
    opacity: 0.28;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 55%);
    mask-image: linear-gradient(90deg, transparent, #000 55%);
  }
}

/* Clip local flag artwork to a filled circle on every platform. */
.multi-flag img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 50%; }

/* Language selector and account actions each keep their own header column. */
@media (min-width: 1081px) {
  .nav:has(.multi-language) {
    grid-template-columns: 220px minmax(0, 1fr) auto auto;
    gap: clamp(8px, 1.2vw, 20px);
  }
  body:has(.side.ui-is-collapsed) .nav:has(.multi-language) {
    grid-template-columns: 90px minmax(0, 1fr) auto auto;
  }
  .nav > .multi-language { margin-left: 0; }
  .nav .nav-links a,
  .nav .ui-account-actions > a { white-space: nowrap; }
}

/* Hero readability: explicit class on the four commercial pages. */
.ui-hero.ui-hero-readable { isolation:isolate; }
.ui-hero-readable > .ui-hero-img { z-index:0; }
.ui-hero.ui-hero-readable::after { content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,12,.88),rgba(5,7,12,.78) 48%,rgba(5,7,12,.46) 76%,rgba(5,7,12,.26)); }
.ui-hero.ui-hero-readable .ui-hero-copy { position:relative;z-index:2; }
.ui-hero-readable h1,.ui-hero-readable .ui-hero-description {color:#fff;text-shadow:0 2px 5px #0009;}
@media(max-width:900px){.ui-hero.ui-hero-readable::after{background:linear-gradient(90deg,rgba(5,7,12,.86),rgba(5,7,12,.78) 65%,rgba(5,7,12,.64));}}

/* Mobile wheel CTA: reserve enough room for localized labels. */
@media(max-width:600px){
 .nav:has(.multi-language){gap:5px;padding-inline:8px;}
 .nav .ui-brand-logo{width:84px;}
 .nav .mobile-wheel-btn{width:136px;flex:0 0 136px;grid-template-columns:30px minmax(0,1fr) 14px;gap:4px;padding:5px 6px;}
 .nav .mobile-wheel-btn strong{min-width:0;font-size:10px;line-height:1.15;hyphens:none;word-break:normal;overflow-wrap:normal;}
 .nav .ui-mobile-wheel-icon{width:30px;height:30px;}
}
@media(max-width:370px){
 .nav .ui-brand-logo{width:72px;}
 .nav .mobile-wheel-btn{width:124px;flex-basis:124px;gap:3px;}
 .nav .multi-language summary{padding-inline:5px;gap:4px;}
 .nav .ui-mobile-burger{width:36px;flex-basis:36px;}
}
@media(max-width:340px){
 .nav .mobile-wheel-btn{width:60px;flex-basis:60px;grid-template-columns:30px 14px;}
 .nav .mobile-wheel-btn strong{display:none;}
}

/* Mobile artwork remains visible around and through the copy panels. */
@media(max-width:900px){
 .ui-hero.ui-hero-readable{padding-top:64px;}
 .ui-hero.ui-hero-readable::after{background:linear-gradient(180deg,rgba(5,7,12,.08) 0%,rgba(5,7,12,.16) 45%,rgba(5,7,12,.38) 100%);}
 .ui-hero.ui-hero-readable .ui-hero-copy{background:rgba(var(--body-bg-rgb),.36);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 20px #0002;}
 .offers .offer{padding-top:96px;}
 .offers .offer .ui-offer-copy{background:rgba(var(--body-bg-rgb),.30);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 20px #0002;}
}

@media(max-width:900px){.offers .offer.offer-copy-right{background-position:left center!important;}}

/* Compact game carousels on phones and tablets. */
@media(max-width:1080px){
 .games .games-track{grid-auto-columns:156px;gap:8px;}
 .games .game-card-footer{min-height:56px;padding:8px 6px;}
 .games .game-card-footer strong{font-size:11px;line-height:1.2;}
 .games .game-card-footer small{font-size:8px;margin-top:4px;}
 .games .games-heading{margin-bottom:10px;gap:10px;}
 .games .games-heading h2{font-size:20px;}
}
@media(max-width:600px){
 .games .games-track{grid-auto-columns:120px;gap:7px;}
 .games .game-card-footer{min-height:50px;padding:7px 5px;}
 .games .game-card-footer strong{font-size:10px;}
 .games .games-heading h2{font-size:18px;}
 .games{padding-top:16px;}
}
@media(max-width:370px){.games .games-track{grid-auto-columns:108px;}}

/* Localized hero scrim: fade out before the character. */
@media(min-width:901px){
 .ui-hero.ui-hero-readable::after{background:linear-gradient(90deg,rgba(5,7,12,.72) 0%,rgba(5,7,12,.60) 36%,rgba(5,7,12,.28) 52%,rgba(5,7,12,0) 66%);}
}
@media(max-width:900px){
 .ui-hero.ui-hero-readable::after{background:none;}
}

/* Preserve vertical navigation when the sidebar is collapsed. */
.side.ui-is-collapsed{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;}

/* Keep long localized headings inside mobile content panels. */
@media (max-width: 600px) {
  body :is(h1, h2, h3) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body.hs-mobile-legal h1 {
    font-size: clamp(24px, 7.5vw, 32px) !important;
    line-height: 1.16;
  }
}

/* Long mobile headings use language-aware hyphenation, not arbitrary letter breaks. */
@media (max-width: 900px) {
  body :is(h1, h2, h3) {
    -webkit-hyphens: auto !important;
    hyphens: auto !important;
    hyphenate-limit-chars: 6 3 3;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-wrap: wrap;
  }
}

/* Small screens: wrap heading words before considering an emergency break. */
@media (width < 400px) {
  body h1 {
    font-size: 27px !important;
    line-height: 1.15 !important;
    -webkit-hyphens: manual !important;
    hyphens: manual !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-wrap: wrap !important;
  }
}

/* H1 words stay intact at every viewport width. */
body h1 {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  text-wrap: wrap !important;
}

/* Never insert hyphens or break a word in any page text. */
:root body, :root body * {
  -webkit-hyphens: none !important;
  hyphens: none !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}