/* Casino-inspired skin for the local multilingual review preview only. */
body.casino-redesign {
  --bg: #090b11;
  --panel: #161a25;
  --line: #364257;
  --text: #f5f7ff;
  --muted: #c1cbe0;
  --blue: #9fbaff;
  --action: #4568f4;
  background: #090b11;
}
body.casino-redesign::selection { background: #769cff; color: #090b11; }
html { scrollbar-color: #52699a #090b11; }

/* The operator's dark metal and blue stone are visual cues, not account UI. */
body.casino-redesign .topline {
  max-width: none;
  background: #090b11;
  border-bottom: 1px solid #28344c;
  color: #d0dcf4;
}
body.casino-redesign header {
  max-width: none;
  min-height: 88px;
  height: auto;
  margin: 0;
  padding: 12px max(24px, calc((100vw - 1180px)/2));
  background:
    linear-gradient(168deg, transparent 0 38%, #ffffff08 39%, transparent 42% 67%, #ffffff06 68%, transparent 70%),
    linear-gradient(180deg, #2b303d 0%, #202532 45%, #171b26 100%);
  border-top: 1px solid #4c5569;
  border-bottom: 1px solid #56647f;
  box-shadow: 0 12px 24px #02030a66;
}
body.casino-redesign .brand img { width: 56px; height: 51px; }
body.casino-redesign .brand img.brand-wordmark {
  display: block;
  width: 162px;
  height: auto;
  max-width: none;
}
body.casino-redesign .brand > span { font-size: 22px; line-height: 1; }
body.casino-redesign .brand small { margin-top: 7px; color: #b9c9ed; }
body.casino-redesign #navigation a[aria-current] { color: #fff; }
body.casino-redesign .language-switch {
  position: static;
  inset: auto;
  display: inline-flex;
  width: auto;
  padding: 3px;
  background: #111626;
  border-color: #485a80;
  box-shadow: none;
}
body.casino-redesign .language-switch a[aria-current="page"] {
  background: #4d68cb;
  box-shadow: inset 0 1px #a9bfff, 0 2px 8px #09133288;
}
body.casino-redesign .casino-tabs {
  position: static;
  inset: auto;
  display: flex;
  justify-content: center;
  width: min(1180px, calc(100% - 40px));
  margin: 12px auto 0;
  padding: 4px;
  border: 1px solid #35415a;
  border-radius: 9px;
  background: linear-gradient(180deg,#222939,#171d2b);
  box-shadow: inset 0 1px #77829b48;
}
body.casino-redesign .casino-tabs a {
  flex: 1 1 0;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 42px;
  padding: 9px 13px;
  border-radius: 6px;
  color: #c5d1e8;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
body.casino-redesign .casino-tabs a[aria-current="page"] {
  color: #fff;
  background: linear-gradient(180deg,#48567c,#29344e);
  box-shadow: inset 0 1px #91a9d966, 0 4px 12px #080d1a66;
}
body.casino-redesign .casino-tabs a:hover:not([aria-current="page"]) { color: #fff; background: #2b3653; }
@media (min-width: 701px) {
  /* The desktop header already contains these destinations. */
  body.casino-redesign .casino-tabs { display: none; }
}

body.casino-redesign .casino-cta:not([aria-disabled="true"]) {
  border-color: #a9c3ff;
  border-radius: 5px;
  background:
    linear-gradient(145deg,#ffffff48 0%,transparent 23% 76%,#0c1a4a7a 100%),
    linear-gradient(180deg,#7898ef 0%,#4e70d6 27%,#3453b8 68%,#294399 100%);
  box-shadow: inset 0 2px #dce8ff9c, inset 0 -3px #172d70, 0 7px 17px #050d2a80;
  color: #fff;
  text-shadow: 0 1px 1px #172d67;
}
body.casino-redesign .casino-cta:not([aria-disabled="true"]):hover {
  background:
    linear-gradient(145deg,#ffffff5c 0%,transparent 23% 76%,#0c1a4a63 100%),
    linear-gradient(180deg,#88a5fa 0%,#5879e4 27%,#3b5ec7 68%,#2c4ba8 100%);
  color: #fff;
}
body.casino-redesign .casino-cta[aria-disabled="true"] {
  border-color: #7688b2;
  border-radius: 6px;
  background: linear-gradient(160deg,#3e5189,#2c3d6a 60%,#243356);
  box-shadow: inset 0 1px #a4b5dc55;
  color: #e4ecff;
}

body.review-home .welcome-hero,
body.review-home .es-banner-hero { margin-top: 20px; }
body.review-home .welcome-title { min-height: 0; padding-bottom: 12px; }
body.review-home .welcome-stage {
  border-color: #556b9f;
  border-radius: 15px;
  background:
    radial-gradient(ellipse at 83% 24%, #315ace77, transparent 53%),
    linear-gradient(120deg,#181d2a 0%,#111725 48%,#152d58 100%);
  box-shadow: inset 0 1px #c6d7ff42, 0 20px 40px #03061170;
}
body.review-home .welcome-copy { padding-top: 42px; padding-bottom: 42px; }
body.review-home .welcome-spins {
  border-color: #94aaff;
  background: linear-gradient(125deg,#3955ac,#243c8f);
  box-shadow: inset 0 1px #c1d0ff78;
}
body.review-home .welcome-actions .casino-cta { min-height: 54px; font-size: 15px; }
body.review-home .welcome-art img { filter: saturate(1.08) contrast(1.05); }
body.review-home .es-banner-link {
  border-color: #5972aa;
  border-radius: 14px;
  box-shadow: inset 0 1px #b4c7ff38, 0 20px 40px #03061170;
  overflow: hidden;
}
body.review-home .es-banner-link:not(.locale-banner-disabled) .es-banner-action {
  min-height: 52px;
  background:
    linear-gradient(145deg,#ffffff30,transparent 25% 78%,#0b153780),
    linear-gradient(180deg,#536cb1,#334d95 67%,#263a73);
  border-top: 1px solid #a5bbec;
  box-shadow: inset 0 2px #c9d7f075, inset 0 -3px #15295c;
  color: #f3f7ff;
  text-shadow: 0 1px 1px #172c60;
}
body.review-home .locale-banner-disabled .es-banner-action { min-height: 52px; }
body.review-home .es-banner-intro {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px 28px;
  margin-bottom: 13px;
}
body.review-home .es-banner-intro .es-review-disclosure { margin-bottom: 0; }
body.review-home .es-evidence-jump {
  flex: none;
  color: #c7d8ff;
  font-size: .86rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
body.review-home .es-evidence-jump:hover { color: #fff; }

/* Game selection uses the operator's image-first rail language, with factual labels. */
body.casino-redesign .selected-games-grid {
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 14px;
}
body.casino-redesign .selected-game-link {
  height: 100%;
  padding: 6px 6px 14px;
  border: 1px solid #445579;
  border-radius: 10px;
  background: linear-gradient(180deg,#242b3d,#141a29);
  box-shadow: inset 0 1px #a8b9d33b;
  transition: border-color .18s ease, transform .18s ease;
}
body.casino-redesign .selected-game-link:hover,
body.casino-redesign .selected-game-link:focus-visible { border-color: #9ab5ff; transform: translateY(-3px); }
body.casino-redesign .selected-game-art {
  aspect-ratio: 1/1;
  border: 1px solid #8092b0;
  border-radius: 7px;
  background: #111625;
}
body.casino-redesign .selected-game-art img { object-fit: cover; }
body.casino-redesign .selected-game h3,
body.casino-redesign .selected-game-provider,
body.casino-redesign .selected-game-visit { margin-left: 7px; margin-right: 7px; }
body.casino-redesign .selected-game h3 { font-size: 15px; line-height: 1.3; }
body.casino-redesign .selected-game-visit { color: #b7caff; font-size: 11px; }

/* Illustrated editorial categories echo the operator's game rail without claiming availability. */
body.casino-redesign .editorial-game-context { max-width: 74ch; }
body.casino-redesign .editorial-game-rail {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
  margin: 22px 0 6px;
}
body.casino-redesign .editorial-game-card { min-width: 0; }
body.casino-redesign .editorial-game-art {
  display: grid;
  place-items: center;
  height: clamp(116px,12vw,152px);
  overflow: hidden;
  border: 1px solid #7888a8;
  border-radius: 9px;
  color: #c9dcff;
  background:
    linear-gradient(145deg,#c5d5ff24 0%,transparent 27% 76%,#050b1980 100%),
    radial-gradient(circle at 60% 28%,#3f65c4,#1a2b5a 58%,#111725 100%);
  box-shadow: inset 0 1px #d9e5ff72, inset 0 -4px #080f26;
}
body.casino-redesign .editorial-game-art--live { background:
  linear-gradient(145deg,#e1e8ff24,transparent 28% 75%,#050b1980),
  radial-gradient(circle at 50% 28%,#4c5f98,#243456 58%,#121822 100%); }
body.casino-redesign .editorial-game-art--original { background:
  linear-gradient(145deg,#e1e8ff24,transparent 28% 75%,#050b1980),
  radial-gradient(circle at 50% 28%,#4a75e2,#1e3a78 58%,#111725 100%); }
body.casino-redesign .editorial-game-art svg { width: min(106px,55%); height: 80%; filter: drop-shadow(0 7px 9px #07132b); }
body.casino-redesign .editorial-game-card strong,
body.casino-redesign .editorial-game-card span { display: block; }
body.casino-redesign .editorial-game-card strong { margin-top: 10px; color: #f5f7ff; font-size: 16px; }
body.casino-redesign .editorial-game-card span { margin-top: 3px; color: #bdc8de; font-size: 13px; line-height: 1.4; }

body.casino-redesign .section h2,
body.casino-redesign .start-guide h2 { color: #f8f9ff; }
body.casino-redesign .table-wrap {
  border: 1px solid #3a4966;
  border-radius: 9px;
  background: #141a28;
}
body.casino-redesign table caption { padding-left: 14px; }
body.casino-redesign thead { background: #253353; }
body.casino-redesign tbody tr:nth-child(even) { background: #1b2437; }
body.casino-redesign .cards .card,
body.casino-redesign .start-guide-card {
  border-color: #465b84;
  background: linear-gradient(165deg,#263757,#18223a 70%,#131a2b);
  box-shadow: inset 0 1px #a9bde43d;
}
body.casino-redesign .cards .card:hover,
body.casino-redesign .start-guide-card:hover { border-color: #97b3ff; }
body.casino-redesign .notice { padding: 20px 22px; border-color: #465a80; background: #17243b; }

@media (max-width: 1200px) {
  body.casino-redesign header { padding-inline: 24px; }
  body.casino-redesign .selected-games-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  body.casino-redesign header { gap: 12px; }
  body.casino-redesign .brand > span { font-size: 18px; }
  body.casino-redesign #navigation { gap: 10px; }
}
@media (max-width: 700px) {
  body.casino-redesign .topline { padding-block: 5px; }
  body.casino-redesign header {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 5px 8px;
    margin: 0;
    min-height: 0;
    padding: 7px 14px;
  }
  body.casino-redesign .brand { min-width: 0; gap: 6px; }
  body.casino-redesign .brand img { width: 39px; height: 40px; }
  body.casino-redesign .brand img.brand-wordmark { width: 126px; height: auto; }
  body.casino-redesign .brand > span { font-size: 16px; }
  body.casino-redesign .brand small { font-size: 8px; letter-spacing: .02em; }
  body.casino-redesign .language-switch { grid-column: 2; grid-row: 1; margin: 0; }
  body.casino-redesign .language-switch a { min-width: 29px; min-height: 38px; font-size: 11px; }
  body.casino-redesign .menu-button { grid-column: 3; grid-row: 1; min-width: 46px; min-height: 44px; }
  body.casino-redesign #navigation { grid-column: 1/-1; grid-row: 2; }
  body.casino-redesign .header-actions { grid-column: 1/-1; grid-row: 3; }
  body.casino-redesign .header-actions .casino-cta { width: 100%; min-height: 44px; }
  body.casino-redesign .casino-tabs { width: calc(100% - 24px); margin-top: 5px; padding: 2px; }
  body.casino-redesign .casino-tabs a { min-height: 44px; padding: 7px 4px; font-size: 11px; }
  body.review-home .welcome-hero,
  body.review-home .es-banner-hero { margin: 9px 12px 0; }
  body.review-home .es-banner-intro { display: block; margin-bottom: 9px; }
  body.review-home .es-banner-intro .es-review-disclosure { margin-bottom: 4px; }
  body.review-home .es-evidence-jump { display: inline-flex; align-items: center; min-height: 36px; font-size: .8rem; }
  body.review-home .welcome-title { padding-inline: 4px; }
  body.review-home .welcome-title h1 { font-size: clamp(21px,5.8vw,25px); }
  body.review-home .welcome-stage { display: flex; flex-direction: column; min-height: 0; border-radius: 10px; }
  body.review-home .welcome-stage::before { display: none; }
  body.review-home .welcome-art {
    order: -1;
    align-self: stretch;
    width: 100%;
    height: clamp(190px,47vw,270px);
    justify-content: center;
    background: radial-gradient(ellipse at 55% 50%, #284a98 0%, #111a2e 67%);
  }
  body.review-home .welcome-art img {
    display: block;
    width: auto;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center bottom;
    mask-image: linear-gradient(0deg,transparent 0%,#000 18%);
  }
  body.review-home .welcome-copy { width: 100%; padding: 16px 18px 20px; }
  body.review-home .es-banner-link { max-width: 340px; }
  body.casino-redesign .selected-games-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  body.casino-redesign .selected-game h3 { font-size: 14px; }
  body.casino-redesign .selected-game-visit { font-size: 10px; }
  body.casino-redesign .editorial-game-rail {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    padding-bottom: 10px;
  }
  body.casino-redesign .editorial-game-card { flex: 0 0 min(58vw,190px); scroll-snap-align: start; }
  body.casino-redesign .editorial-game-art { height: 128px; }
  body.casino-redesign .editorial-game-card strong { font-size: 14px; }
  body.casino-redesign .editorial-game-card span { font-size: 12px; }
  body.casino-redesign .cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  body.casino-redesign .cards .card { padding: 16px; }
  body.casino-redesign .cards .card h3 { font-size: 18px; }
}
@media (max-width: 380px) {
  body.casino-redesign .brand img { width: 32px; height: 34px; }
  body.casino-redesign .brand img.brand-wordmark { width: 108px; height: auto; }
  body.casino-redesign .brand > span { font-size: 13px; }
  body.casino-redesign .language-switch a { min-width: 27px; }
  body.casino-redesign .menu-button { min-width: 43px; }
  body.casino-redesign .cards { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  body.casino-redesign .selected-game-link { transition: none; }
  body.casino-redesign .selected-game-link:hover { transform: none; }
}