:root {
  --bg: #292526;
  --surface: #342f31;
  --surface-2: #3d3739;
  --line: #514a4d;
  --gold: #fec882;
  --gold-soft: #d5b17d;
  --cream: #fffaf3;
  --muted: #b7aaa1;
  --red: #b92f32;
  --header-h: 75px;
  --section-gap: 20px;
  --radius: 6px;
  color-scheme: dark;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html { scroll-behavior: smooth; scroll-padding-top: 95px; }

body {
  margin: 0;
  min-width: 0;
  overflow-x: clip;
  background-color: var(--bg);
  background-image:
    radial-gradient(circle at 48px 48px, transparent 0 8px, rgba(254,200,130,.025) 9px 10px, transparent 11px),
    repeating-linear-gradient(90deg, transparent 0 47px, rgba(254,200,130,.018) 48px 49px, transparent 50px 95px);
  background-size: 96px 96px, 96px 96px;
  color: var(--cream);
  font: 400 15px/1.55 Poppins, Inter, Arial, sans-serif;
}

a { color: inherit; }
a.go-link { cursor: pointer; }
img { display: block; max-width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  z-index: 100;
  left: 16px;
  top: 8px;
  transform: translateY(-150%);
  background: var(--gold);
  color: #231f20;
  padding: 10px 14px;
  border-radius: 4px;
}

.skip-link:focus { transform: none; }

.site-loader {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 43%, rgba(185,47,50,.46) 0, rgba(111,38,40,.2) 24%, transparent 48%),
    radial-gradient(circle at 50% 50%, rgba(254,200,130,.16) 0 20%, transparent 51%),
    linear-gradient(145deg, #151112 0%, #2d2023 48%, #171314 100%);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: site-loader-failsafe .01s linear 8s forwards;
}
.site-loader::before,
.site-loader::after {
  content: '';
  position: absolute;
  inset: -40%;
  pointer-events: none;
}
.site-loader::before {
  background: repeating-conic-gradient(from 0deg, rgba(254,200,130,.13) 0 1deg, transparent 1deg 12deg);
  opacity: .52;
  animation: site-loader-rays-spin 16s linear infinite;
}
.site-loader::after {
  inset: 0;
  background:
    linear-gradient(90deg, rgba(254,200,130,.07) 1px, transparent 1px),
    linear-gradient(rgba(254,200,130,.07) 1px, transparent 1px);
  background-size: 72px 72px;
  -webkit-mask-image: radial-gradient(circle at 50% 50%, #000, transparent 67%);
  mask-image: radial-gradient(circle at 50% 50%, #000, transparent 67%);
}
.site-loader[data-state="leaving"] {
  pointer-events: none;
  animation: site-loader-exit .58s cubic-bezier(.4,0,.2,1) forwards;
}
.site-loader-rays {
  position: absolute;
  width: min(760px, 120vw);
  aspect-ratio: 1;
  border: 1px solid rgba(254,200,130,.2);
  border-radius: 50%;
  box-shadow:
    0 0 0 28px rgba(254,200,130,.018),
    0 0 0 64px rgba(254,200,130,.022),
    0 0 115px 28px rgba(254,200,130,.18);
  animation: site-loader-halo 2.2s ease-in-out infinite;
}
.site-loader-panel {
  position: relative;
  z-index: 2;
  isolation: isolate;
  width: min(560px, 100%);
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 42px 48px 38px;
  overflow: hidden;
  border: 1px solid rgba(254,200,130,.82);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 22%, rgba(254,200,130,.2), transparent 34%),
    linear-gradient(155deg, rgba(61,45,49,.98), rgba(31,25,27,.97));
  box-shadow:
    0 34px 90px rgba(0,0,0,.6),
    0 0 0 6px rgba(254,200,130,.05),
    inset 0 1px rgba(255,250,243,.18),
    0 0 55px rgba(185,47,50,.32);
  text-align: center;
}
.site-loader-panel::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -50% auto -50% -45%;
  width: 38%;
  background: linear-gradient(90deg, transparent, rgba(255,242,220,.22), rgba(254,200,130,.5), transparent);
  transform: skewX(-18deg) translateX(-240%);
  animation: site-loader-panel-shine 2.3s ease-in-out infinite;
}
.site-loader-panel::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 12px;
  border: 1px solid rgba(254,200,130,.18);
  border-radius: 16px;
  pointer-events: none;
}
.site-loader-emblem {
  position: relative;
  width: 278px;
  height: 190px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
}
.site-loader-emblem img {
  position: relative;
  z-index: 2;
  width: 196px;
  height: auto;
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.5)) drop-shadow(0 0 13px rgba(254,200,130,.25));
  animation: site-loader-logo-pulse 1.5s ease-in-out infinite;
}
.site-loader-orbit,
.site-loader-orbit::before,
.site-loader-orbit::after {
  position: absolute;
  border-radius: 50%;
}
.site-loader-orbit {
  inset: 0 44px;
  border: 2px solid rgba(254,200,130,.34);
  box-shadow: inset 0 0 30px rgba(254,200,130,.11), 0 0 28px rgba(185,47,50,.45);
}
.site-loader-orbit::before {
  content: '';
  inset: -5px;
  background: conic-gradient(from 20deg, transparent 0 12%, var(--gold) 18% 23%, transparent 30% 58%, #b92f32 64% 73%, transparent 79% 100%);
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 6px));
  mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #000 calc(100% - 6px));
  filter: drop-shadow(0 0 8px rgba(254,200,130,.75));
  animation: site-loader-orbit-spin 1.7s linear infinite;
}
.site-loader-orbit::after {
  content: '';
  inset: 18px;
  border: 1px dashed rgba(255,250,243,.32);
  animation: site-loader-orbit-spin 4.2s linear infinite reverse;
}
.site-loader-eyebrow {
  margin: 0 0 8px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .19em;
  text-transform: uppercase;
}
.site-loader-title {
  color: var(--cream);
  font-size: clamp(31px, 6vw, 48px);
  line-height: 1.05;
  letter-spacing: -.025em;
  text-shadow: 0 4px 22px rgba(254,200,130,.2);
}
.site-loader-status {
  min-height: 24px;
  margin-top: 13px;
  color: #e9d9c9;
  font-size: 14px;
  font-weight: 600;
}
.site-loader-progress {
  width: min(330px, 88%);
  height: 8px;
  display: block;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid rgba(254,200,130,.35);
  border-radius: 999px;
  background: rgba(12,9,10,.55);
  box-shadow: inset 0 1px 5px rgba(0,0,0,.6), 0 0 18px rgba(254,200,130,.08);
}
.site-loader-progress i {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: inherit;
  background: linear-gradient(90deg, #b92f32, var(--gold) 55%, #fff3df 72%, var(--gold));
  box-shadow: 0 0 15px rgba(254,200,130,.8);
  transform-origin: left center;
  animation: site-loader-progress 1.25s cubic-bezier(.16,1,.3,1) both;
}
.site-loader-ledger {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.site-loader-ledger i {
  width: 7px;
  height: 7px;
  display: block;
  border-radius: 50%;
  background: rgba(254,200,130,.28);
  box-shadow: 0 0 0 1px rgba(254,200,130,.2);
  animation: site-loader-ledger 1.15s ease-in-out infinite;
}
.site-loader-ledger i:nth-child(2) { animation-delay: .12s; }
.site-loader-ledger i:nth-child(3) { animation-delay: .24s; }
.site-loader-ledger i:nth-child(4) { animation-delay: .36s; }
.site-loader-ledger i:nth-child(5) { animation-delay: .48s; }
@keyframes site-loader-rays-spin { to { transform: rotate(360deg); } }
@keyframes site-loader-halo { 50% { transform: scale(1.035); opacity: .78; } }
@keyframes site-loader-orbit-spin { to { transform: rotate(360deg); } }
@keyframes site-loader-logo-pulse { 50% { transform: scale(1.035); filter: drop-shadow(0 12px 22px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(254,200,130,.48)); } }
@keyframes site-loader-panel-shine { 0%, 28% { transform: skewX(-18deg) translateX(-240%); } 72%, 100% { transform: skewX(-18deg) translateX(600%); } }
@keyframes site-loader-progress { 0% { transform: scaleX(.03); } 68% { transform: scaleX(.76); } 100% { transform: scaleX(1); } }
@keyframes site-loader-ledger { 0%, 100% { transform: translateY(0) scale(.8); background: rgba(254,200,130,.25); } 50% { transform: translateY(-5px) scale(1.15); background: var(--gold); box-shadow: 0 0 12px rgba(254,200,130,.78); } }
@keyframes site-loader-exit { to { opacity: 0; visibility: hidden; transform: scale(1.018); } }
@keyframes site-loader-failsafe { to { opacity: 0; visibility: hidden; pointer-events: none; } }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  height: var(--header-h);
  border-bottom: 1px solid #3c3739;
  background: rgba(41, 37, 38, .96);
  backdrop-filter: blur(14px);
}

.header-inner {
  width: min(100%, 1600px);
  height: 100%;
  margin: 0 auto;
  padding: 0 30px;
  display: grid;
  grid-template-columns: 190px minmax(250px, 1fr) auto auto;
  align-items: center;
  gap: 22px;
}

.brand { width: 155px; display: block; }
.brand img { width: 155px; height: auto; }

.desktop-nav { display: flex; align-self: stretch; justify-content: center; }

.desktop-nav a {
  display: flex;
  align-items: center;
  padding: 0 24px;
  color: #968b80;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}

.desktop-nav a:hover,
.desktop-nav a:focus-visible,
.desktop-nav a.is-active { color: var(--gold); border-color: var(--gold); }

.header-actions { display: flex; gap: 10px; }

.bonus-dock-launcher {
  position: relative;
  isolation: isolate;
  min-width: 118px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 13px 7px 9px;
  overflow: hidden;
  border: 1px solid rgba(254,200,130,.62);
  border-radius: 5px;
  background: linear-gradient(135deg, #2e292b, #352d30 54%, #2a2527);
  color: var(--cream);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s cubic-bezier(.22,1,.36,1), background-color .3s cubic-bezier(.22,1,.36,1);
}
.bonus-dock-launcher::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: -35%;
  bottom: -35%;
  left: -38%;
  width: 34%;
  background: linear-gradient(90deg, transparent, rgba(255,239,211,.1) 26%, rgba(255,239,211,.72) 50%, rgba(254,200,130,.18) 72%, transparent);
  transform: skewX(-19deg) translateX(-180%);
  pointer-events: none;
  animation: shared-control-shimmer 4.8s ease-in-out infinite;
}
.bonus-dock-launcher > span { position: relative; z-index: 1; }
.bonus-dock-launcher:hover { transform: translateY(-1px); border-color: var(--gold); background: #373033; }
.bonus-dock-logo {
  width: 32px;
  height: 30px;
  display: inline-grid;
  place-items: end start;
  flex: 0 0 32px;
}
.bonus-dock-megaphone {
  width: 28px;
  height: 28px;
  display: block;
}
.bonus-dock-megaphone svg {
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
}
.bonus-megaphone-shell,
.bonus-megaphone-handle,
.bonus-megaphone-rays {
  fill: none;
  stroke: #ffd495;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.bonus-dock-badge {
  position: absolute;
  top: -1px;
  right: -1px;
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border: 2px solid #2e292b;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--gold), #e4a353);
  color: #292526;
  box-shadow: 0 2px 7px rgba(0,0,0,.4);
  font-size: 10px;
  font-weight: 900;
  line-height: 1;
}
.bonus-dock-panel {
  position: fixed;
  z-index: 56;
  top: calc(var(--header-h) + 10px);
  right: max(18px, calc((100vw - min(1600px, calc(100vw - 60px))) / 2));
  width: min(460px, calc(100vw - 32px));
  max-height: calc(100dvh - var(--header-h) - 28px);
  overflow: auto;
  padding: 16px;
  border: 1px solid rgba(254,200,130,.7);
  border-radius: 8px;
  background: #262223;
  box-shadow: 0 20px 58px rgba(0,0,0,.42);
}
.bonus-dock-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--gold); }
.bonus-dock-close, .wheel-close {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: transparent;
  color: var(--cream);
  font: 700 24px/1 Arial, sans-serif;
  cursor: pointer;
}
.bonus-dock-panel ol { margin: 12px 0 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.bonus-dock-panel li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 5px; background: #302b2d; }
.bonus-dock-panel li > div { min-width: 0; display: grid; gap: 3px; }
.bonus-dock-panel li strong { color: var(--cream); font-size: 14px; }
.bonus-dock-panel li span { color: var(--gold); font-size: 13px; }
.bonus-dock-panel li small { color: var(--muted); font-size: 10px; line-height: 1.35; }
.bonus-dock-panel li a { color: var(--gold); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }

.btn {
  width: 164px;
  min-width: 164px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 20px;
  border: 1px solid transparent;
  border-radius: 5px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

.btn:hover { transform: translateY(-2px); }
.btn:active,
.store-btn:active,
.bonus-dock-launcher:active,
.game-rail-toggle:active,
.wheel-launcher:active,
.wheel-spin:active,
.chat-main-link:active {
  transform: translateY(1px) scale(.994);
  box-shadow: inset 3px 0 0 rgba(254,200,130,.7), inset -3px 0 0 rgba(254,200,130,.7);
}
.btn:focus-visible, button:focus-visible, a:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.btn-primary { background: var(--gold); color: #2e292b; }
.btn-primary:hover { background: #ffd9a4; }
.btn-outline { color: var(--gold); border-color: var(--gold); background: transparent; }
.btn-full { width: 100%; min-width: 0; }

.menu-toggle, .mobile-menu, .menu-scrim, .noscript-mobile-nav { display: none; }

.site-shell {
  width: min(calc(100% - 60px), 1600px);
  margin: 0 auto;
  padding-top: calc(var(--header-h) + 20px);
  display: grid;
  grid-template-columns: 240px 20px minmax(0, 1020px) 20px 240px;
  align-items: start;
}

.main-column {
  grid-column: 3;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--section-gap);
}
.main-column > * { min-width: 0; }
.sidebar-left { grid-column: 1; }
.sidebar-right { grid-column: 5; }

.sidebar {
  position: sticky;
  top: 95px;
  display: grid;
  gap: 14px;
}

.sidebar-card {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}

.sidebar-eyebrow {
  margin: 0 0 8px;
  color: var(--gold);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.live-card-cta { display: block; color: inherit; text-decoration: none; }
.live-card-cta strong { display: block; padding-right: 16px; }
.live-card-cta:hover, .live-card-cta:focus-visible { color: var(--gold); }
.live-dot { position: absolute; top: 20px; right: 18px; width: 8px; height: 8px; border-radius: 50%; background: #72d191; box-shadow: 0 0 0 5px rgba(114,209,145,.13); }

.article-nav h2 { margin: 0 0 14px; font-size: 18px; line-height: 1.3; color: var(--gold); }
.article-nav nav { display: grid; gap: 4px; }
.article-nav a { padding: 9px 10px; color: var(--muted); border-left: 2px solid transparent; text-decoration: none; }
.article-nav a:hover, .article-nav a.is-current { color: var(--cream); border-color: var(--gold); background: #2e2a2b; }

.app-card { padding-top: 74px; }
.phone-mark { position: absolute; top: 16px; left: 18px; width: 36px; height: 50px; border: 2px solid var(--gold); border-radius: 7px; }
.phone-mark::after { content: ''; position: absolute; left: 50%; bottom: 4px; width: 7px; height: 2px; border-radius: 2px; background: var(--gold); transform: translateX(-50%); }
.app-card strong { display: block; margin-bottom: 18px; }

.visual-link {
  position: relative;
  min-height: 92px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  text-decoration: none;
  background: linear-gradient(120deg, #231f20, #4c3a31);
  isolation: isolate;
}

.visual-link::before { content: ''; position: absolute; inset: 0; z-index: -1; opacity: .94; background-position: center; background-repeat: no-repeat; background-size: cover; filter: saturate(.9) contrast(1.04); transition: transform .3s ease, filter .3s ease; }
.visual-link:hover::before { transform: scale(1.08); }
.visual-link:hover::before { filter: saturate(1) contrast(1.08) brightness(1.06); }
.visual-link.roulette::before { background-image: linear-gradient(90deg, rgba(17,15,16,.88) 0%, rgba(17,15,16,.48) 43%, rgba(17,15,16,.08) 100%), url('sidebar-roulette.webp'); }
.visual-link.blackjack::before { background-image: linear-gradient(90deg, rgba(17,15,16,.88) 0%, rgba(17,15,16,.48) 43%, rgba(17,15,16,.08) 100%), url('sidebar-blackjack.webp'); }
.visual-link.slots::before { background-image: linear-gradient(90deg, rgba(17,15,16,.88) 0%, rgba(17,15,16,.48) 43%, rgba(17,15,16,.08) 100%), url('sidebar-slots.webp'); }
.visual-link span { position: relative; z-index: 1; color: var(--cream); font-weight: 800; text-shadow: 0 2px 8px rgba(0,0,0,.9); text-transform: uppercase; }

.hero {
  position: relative;
  min-height: 381px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: var(--radius);
  background: #171415;
  isolation: isolate;
}

.hero-media, .hero-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.hero-media { z-index: -2; object-fit: cover; object-position: 74% 48%; }
.hero-overlay { z-index: -1; background: linear-gradient(90deg, rgba(19,17,17,.97) 0%, rgba(26,22,22,.88) 38%, rgba(26,22,22,.18) 70%, rgba(26,22,22,.04) 100%); }
.hero-copy { width: min(70%, 740px); min-width: 0; padding: 60px 30px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.hero h1 { margin: 0; color: var(--cream); font-size: clamp(36px, 2.6vw, 42px); line-height: 1.14; font-weight: 800; text-transform: uppercase; text-wrap: balance; word-break: normal; }
.hero p { margin: 0; color: #eee5dc; font-size: 16px; line-height: 1.55; }

.store-buttons { width: min(100%, 520px); max-width: 100%; min-width: 0; display: flex; flex-wrap: nowrap; gap: 10px; }
.store-btn {
  min-width: 0;
  min-height: 58px;
  flex: 1 1 0;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border: 1px solid var(--gold);
  border-radius: 5px;
  background: rgba(25, 22, 23, .82);
  color: var(--cream);
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease;
}
.store-btn:hover { transform: translateY(-2px); background: #211e1f; }
.store-btn img { width: 26px; height: 26px; object-fit: contain; }
.store-btn span { min-width: 0; display: grid; grid-template-rows: auto auto; gap: 1px; }
.store-btn small, .store-btn strong { display: block; white-space: nowrap; overflow: hidden; text-overflow: clip; }
.store-btn small { color: var(--muted); font-size: 11px; line-height: 15px; }
.store-btn strong { color: var(--gold); font-size: 16px; line-height: 20px; }

.promo-banner {
  --promo-focus-x: 50%;
  --promo-focus-y: 50%;
  position: relative;
  min-height: 260px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border-radius: var(--radius);
  background: #171415;
  isolation: isolate;
}
.promo-banner > img,
.promo-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.promo-banner > img { z-index: -2; object-fit: cover; object-position: var(--promo-focus-x) var(--promo-focus-y); }
.promo-overlay { z-index: -1; }
.promo-left .promo-overlay { background: linear-gradient(90deg, rgba(19,17,17,.97) 0%, rgba(26,22,22,.84) 42%, rgba(26,22,22,.11) 75%, transparent 100%); }
.promo-right { justify-content: flex-end; }
.promo-right .promo-overlay { background: linear-gradient(270deg, rgba(19,17,17,.97) 0%, rgba(26,22,22,.84) 42%, rgba(26,22,22,.11) 75%, transparent 100%); }
.promo-copy { width: min(64%, 650px); min-width: 0; padding: 28px 30px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.promo-copy h2 { margin: 0; color: var(--gold); font-size: 30px; line-height: 36px; font-weight: 700; }
.promo-copy p { margin: 0; }
.promo-value { color: var(--cream); font-size: 18px; line-height: 1.4; font-weight: 700; }
.promo-terms { color: #d4c8be; font-size: 13px; line-height: 1.45; }
.promo-copy .btn { margin-top: 2px; }
.app-download-banner {
  position: relative;
  min-height: 340px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 198, 123, .46);
  border-radius: var(--radius);
  background: #151213;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 18px 42px rgba(0,0,0,.22);
  isolation: isolate;
}
.app-download-media,
.app-download-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.app-download-media { z-index: -2; object-fit: cover; object-position: 73% 50%; }
.app-download-overlay {
  z-index: -1;
  background:
    radial-gradient(circle at 24% 42%, rgba(124,54,59,.18), transparent 34%),
    linear-gradient(90deg, rgba(17,15,16,.98) 0%, rgba(24,20,21,.93) 42%, rgba(24,20,21,.34) 68%, rgba(17,15,16,.08) 100%);
}
.app-download-copy {
  width: min(64%, 650px);
  min-width: 0;
  padding: 36px 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 13px;
}
.app-download-eyebrow {
  margin: 0;
  color: var(--gold);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.app-download-copy h2 { margin: 0; color: var(--cream); font-size: 30px; line-height: 36px; text-wrap: balance; }
.app-download-copy > p:not(.app-download-eyebrow) { margin: 0; color: #ddd1c6; font-size: 15px; line-height: 1.55; }
.banner-store-buttons { width: min(100%, 520px); margin-top: 4px; }
.section-store-buttons { margin-top: 20px; }

.content-section {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  scroll-margin-top: 95px;
}

.content-section > h2 {
  width: 100%;
  margin: 0 0 20px;
  color: var(--gold);
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
  text-transform: none;
}

.content-flow { width: 100%; display: flow-root; }
.content-flow > * { width: 100%; max-width: none; }
.content-flow p { margin: 0 0 20px; }
.content-flow p:last-child { margin-bottom: 0; }
.content-flow h3 { margin: 20px 0; color: var(--gold-soft); font-size: 20px; line-height: 32px; font-weight: 600; text-transform: uppercase; }
.content-flow ul, .content-flow ol { margin: 0 0 20px; padding-left: 24px; }
.content-flow li { padding-left: 6px; margin: 0 0 9px; }
.content-flow li::marker { color: var(--gold); font-weight: 700; }

.section-conclusion-cta {
  width: auto;
  min-width: 164px;
  margin-top: 20px;
}

.content-flow .editorial-byline,
.content-flow .editorial-meta {
  padding: 12px 14px;
  border-left: 3px solid var(--gold);
  border-radius: 0 4px 4px 0;
  background: #2e2a2b;
  color: #e8ddd4;
}

.content-flow .editorial-byline { font-weight: 600; }
.content-flow .editorial-meta { color: var(--muted); }

.pros-cons-section-flow { display: grid; gap: 18px; }
.pros-cons-section-flow > .pros-cons-intro { margin: 0; }
.pros-cons-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; align-items: stretch; }
.pros-cons-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(254,200,130,.25);
  border-radius: 6px;
  background: #292526;
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
}
.pros-cons-card--positive { border-color: rgba(114,209,145,.38); box-shadow: inset 4px 0 0 rgba(114,209,145,.72), 0 8px 22px rgba(0,0,0,.12); }
.pros-cons-card--negative { border-color: rgba(197,91,94,.46); box-shadow: inset 4px 0 0 rgba(197,91,94,.78), 0 8px 22px rgba(0,0,0,.12); }
.pros-cons-card-head { display: flex; align-items: center; gap: 11px; }
.pros-cons-sign {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 50%;
  font-size: 23px;
  line-height: 1;
  font-weight: 800;
}
.pros-cons-card--positive .pros-cons-sign { color: #72d191; background: rgba(114,209,145,.1); }
.pros-cons-card--negative .pros-cons-sign { color: #df888a; background: rgba(197,91,94,.12); }
.content-flow .pros-cons-card h3 { margin: 0; color: var(--cream); font-size: 19px; line-height: 1.3; }
.content-flow .pros-cons-list { margin: 0; padding: 0; display: grid; align-content: start; gap: 11px; list-style: none; }
.content-flow .pros-cons-list li { position: relative; display: grid; grid-template-columns: 22px minmax(0,1fr); gap: 8px; margin: 0; padding: 0; }
.pros-cons-item-sign { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; font-size: 15px; line-height: 1; font-weight: 800; }
.pros-cons-card--positive .pros-cons-item-sign { color: #72d191; background: rgba(114,209,145,.1); }
.pros-cons-card--negative .pros-cons-item-sign { color: #df888a; background: rgba(197,91,94,.12); }

.table-wrap { width: 100%; margin: 0 0 20px; overflow-x: auto; border: 1px solid var(--line); border-radius: 5px; }
table { width: 100%; min-width: 620px; border-collapse: collapse; background: #2f2a2c; }
th, td { padding: 13px 14px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th:last-child, td:last-child { border-right: 0; }
tbody tr:last-child td { border-bottom: 0; }
th { color: #2a2627; background: var(--gold); font-weight: 800; }
tbody tr:nth-child(even) { background: #373134; }

/* Shared project-palette hover and shimmer feedback for controls; game-card links stay excluded. */
.desktop-nav a,
.mobile-menu nav a,
.noscript-mobile-nav a,
.article-nav a,
.footer-inner nav a,
.btn,
.store-btn,
.game-rail-toggle,
.wheel-launcher,
.chat-main-link,
.wheel-spin,
.wheel-claim,
.bonus-dock-close,
.wheel-close,
.menu-toggle,
.error-card nav a {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.desktop-nav a::before,
.mobile-menu nav a::before,
.noscript-mobile-nav a::before,
.article-nav a::before,
.footer-inner nav a::before,
.btn::before,
.store-btn::before,
.game-rail-toggle::before,
.wheel-launcher::before,
.chat-main-link::before,
.wheel-spin::before,
.wheel-claim::before,
.bonus-dock-close::before,
.wheel-close::before,
.menu-toggle::before,
.error-card nav a::before {
  content: '';
  position: absolute;
  z-index: 4;
  top: -42%;
  bottom: -42%;
  left: -38%;
  width: 34%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(255,239,211,.08) 24%, rgba(255,239,211,.58) 50%, rgba(254,200,130,.14) 74%, transparent);
  transform: skewX(-19deg) translateX(-180%);
  pointer-events: none;
  animation: shared-control-shimmer 4.8s ease-in-out infinite;
}
.desktop-nav a:hover,
.desktop-nav a:focus-visible,
.mobile-menu nav a:hover,
.mobile-menu nav a:focus-visible,
.noscript-mobile-nav a:hover,
.noscript-mobile-nav a:focus-visible,
.article-nav a:hover,
.article-nav a:focus-visible,
.footer-inner nav a:hover,
.footer-inner nav a:focus-visible { transform: translateY(-1px); filter: brightness(1.1); }
.btn:hover,
.store-btn:hover,
.game-rail-toggle:hover,
.wheel-launcher:hover,
.chat-main-link:hover,
.wheel-spin:hover,
.wheel-claim:hover,
.bonus-dock-close:hover,
.wheel-close:hover,
.menu-toggle:hover,
.error-card nav a:hover { filter: brightness(1.1); }
@keyframes shared-control-shimmer {
  0%, 62% { opacity: 0; transform: skewX(-19deg) translateX(-180%); }
  68% { opacity: .82; }
  88% { opacity: .62; transform: skewX(-19deg) translateX(520%); }
  100% { opacity: 0; transform: skewX(-19deg) translateX(520%); }
}

.table-wrap { position: relative; border-left-color: rgba(254,200,130,.72); }
.table-wrap::before {
  content: '';
  position: sticky;
  z-index: 2;
  left: 0;
  top: 0;
  float: left;
  width: 5px;
  height: 40px;
  margin-right: -5px;
  background: repeating-linear-gradient(180deg, var(--gold) 0 4px, transparent 4px 8px);
}
th { background: #211e1f; color: var(--gold); border-bottom-color: rgba(254,200,130,.55); }
tbody tr { transition: background-color .3s cubic-bezier(.22,1,.36,1); }
tbody tr:hover { background-color: #40373a; }
tbody tr:hover td:first-child { background-image: radial-gradient(circle at 8px 50%, var(--gold) 0 2px, transparent 3px); background-repeat: no-repeat; padding-left: 20px; }

.content-flow > ol { position: relative; list-style: none; counter-reset: ionic-step; padding-left: 34px; }
.content-flow > ol::before { content: ''; position: absolute; left: 11px; top: 8px; bottom: 10px; width: 1px; background: repeating-linear-gradient(180deg, rgba(254,200,130,.7) 0 5px, transparent 5px 10px); }
.content-flow > ol > li { position: relative; counter-increment: ionic-step; }
.content-flow > ol > li::before {
  content: counter(ionic-step);
  position: absolute;
  left: -34px;
  top: 1px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid var(--gold);
  border-radius: 50%;
  background: #342f31;
  color: var(--gold);
  font-size: 11px;
  font-weight: 800;
  box-shadow: 0 8px 0 -6px #342f31, 0 -8px 0 -6px #342f31;
}

.review-section-flow { display: grid; gap: 18px; }
.review-section-flow > .review-section-intro,
.review-section-flow > .review-section-summary { margin: 0; }
.review-aggregate-summary { margin: 0; color: var(--muted); font-size: 14px; }
.review-aggregate-summary strong { color: var(--gold); }
.review-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; align-items: stretch; }
.review-card {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 10px;
  overflow: hidden;
  padding: 18px;
  border: 1px solid rgba(254,200,130,.28);
  border-radius: 6px;
  background:
    radial-gradient(circle at 100% 0, rgba(254,200,130,.1), transparent 34%),
    #292526;
  box-shadow: inset 4px 0 0 rgba(254,200,130,.62), 0 8px 22px rgba(0,0,0,.12);
}
.review-card::after { content: '“'; position: absolute; right: 12px; top: -9px; color: rgba(254,200,130,.12); font-family: Georgia,serif; font-size: 72px; line-height: 1; pointer-events: none; }
.review-card-meta { position: relative; z-index: 1; margin: 0; padding-right: 32px; color: var(--gold); line-height: 1.35; }
.review-card-stars { position: relative; z-index: 1; color: var(--gold); font-size: 14px; line-height: 1; letter-spacing: .12em; }
.review-card-quote { position: relative; z-index: 1; margin: 0; padding: 0; border: 0; }
.review-card-quote p { margin: 0; color: #eee5dc; }
.review-card-grid--odd .review-card:last-child { grid-column: 1 / -1; }
.review-section-summary { padding-top: 2px; border-top: 1px solid rgba(254,200,130,.2); }

.faq-accordion { display: grid; gap: 10px; }
.faq-item {
  overflow: hidden;
  border: 1px solid rgba(254,200,130,.28);
  border-radius: 6px;
  background: #292526;
  box-shadow: inset 3px 0 0 rgba(254,200,130,.48);
}
.faq-item > summary {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0,1fr) 34px;
  align-items: center;
  gap: 14px;
  padding: 13px 16px 13px 18px;
  list-style: none;
  cursor: pointer;
  transition: background-color .32s cubic-bezier(.22,1,.36,1), color .32s cubic-bezier(.22,1,.36,1);
}
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item > summary:hover { background: rgba(254,200,130,.06); }
.faq-item > summary:focus-visible { outline: 2px solid var(--gold); outline-offset: -3px; }
.content-flow .faq-item > summary h3 { margin: 0; color: var(--gold-soft); font-size: 18px; line-height: 1.35; font-weight: 700; text-transform: none; }
.faq-marker {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  border: 1px solid rgba(254,200,130,.58);
  border-radius: 50%;
  background: #211e1f;
  transition: transform .42s cubic-bezier(.22,1,.36,1), background-color .32s cubic-bezier(.22,1,.36,1);
}
.faq-marker::before,
.faq-marker::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; border-radius: 2px; background: var(--gold); transform: translate(-50%,-50%); }
.faq-marker::after { transform: translate(-50%,-50%) rotate(90deg); transition: opacity .24s ease; }
.faq-answer { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .46s cubic-bezier(.22,1,.36,1), opacity .3s ease; }
.faq-answer > div { min-height: 0; overflow: hidden; }
.content-flow .faq-answer p { margin: 0; padding: 0 18px 18px; color: #eee5dc; }
.faq-item[open] { border-color: rgba(254,200,130,.62); }
.faq-item[open] > summary { background: rgba(254,200,130,.07); }
.faq-item[open] .faq-marker { transform: rotate(180deg); background: rgba(254,200,130,.11); }
.faq-item[open] .faq-marker::after { opacity: 0; }
.faq-item[open] .faq-answer { grid-template-rows: 1fr; opacity: 1; }

.game-rail {
  min-width: 0;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background:
    repeating-linear-gradient(90deg, transparent 0 27px, rgba(254,200,130,.025) 28px 29px),
    #302b2d;
}
.game-rail-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.game-rail-title { margin: 0; color: var(--gold); font-size: 21px; line-height: 1.25; font-weight: 800; }
.game-rail-toggle {
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(254,200,130,.55);
  border-radius: 4px;
  background: #272324;
  color: var(--cream);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s cubic-bezier(.22,1,.36,1);
}
.game-rail-toggle { display: none; }
.js .game-rail-toggle { display: inline-block; }
.game-rail-toggle:hover { transform: translateY(-1px); border-color: var(--gold); }
.game-rail-viewport { min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 2px 1px 8px; scrollbar-color: var(--gold) #211e1f; }
.game-rail-track { width: max-content; display: flex; will-change: transform; }
.game-rail-group { display: flex; flex: 0 0 auto; gap: 14px; padding-right: 14px; }
.game-card { position: relative; width: 142px; flex: 0 0 142px; overflow: hidden; border: 1px solid var(--line); border-radius: 5px; background: #211e1f; transition: transform .3s cubic-bezier(.22,1,.36,1), border-color .3s cubic-bezier(.22,1,.36,1); }
.game-card::after { content: ''; position: absolute; z-index: 2; top: 8px; right: 8px; width: 13px; height: 13px; border: 1px solid var(--gold); border-radius: 50%; opacity: 0; transform: scale(.5); pointer-events: none; transition: opacity .3s cubic-bezier(.22,1,.36,1), transform .3s cubic-bezier(.22,1,.36,1); }
.game-card:hover, .game-card:focus-within { transform: translateY(-2px); border-color: rgba(254,200,130,.8); }
.game-card:hover::after, .game-card:focus-within::after { opacity: 1; transform: scale(1); box-shadow: inset 0 0 0 3px rgba(254,200,130,.15); }
.game-card a { height: 100%; display: grid; grid-template-rows: 191px minmax(48px,auto); color: var(--cream); text-decoration: none; }
.game-card img { width: 100%; height: 191px; object-fit: cover; }
.game-card span { display: flex; align-items: center; padding: 9px 10px; font-size: 12px; line-height: 1.25; font-weight: 700; }
.js .game-rail.is-looping .game-rail-viewport { overflow-x: hidden; }
.js .game-rail.is-looping .game-rail-track { animation: game-rail-loop var(--rail-duration) linear infinite; }
.js .game-rail.is-looping:hover .game-rail-track,
.js .game-rail.is-looping:focus-within .game-rail-track,
.js .game-rail.is-looping[data-pointer-paused="true"] .game-rail-track,
.js .game-rail.is-looping[data-user-paused="true"] .game-rail-track,
.js .game-rail.is-looping[data-document-paused="true"] .game-rail-track { animation-play-state: paused; }
@keyframes game-rail-loop { to { transform: translateX(-50%); } }

.fixed-action-cluster {
  position: fixed;
  z-index: 48;
  right: max(18px, calc((100vw - min(1600px, calc(100vw - 60px))) / 2 + 260px));
  bottom: 18px;
  display: grid;
  gap: 8px;
}
.wheel-launcher, .chat-main-link {
  min-width: 154px;
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  border: 1px solid var(--gold);
  border-radius: 5px;
  background: #252122;
  color: var(--gold);
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
  transition: transform .3s cubic-bezier(.22,1,.36,1), background-color .3s cubic-bezier(.22,1,.36,1);
}
.wheel-launcher {
  min-width: 208px;
  min-height: 56px;
  display: grid;
  grid-template-columns: 54px minmax(0,1fr);
  justify-content: stretch;
  overflow: hidden;
  padding: 0;
  text-align: left;
  background:
    linear-gradient(90deg, rgba(254,200,130,.12), transparent 46%),
    #252122;
}
.wheel-launcher-mark {
  position: relative;
  align-self: stretch;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(254,200,130,.48);
  background: linear-gradient(145deg, rgba(254,200,130,.2), rgba(108,57,58,.22));
}
.wheel-launcher-mark::before {
  content: '';
  width: 31px;
  aspect-ratio: 1;
  border: 2px solid var(--gold);
  border-radius: 50%;
  background:
    radial-gradient(circle, var(--gold) 0 3px, #211e1f 4px 8px, transparent 9px),
    repeating-conic-gradient(from -9deg, var(--gold) 0 5deg, #6c393a 5deg 36deg);
  box-shadow: 0 0 0 3px rgba(254,200,130,.1), inset 0 0 0 2px #211e1f;
}
.wheel-launcher-mark::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 50%;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 8px solid var(--cream);
  transform: translateX(-50%);
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.5));
}
.wheel-launcher-copy { min-width: 0; display: grid; align-content: center; gap: 2px; padding: 7px 11px; }
.wheel-launcher-copy small { color: #b9aea7; font-size: 9px; line-height: 1; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.wheel-launcher-copy strong { color: var(--gold); font-size: 13px; line-height: 1.15; }
.chat-main-link {
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  justify-self: end;
  padding: 0;
  border-radius: 50%;
  background: radial-gradient(circle at 34% 28%, rgba(254,200,130,.18), transparent 34%), linear-gradient(145deg, #332d2f, #1d1a1b);
  box-shadow: 0 0 0 3px rgba(254,200,130,.08), 0 9px 22px rgba(0,0,0,.3), inset 0 0 0 1px rgba(255,239,211,.06);
}
.chat-icon {
  position: relative;
  z-index: 1;
  width: 25px;
  height: 19px;
  border: 2px solid var(--gold);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(108,57,58,.52), rgba(37,33,34,.96));
  box-shadow: inset 0 0 0 1px rgba(255,239,211,.07), 0 0 12px rgba(254,200,130,.13);
}
.chat-icon::before {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--cream);
  box-shadow: 5px 0 0 var(--cream), 10px 0 0 var(--cream);
}
.chat-icon::after {
  content: '';
  position: absolute;
  left: 3px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid var(--gold);
  border-right: 7px solid transparent;
  transform: rotate(8deg);
  filter: drop-shadow(0 2px 1px rgba(0,0,0,.35));
}
.wheel-launcher:hover { transform: translateY(-1px); background: #332d2f; }
.chat-main-link:hover { transform: translateY(-2px) scale(1.04); background: radial-gradient(circle at 34% 28%, rgba(254,200,130,.28), transparent 38%), linear-gradient(145deg, #3b3335, #211d1e); }
.wheel-dialog { position: fixed; z-index: 100; inset: 0; display: grid; place-items: center; padding: 18px; }
body.wheel-open { overflow: hidden; }
.wheel-backdrop { position: absolute; inset: 0; background: rgba(11,9,10,.78); }
.wheel-card {
  position: relative;
  z-index: 1;
  width: min(520px, 100%);
  max-height: calc(100dvh - 36px);
  overflow: auto;
  display: grid;
  justify-items: center;
  gap: 14px;
  padding: 24px;
  border: 1px solid var(--gold);
  border-radius: 8px;
  background: #292526;
  box-shadow: 0 24px 72px rgba(0,0,0,.55);
}
.wheel-confetti { position: absolute; z-index: 5; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; }
.wheel-confetti-piece {
  position: absolute;
  left: 50%;
  top: 43%;
  width: var(--confetti-w, 7px);
  height: var(--confetti-h, 13px);
  border-radius: 1px;
  background: var(--confetti-color, var(--gold));
  opacity: 0;
  box-shadow: 0 0 8px color-mix(in srgb, var(--confetti-color, var(--gold)) 45%, transparent);
  animation: wheel-confetti-burst var(--confetti-duration, 1500ms) cubic-bezier(.16,.72,.24,1) var(--confetti-delay, 0ms) forwards;
}
.wheel-confetti-piece[data-shape="coin"] { width: 8px; height: 8px; border-radius: 50%; box-shadow: inset 0 0 0 2px rgba(33,30,31,.35), 0 0 8px rgba(254,200,130,.28); }
.wheel-confetti-piece[data-shape="tick"] { width: 13px; height: 4px; border-radius: 3px; }
@keyframes wheel-confetti-burst {
  0% { opacity: 0; transform: translate(-50%,-50%) rotate(0deg) scale(.35); }
  12% { opacity: 1; }
  72% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(-50% + var(--confetti-x)), calc(-50% + var(--confetti-y))) rotate(var(--confetti-r)) scale(1); }
}
.wheel-close { position: absolute; z-index: 6; top: 12px; right: 12px; }
.wheel-title { margin: 0; padding: 0 44px; color: var(--gold); font-size: 24px; line-height: 1.2; font-weight: 800; text-align: center; }
.wheel-disc-wrap { position: relative; width: min(330px, 78vw); aspect-ratio: 1; }
.wheel-disc { position: absolute; inset: 10px; overflow: hidden; border: 6px solid #201c1d; border-radius: 50%; background: conic-gradient(#6c393a 0 90deg, #3d3435 90deg 180deg, #765126 180deg 270deg, #493238 270deg 360deg); box-shadow: 0 0 0 2px var(--gold), inset 0 0 0 2px rgba(255,255,255,.08); transition: transform 2.4s cubic-bezier(.15,.72,.18,1); }
.wheel-dialog[data-state="spinning"] .wheel-disc,
.wheel-dialog[data-state="resolved"] .wheel-disc { transform: rotate(var(--wheel-rotation, 1800deg)); }
.wheel-pointer { position: absolute; z-index: 3; top: -1px; left: 50%; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 28px solid var(--gold); transform: translateX(-50%); filter: drop-shadow(0 2px 2px rgba(0,0,0,.5)); }
.wheel-sector-labels { position: absolute; inset: 0; margin: 0; padding: 0; list-style: none; }
.wheel-sector-labels li { position: absolute; width: 28%; transform: translate(-50%, -50%); color: var(--cream); font-size: clamp(7px, 2.2vw, 9px); line-height: 1.08; font-weight: 800; text-align: center; text-shadow: 0 1px 2px #000; overflow-wrap: normal; word-break: normal; }
.wheel-sector-labels li:nth-child(1) { left: 74%; top: 26%; }
.wheel-sector-labels li:nth-child(2) { left: 74%; top: 74%; }
.wheel-sector-labels li:nth-child(3) { left: 26%; top: 74%; }
.wheel-sector-labels li:nth-child(4) { left: 26%; top: 26%; }
.wheel-spin, .wheel-claim {
  min-width: 190px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border: 1px solid var(--gold);
  border-radius: 5px;
  background: var(--gold);
  color: #292526;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  transition: transform .3s cubic-bezier(.22,1,.36,1), background-color .3s cubic-bezier(.22,1,.36,1);
}
.wheel-result { width: 100%; display: grid; justify-items: center; gap: 7px; padding: 14px; border: 1px solid var(--line); border-radius: 5px; background: #302b2d; text-align: center; }
.wheel-result-label { margin: 0; color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.wheel-result-title { color: var(--gold); font-size: 18px; }
.wheel-result-value { color: var(--cream); font-weight: 700; }
.wheel-result-terms { color: var(--muted); }
.wheel-dialog[data-state="resolved"] .wheel-spin { display: none; }

.site-footer { width: 100%; margin-top: 20px; border-top: 1px solid var(--line); background: #211e1f; }
.footer-inner { width: min(calc(100% - 60px), 1600px); margin: 0 auto; padding: 32px 0; display: grid; grid-template-columns: 1.4fr 1fr; gap: 24px 40px; align-items: start; }
.footer-brand img { width: 155px; height: auto; margin-bottom: 14px; }
.footer-brand p { margin: 0; color: var(--muted); }
.footer-inner nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px 24px; }
.footer-inner nav a { color: var(--gold); text-decoration: none; }
.responsible { display: flex; gap: 12px; align-items: center; color: var(--muted); }
.responsible strong { width: 48px; height: 48px; display: grid; place-items: center; flex: 0 0 auto; border: 2px solid var(--gold); border-radius: 50%; color: var(--gold); }
.copyright { margin: 0; align-self: center; color: #827973; text-align: right; }

.service-main {
  width: min(calc(100% - 60px), 1020px);
  min-height: calc(100vh - var(--header-h) - 220px);
  margin: 0 auto;
  padding: calc(var(--header-h) + 36px) 0 48px;
}
.service-document {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  box-shadow: var(--shadow);
}
.service-hero {
  padding: 46px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 88% 18%, rgba(254,200,130,.16), transparent 34%),
    linear-gradient(135deg, #332d2f, #262223);
}
.service-eyebrow { margin: 0 0 10px; color: var(--gold); font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.service-hero h1, .error-card h1 { margin: 0 0 16px; color: var(--cream); font-size: 42px; line-height: 1.15; }
.service-hero > p:last-child { max-width: 760px; margin: 0; color: var(--muted); font-size: 17px; }
.service-qa { padding: 14px 46px 34px; }
.service-item { padding: 28px 0; border-bottom: 1px solid var(--line); }
.service-item:last-child { border-bottom: 0; }
.service-item h2 { margin: 0 0 10px; color: var(--gold); font-size: 24px; line-height: 1.3; }
.service-item p { margin: 0; color: #ded4cd; }
.error-main { display: grid; place-items: center; }
.error-card {
  width: 100%;
  padding: 56px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background:
    radial-gradient(circle at 82% 20%, rgba(254,200,130,.18), transparent 32%),
    var(--panel);
  box-shadow: var(--shadow);
  text-align: center;
}
.error-code { margin: 0; color: var(--gold); font-size: clamp(72px, 14vw, 150px); font-weight: 900; line-height: .9; opacity: .28; }
.error-card > p:not(.error-code) { max-width: 650px; margin: 0 auto 26px; color: var(--muted); }
.error-card nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.error-card nav a { padding: 11px 16px; border: 1px solid var(--gold); border-radius: 4px; color: var(--gold); text-decoration: none; }

@media (max-width: 1240px) and (min-width: 981px) {
  .header-inner { grid-template-columns: 155px minmax(230px,1fr) auto auto; gap: 12px; padding-inline: 18px; }
  .desktop-nav a { padding-inline: 14px; }
  .bonus-dock-launcher { min-width: 44px; }
  .bonus-dock-label { display: none; }
}

@media (max-width: 1359px) {
  .site-shell { display: block; width: min(calc(100% - 60px), 1020px); }
  .sidebar { display: none; }
  .main-column { display: grid; }
  .fixed-action-cluster { right: 18px; }
}

@media (max-width: 1100px) {
  :root { --header-h: 60px; }
  .header-inner { padding: 0 16px; grid-template-columns: 1fr auto auto; gap: 10px; }
  .brand { width: 126px; }
  .brand img { width: 126px; }
  .desktop-nav, .header-actions { display: none; }
  .bonus-dock-launcher { width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 7px 5px 5px 7px; }
  .bonus-dock-label { display: none; }
  .menu-toggle { width: 44px; height: 44px; display: grid; place-content: center; gap: 5px; padding: 0; border: 1px solid var(--line); border-radius: 5px; background: transparent; color: var(--cream); }
  .menu-toggle span { width: 22px; height: 2px; display: block; border-radius: 2px; background: currentColor; transition: transform .2s ease, opacity .2s ease; }
  .menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
  .menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
  .mobile-menu { position: fixed; z-index: 52; inset: var(--header-h) 0 auto; max-height: calc(100dvh - var(--header-h)); overflow-y: auto; padding: 16px; border-top: 1px solid var(--line); background: #292526; }
  .mobile-menu:not([hidden]) { display: grid; gap: 18px; }
  .mobile-menu nav { display: grid; }
  .mobile-menu nav a { padding: 13px 12px; color: var(--cream); border-bottom: 1px solid var(--line); text-decoration: none; }
  .mobile-menu nav a.is-active { color: var(--gold); }
  .mobile-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .mobile-actions .btn { width: 100%; min-width: 0; }
  .menu-scrim:not([hidden]) { position: fixed; z-index: 49; inset: var(--header-h) 0 0; display: block; background: rgba(8,7,7,.56); }
  .bonus-dock-panel { top: calc(var(--header-h) + 8px); left: max(8px, env(safe-area-inset-left)); right: max(8px, env(safe-area-inset-right)); width: auto; }
  html:not(.js) .menu-toggle { display: none; }
  .noscript-mobile-nav { position: fixed; z-index: 51; top: var(--header-h); left: 0; right: 0; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 4px; padding: 8px 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #292526; }
  .noscript-mobile-nav a { min-width: 0; padding: 10px 4px; color: var(--cream); font-size: 13px; font-weight: 700; text-align: center; text-decoration: none; }
  .noscript-mobile-nav a.is-active { color: var(--gold); }
  .site-shell { width: min(calc(100% - 32px), 1020px); padding-top: calc(var(--header-h) + 20px); }
  .footer-inner { width: min(calc(100% - 32px), 1020px); }
  .service-main { width: min(calc(100% - 32px), 1020px); padding-top: calc(var(--header-h) + 20px); }
  html:not(.js) .site-shell,
  html:not(.js) .service-main { padding-top: calc(var(--header-h) + 80px); }
}

@media (max-width: 720px) {
  .site-loader { padding: 14px; }
  .site-loader-panel { min-height: min(520px, calc(100dvh - 28px)); padding: 32px 20px 28px; border-radius: 18px; }
  .site-loader-panel::after { inset: 8px; border-radius: 12px; }
  .site-loader-emblem { width: 236px; height: 165px; }
  .site-loader-emblem img { width: 168px; }
  .site-loader-orbit { inset-inline: 36px; }
  .site-loader-title { font-size: clamp(29px, 10vw, 40px); }
  .site-loader-status { max-width: 290px; }
  .hero { min-height: 440px; }
  .hero-media { object-position: 70% 50%; }
  .hero-overlay { background: linear-gradient(90deg, rgba(19,17,17,.96) 0%, rgba(24,21,21,.82) 62%, rgba(24,21,21,.35) 100%); }
  .hero-copy { width: 100%; padding: 44px 20px 28px; }
  .hero h1 { font-size: 32px; line-height: 38px; }
  .content-section > h2 { font-size: 26px; line-height: 32px; }
  .content-flow h3 { font-size: 20px; line-height: 30px; }
  .promo-banner { min-height: 430px; align-items: flex-end; justify-content: flex-start; }
  .promo-banner > img { object-position: var(--promo-focus-x) var(--promo-focus-y); }
  .promo-left .promo-overlay,
  .promo-right .promo-overlay { background: linear-gradient(0deg, rgba(19,17,17,.97) 0%, rgba(26,22,22,.78) 56%, rgba(26,22,22,.16) 100%); }
  .promo-copy { width: 100%; padding: 26px 20px; }
  .promo-copy h2 { font-size: 26px; line-height: 32px; }
  .app-download-banner { min-height: 470px; align-items: flex-end; }
  .app-download-media { object-position: 70% 50%; }
  .app-download-overlay {
    background:
      linear-gradient(0deg, rgba(17,15,16,.99) 0%, rgba(24,20,21,.92) 54%, rgba(24,20,21,.34) 78%, rgba(17,15,16,.08) 100%);
  }
  .app-download-copy { width: 100%; padding: 28px 20px; }
  .app-download-copy h2 { font-size: 26px; line-height: 32px; }
  .footer-inner { grid-template-columns: 1fr; }
  .footer-inner nav { justify-content: flex-start; }
  .copyright { text-align: left; }
  .service-hero { padding: 32px 24px; }
  .service-hero h1, .error-card h1 { font-size: 32px; line-height: 38px; }
  .service-qa { padding: 8px 24px 22px; }
  .service-item { padding: 24px 0; }
  .service-item h2 { font-size: 22px; }
  .error-card { padding: 38px 24px; }
  .game-rail { padding: 14px; }
  .game-rail-head { align-items: flex-start; }
  .game-rail-title { font-size: 19px; }
  .game-card { width: 125px; flex-basis: 125px; }
  .game-card a { grid-template-rows: 168px minmax(48px,auto); }
  .game-card img { height: 168px; }
  body { padding-bottom: 76px; }
  .fixed-action-cluster {
    position: fixed;
    z-index: 48;
    right: max(12px, env(safe-area-inset-right));
    bottom: max(12px, env(safe-area-inset-bottom));
    left: max(12px, env(safe-area-inset-left));
    width: auto;
    margin: 0;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
  }
  .wheel-launcher, .chat-main-link { min-width: 0; min-height: 40px; font-size: 11.5px; }
  .chat-main-link { width: 48px; height: 48px; min-width: 48px; min-height: 48px; padding: 0; }
  .wheel-launcher { grid-template-columns: 42px minmax(0,1fr); }
  .wheel-launcher-mark::before { width: 25px; }
  .wheel-launcher-mark::after { top: 4px; }
  .wheel-launcher-copy { padding-inline: 8px; }
  .wheel-card { padding: 20px 14px 16px; }
  .wheel-title { font-size: 21px; }
  .wheel-disc-wrap { width: min(290px, 78vw); }
  .review-card-grid { grid-template-columns: 1fr; }
  .review-card-grid--odd .review-card:last-child { grid-column: auto; }
  .pros-cons-grid { grid-template-columns: 1fr; }
  .faq-item > summary { min-height: 54px; padding: 12px 13px 12px 15px; }
  .content-flow .faq-item > summary h3 { font-size: 17px; line-height: 1.35; }
  .content-flow .faq-answer p { padding: 0 15px 15px; }
}

@media (max-width: 520px) {
  .mobile-actions { grid-template-columns: 1fr; }
  .hero { min-height: 500px; }
  .hero-copy .btn { width: 100%; min-width: 0; }
  .store-buttons { width: 100%; flex-direction: column; }
  .store-btn { width: 100%; flex: none; }
  .store-btn small, .store-btn strong { white-space: nowrap; }
  .content-section { padding: 20px; }
}

@media (max-width: 380px) {
  .hero h1 { font-size: 27px; line-height: 33px; letter-spacing: -.015em; text-transform: none; text-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
  .game-rail-viewport { overflow-x: auto !important; }
  .game-rail-track { animation: none !important; transform: none !important; }
  .wheel-confetti { display: none !important; }
  .site-loader::before,
  .site-loader-rays,
  .site-loader-panel::before,
  .site-loader-emblem img,
  .site-loader-orbit::before,
  .site-loader-orbit::after,
  .site-loader-progress i,
  .site-loader-ledger i { animation: none !important; }
  .site-loader-progress i { transform: scaleX(1); }
  .bonus-dock-launcher::before,
  .desktop-nav a::before,
  .mobile-menu nav a::before,
  .noscript-mobile-nav a::before,
  .article-nav a::before,
  .footer-inner nav a::before,
  .btn::before,
  .store-btn::before,
  .game-rail-toggle::before,
  .wheel-launcher::before,
  .chat-main-link::before,
  .wheel-spin::before,
  .wheel-claim::before,
  .bonus-dock-close::before,
  .wheel-close::before,
  .menu-toggle::before,
  .error-card nav a::before { display: none !important; animation: none !important; }
}