:root {
  --ink: #2b1b11;
  --cream: #e7d2ad;
  --red: #a34528;
  --blue: #72513a;
  --yellow: #c9964b;
  --line: rgba(69, 42, 25, .22);
}

body {
  background-color: var(--cream);
  background-image:
    radial-gradient(circle at 18% 26%, rgba(255, 244, 214, .24) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 64%, rgba(79, 45, 24, .12) 0 .8px, transparent 1.8px),
    radial-gradient(rgba(69, 42, 25, .06) .7px, transparent .8px);
  background-size: 37px 41px, 53px 47px, 7px 7px;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 20;
  pointer-events: none;
  opacity: .2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  mix-blend-mode: multiply;
}

body::before {
  content: "";
  position: fixed;
  inset: -25%;
  z-index: 19;
  pointer-events: none;
  opacity: .2;
  background:
    radial-gradient(ellipse at 12% 28%, transparent 0 8%, rgba(255, 151, 46, .7) 10%, transparent 23%),
    radial-gradient(ellipse at 78% 18%, transparent 0 7%, rgba(255, 211, 105, .65) 9%, transparent 21%),
    radial-gradient(ellipse at 68% 82%, transparent 0 9%, rgba(205, 71, 37, .58) 11%, transparent 25%),
    radial-gradient(ellipse at 25% 76%, transparent 0 6%, rgba(255, 190, 72, .52) 8%, transparent 20%);
  background-size: 58% 52%, 62% 58%, 64% 56%, 55% 60%;
  filter: blur(24px) saturate(1.25);
  mix-blend-mode: screen;
  animation: neon-drift 16s ease-in-out infinite alternate;
}

.cursor-smoke {
  position: fixed;
  z-index: 99;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle, rgba(239, 220, 190, .52) 0 18%, rgba(172, 142, 112, .28) 42%, transparent 72%);
  filter: blur(2.5px);
  animation: cursor-smoke-drift .95s ease-out forwards;
}
.cursor-smoke::before,
.cursor-smoke::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(220, 202, 177, .22);
  filter: blur(2px);
}
.cursor-smoke::before { width: 75%; height: 75%; left: -35%; top: 20%; }
.cursor-smoke::after { width: 58%; height: 58%; right: -30%; top: -12%; }
@keyframes cursor-smoke-drift {
  0% { opacity: .72; transform: translate(0,0) scale(.35); }
  45% { opacity: .38; }
  100% { opacity: 0; transform: translate(var(--smoke-x),var(--smoke-rise)) scale(var(--smoke-scale)); }
}

@keyframes neon-drift {
  0% { transform: translate3d(-4%, -2%, 0) rotate(-2deg) scale(1); }
  35% { transform: translate3d(5%, 3%, 0) rotate(2deg) scale(1.06); }
  70% { transform: translate3d(-1%, 7%, 0) rotate(-1deg) scale(1.02); }
  100% { transform: translate3d(6%, -4%, 0) rotate(3deg) scale(1.08); }
}

@media (prefers-reduced-motion: reduce) {
  body::before { animation: none; }
}

/* Irregular paper edges between the main content panels */
.guides, .safety, .trust { position: relative; }
.guides, .safety { background-color: #e7d2ad; }
.guides::before, .safety::before, .trust::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -17px;
  left: 0;
  width: 100%;
  height: 19px;
  background: inherit;
  clip-path: polygon(0 72%,2% 45%,4% 68%,6% 34%,8% 58%,10% 26%,12% 61%,14% 38%,16% 73%,18% 43%,20% 67%,22% 31%,24% 60%,26% 39%,28% 75%,30% 46%,32% 65%,34% 28%,36% 56%,38% 37%,40% 71%,42% 42%,44% 62%,46% 25%,48% 58%,50% 40%,52% 74%,54% 36%,56% 64%,58% 29%,60% 57%,62% 44%,64% 70%,66% 33%,68% 61%,70% 41%,72% 76%,74% 35%,76% 63%,78% 27%,80% 59%,82% 39%,84% 72%,86% 45%,88% 66%,90% 30%,92% 60%,94% 38%,96% 69%,98% 42%,100% 64%,100% 100%,0 100%);
  filter: drop-shadow(0 -2px 1px rgba(65, 38, 22, .12));
}

.guides::after, .safety::after {
  content: "";
  position: absolute;
  z-index: 4;
  top: -8px;
  left: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(to bottom, rgba(70, 39, 20, .14), transparent);
  pointer-events: none;
}

h1, h2, h3, .brand, .card-icon, .chip span,
.score-top span, .score-top b, .safety-number {
  font-family: "Cinzel", serif;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  color: #f2dfbd;
  border-color: rgba(231, 210, 173, .22);
  background: rgba(36, 22, 15, .88);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 8px 24px rgba(21, 11, 6, .18);
}
.inner-page .site-header { position: fixed !important; background: rgba(41, 25, 16, .92); }
.inner-page .inner-main { min-height: 100vh; padding-top: 160px; }
.site-header nav a { position: relative; }
.site-header nav a[aria-current="page"] {
  color: #ffe4a0;
  opacity: 1;
  text-shadow: 0 0 8px #d98d3e, 0 0 20px rgba(255, 180, 74, .75);
}
.site-header nav a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -12px;
  height: 2px;
  background: #ffc76a;
  box-shadow: 0 0 7px 2px rgba(255, 175, 67, .75);
}
.brand b { color: #d39a58; }
.hero {
  background: linear-gradient(120deg, #21140d 0%, #392317 58%, #56351f 100%);
  color: #f4e4c6;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(115deg, transparent 0 90px, rgba(227, 190, 128, .025) 91px 92px);
  pointer-events: none;
}
.hero::after { background: radial-gradient(circle at 79% 45%, rgba(201, 150, 75, .22), transparent 28%); }
h1 em, h2 em { color: #d9a15c; }
.hero h1 > span, .hero h1 > em { display: block; white-space: nowrap; }
.primary { background: #9e4328; color: #fff4df; border: 1px solid #c77a4d; }
.join-button {
  position: relative;
  transform-origin: center;
  box-shadow: 0 8px 22px rgba(158, 67, 40, .32);
  animation: join-pop .28s ease-in-out infinite alternate;
}
.join-button::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 2px solid rgba(217, 161, 92, .7);
  pointer-events: none;
  animation: join-ring .56s ease-out infinite;
}
.join-button:hover {
  transform: scale(1.08) translateY(-2px);
  box-shadow: 0 14px 28px rgba(158, 67, 40, .46);
}
@keyframes join-pop {
  from { transform: scale(1) translateY(0); }
  to { transform: scale(1.065) translateY(-2px); }
}
@keyframes join-ring {
  0% { opacity: .65; transform: scale(1); }
  100% { opacity: 0; transform: scale(1.22); }
}
@media (prefers-reduced-motion: reduce) {
  .join-button, .join-button::after { animation: none; }
}
.orbit { border-color: rgba(217, 183, 126, .25); }
.orbit-two { border-color: rgba(217, 183, 126, .14); }
.orbit::before, .orbit::after { content: "✦"; position: absolute; color: #b7864d; font-size: 18px; }
.orbit::before { left: 48%; top: -12px; }
.orbit::after { left: 48%; bottom: -12px; }
.chip {
  background: linear-gradient(145deg, #9b693b, #654029);
  border-color: #291910;
  outline-color: #bd8950;
  box-shadow: 0 22px 80px #120a06, inset 0 0 30px rgba(255, 216, 147, .12);
}
.chip::after { border-color: rgba(248, 218, 166, .55); }
.p2 { color: #d8ab68; }
.p3 { color: #a66b40; }
.guide-card { border: 1px solid rgba(70, 40, 22, .28); box-shadow: 0 12px 30px rgba(69, 42, 25, .08); }
.guide-card.red { background: #a54a2d; color: #f8ead2; }
.guide-card.blue { background: #654633; color: #f8ead2; }
.guide-card.yellow { background: #c9964b; color: #2b1b11; }
.game-cover {
  width: min(64%, 245px);
  aspect-ratio: 1;
  object-fit: cover;
  border: 3px solid rgba(255, 237, 203, .62);
  box-shadow: 9px 9px 0 rgba(55, 29, 14, .22);
  transition: transform .3s ease, box-shadow .3s ease;
}
.guide-card:hover .game-cover {
  transform: rotate(-2deg) scale(1.025);
  box-shadow: 13px 13px 0 rgba(55, 29, 14, .18);
}
.brand-story {
  position: relative;
  background: #d4b078;
  border-top: 1px solid rgba(87, 49, 27, .22);
  border-bottom: 1px solid rgba(87, 49, 27, .22);
}
.brand-story::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background:
    linear-gradient(30deg, transparent 48%, rgba(86, 47, 25, .12) 49%, transparent 51%),
    radial-gradient(circle at 12% 20%, rgba(255,241,202,.5), transparent 24%);
  background-size: 38px 38px, auto;
}
.story-intro {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 5vw;
  align-items: end;
  margin-bottom: 60px;
}
.story-intro .eyebrow { grid-column: 1 / -1; }
.story-intro h2 { font-size: clamp(44px, 5.5vw, 78px); line-height: .98; letter-spacing: -.05em; }
.story-intro h2 em {
  display: inline-block;
  margin-top: 10px;
  padding: .08em .16em .12em;
  color: #fff0d1;
  background: #9e4328;
  box-shadow: 7px 7px 0 rgba(77, 42, 23, .2);
  transform: rotate(-1deg);
  text-shadow: 0 2px 0 rgba(73, 36, 19, .3);
}
.story-intro > p:last-child { color: #65452f; line-height: 1.75; margin: 0; }
.story-grid { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.story-card {
  min-height: 350px;
  padding: 30px;
  background: #ead8b6;
  border: 1px solid #a97945;
  display: flex;
  flex-direction: column;
  box-shadow: 8px 8px 0 rgba(78, 43, 23, .14);
  transition: transform .25s ease, box-shadow .25s ease;
}
.story-card:hover { transform: translateY(-7px); box-shadow: 12px 14px 0 rgba(78, 43, 23, .11); }
.story-card.feature { background: #513322; color: #f3dfba; }
.story-card > span { color: #a34528; font-weight: 700; }
.story-card.feature > span { color: #e0a054; }
.story-symbol { margin: auto 0; font-size: 56px; color: #a34528; }
.story-card.feature .story-symbol { color: #d8a052; }
.story-card h3 { font-size: 27px; margin-bottom: 14px; }
.story-card p { color: #6b4b36; line-height: 1.65; margin: 0; }
.story-card.feature p { color: #d5bea0; }
@media (max-width: 850px) {
  .story-intro { grid-template-columns: 1fr; }
  .story-grid { grid-template-columns: 1fr; }
  .story-card { min-height: 300px; }
}
.guide-card .card-arrow {
  position: absolute;
  right: 24px;
  bottom: 25px;
  width: 43px;
  height: 43px;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 19px;
  transition: transform .2s ease, background .2s ease;
}
.guide-card .card-arrow:hover {
  transform: scale(1.12) rotate(8deg);
  background: rgba(255,255,255,.16);
}
.rating { background: linear-gradient(135deg, #4a3022, #6b4932); color: #f6e4c5; position: relative; }
.rating::before { content: ""; position: absolute; inset: 20px; border: 1px solid rgba(224, 188, 128, .16); pointer-events: none; }
.rating-copy > p:not(.eyebrow) { color: #dcc8a9; }
.scorecard { background: #ead8b6; border: 1px solid #b58b57; box-shadow: 10px 10px 0 rgba(35, 21, 14, .25); }
.scorecard li i { background: #c9964b; }
.safety-number {
  color: #a34528;
  background: none;
  -webkit-text-fill-color: currentColor;
  text-shadow: 3px 3px 0 #5b3924;
  animation: none;
}
@keyframes gold-shine {
  0%, 15% { background-position: 110% center; filter: brightness(.92); }
  48% { background-position: 35% center; filter: brightness(1.2) drop-shadow(0 0 8px rgba(255,210,100,.5)); }
  85%, 100% { background-position: -90% center; filter: brightness(.96); }
}
@media (prefers-reduced-motion: reduce) {
  .safety-number { animation: none; background-position: 50% center; }
}
.trust { background: rgba(241, 222, 188, .4); }
.community { background: #ead8b6; position: relative; }
.community-head {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 6vw;
  align-items: end;
  margin-bottom: 50px;
}
.community-head h2 { font-size: clamp(44px, 5.5vw, 78px); line-height: .95; letter-spacing: -.05em; }
.community-head > p { color: #6c4d38; line-height: 1.7; margin: 0; }
.community-list { display: grid; gap: 18px; }
.community-item {
  display: grid;
  grid-template-columns: minmax(0, 2.2fr) minmax(270px, .8fr);
  align-items: center;
  gap: 30px;
  padding: 18px;
  background: #d5b57f;
  border: 1px solid #aa7a48;
  box-shadow: 7px 7px 0 rgba(75, 42, 24, .12);
}
.community-item img { display: block; width: 100%; height: auto; }
.community-item > div { padding: 12px 20px 12px 0; }
.community-item span { color: #a34528; font-weight: 700; letter-spacing: .08em; }
.community-item h3 { font-size: 26px; margin: 16px 0 10px; }
.community-item p { color: #684832; line-height: 1.6; margin: 0; }
@media (max-width: 900px) {
  .community-head, .community-item { grid-template-columns: 1fr; }
  .community-item > div { padding: 12px; }
}
.trust .trust-logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  gap: 18px;
  margin-top: 28px;
}
.trust .trust-logo-card {
  height: 118px;
  overflow: hidden;
  display: grid;
  place-items: center;
  background: rgba(255, 239, 208, .5);
  border: 1px solid rgba(104, 61, 31, .18);
  padding: 8px;
}
.trust .trust-logos img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
}
.trust .license-card img {
  width: 108%;
  max-width: none;
  height: 108%;
  transform: translateY(-22px);
}
@media (max-width: 760px) {
  .trust .trust-logos { grid-template-columns: 1fr; }
  .trust .trust-logo-card { height: 130px; }
}
footer { background: #24160f; color: #f2dfbd; }
.page-faq {
  background: #e4c99e;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 7vw;
  border-top: 1px solid rgba(91, 52, 29, .2);
}
.account-guide { max-width: 1050px; margin: 100px auto 0; }
.account-guide-heading { display: grid; grid-template-columns: 1fr .85fr; gap: 5vw; align-items: end; margin-bottom: 42px; }
.account-guide-heading .page-kicker { grid-column: 1 / -1; }
.account-guide-heading h2 { font-size: clamp(40px, 5vw, 68px); line-height: .95; letter-spacing: -.05em; }
.account-guide-heading > p:last-child { color: #6a4a35; line-height: 1.7; }
.account-guide ol { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.account-guide li { display: grid; grid-template-columns: 48px 1fr; gap: 18px; padding: 27px; background: #ead8b6; border: 1px solid #a97947; box-shadow: 6px 6px 0 rgba(75,42,23,.1); }
.account-guide li:last-child { grid-column: 1 / -1; }
.account-guide li > b { color: #a34528; }
.account-guide h3 { font-size: 21px; margin: 0 0 10px; }
.account-guide li p { color: #684832; line-height: 1.6; margin: 0; }
.account-safety { display: grid; grid-template-columns: 50px 1fr; gap: 18px; align-items: center; margin-top: 18px; padding: 24px; background: #513322; color: #d9c2a6; }
.account-safety > span { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #a34528; color: #fff0d1; font-weight: 800; }
.account-safety p { margin: 0; line-height: 1.6; }.account-safety b { color: #fff0d1; }
@media(max-width:760px){.account-guide-heading,.account-guide ol{grid-template-columns:1fr}.account-guide li:last-child{grid-column:auto}.account-safety{grid-template-columns:1fr}}
.promotion-showcase { margin-top: 105px; }
.vip-programme { margin-top: 105px; padding: 65px; background: #3f291c; color: #f3dfbc; box-shadow: 12px 12px 0 rgba(70,38,20,.16); }
.vip-heading { display: grid; grid-template-columns: 1fr .9fr; gap: 6vw; align-items: end; }
.vip-heading h2 { font-size: clamp(42px,5.5vw,76px); line-height: .95; letter-spacing: -.05em; }
.vip-progress > div:first-child { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.vip-progress span { color: #d4b99a; }.vip-progress b { color: #e6a456; }
.progress-track { height: 12px; padding: 2px; border: 1px solid #9f7149; background: #26170f; }
.progress-track i { display: block; width: 3%; height: 100%; background: linear-gradient(90deg,#b96c37,#f0b55f); box-shadow: 0 0 10px #d98f45; }
.vip-levels { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin: 55px 0 30px; }
.vip-levels article { position: relative; padding: 24px 18px; text-align: center; border: 1px solid #835a3c; background: rgba(236,208,164,.07); }
.vip-levels article > span { position: absolute; left: 12px; top: 10px; color: #cbb294; font-weight: 700; }
.vip-levels article > i { display: block; margin: 8px auto 18px; font-size: 34px; font-style: normal; }
.vip-levels .bronze > i{color:#bd7347}.vip-levels .silver > i{color:#d8d3c8}.vip-levels .gold > i{color:#f1bd4d}.vip-levels .platinum > i{color:#d6e5e5}.vip-levels .diamond > i{color:#83dbea}
.vip-levels h3 { font-size: 20px; text-transform: uppercase; }.vip-levels p { color: #c8ae90; line-height: 1.4; }.vip-levels article > b { color: #fff0d1; }
.vip-table-wrap { overflow-x: auto; border: 1px solid #845b3d; }
.vip-table { width: 100%; min-width: 760px; border-collapse: collapse; }
.vip-table th,.vip-table td { padding: 18px; text-align: left; border-bottom: 1px solid rgba(218,182,132,.2); }
.vip-table thead { background: #a34528; color: #fff0d1; }.vip-table tbody th { color: #e0a35d; }.vip-table tbody tr:nth-child(even){background:rgba(238,211,170,.05)}
.vip-terms { margin-top: 30px; padding: 28px; background: #ead8b6; color: #3d281c; }
.vip-terms h3 { font-size: 24px; margin-bottom: 18px; }.vip-terms ol { margin: 0; padding-left: 24px; }.vip-terms li { padding-left: 8px; margin: 10px 0; line-height: 1.6; color: #684832; }
@media(max-width:1000px){.vip-levels{grid-template-columns:repeat(2,1fr)}.vip-heading{grid-template-columns:1fr}}
@media(max-width:620px){.vip-programme{padding:40px 22px}.vip-levels{grid-template-columns:1fr}.vip-progress>div:first-child{display:block}.vip-progress b{display:block;margin-top:8px}}
.promotion-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 5vw; align-items: end; margin-bottom: 50px; }
.promotion-heading .page-kicker { grid-column: 1 / -1; }
.promotion-heading h2 { font-size: clamp(42px, 5.5vw, 76px); line-height: .95; letter-spacing: -.05em; }
.promotion-heading > p:last-child { color: #6b4b36; line-height: 1.7; }
.promotion-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.promotion-grid article { overflow: hidden; background: #ead8b6; border: 1px solid #a97947; box-shadow: 9px 9px 0 rgba(75,42,23,.12); }
.promotion-grid article:last-child {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
}
.promotion-grid article:last-child img { height: auto; min-height: 0; aspect-ratio: auto; object-fit: contain; }
.promotion-grid img { display: block; width: 100%; aspect-ratio: 16 / 8.4; object-fit: cover; object-position: top center; background: #3e281c; }
.promotion-grid article > div { padding: 28px; }
.promotion-grid span { color: #a34528; font-weight: 700; letter-spacing: .08em; }
.promotion-grid h3 { font-size: 27px; margin: 17px 0 12px; }
.promotion-grid p { color: #684832; line-height: 1.65; }
.promotion-grid a { display: inline-flex; gap: 22px; align-items: center; margin-top: 10px; padding-bottom: 7px; border-bottom: 1px solid #a34528; color: #8f3824; font-weight: 700; }
@media (max-width: 800px) {
  .promotion-heading, .promotion-grid { grid-template-columns: 1fr; }
  .promotion-grid article:last-child { grid-column: auto; display: block; }
  .promotion-grid article:last-child img { height: auto; min-height: 0; aspect-ratio: 16 / 8.4; }
}
.inner-grid.game-library {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.game-library-card {
  overflow: hidden;
  background: #ead8b6;
  border: 1px solid #a87947;
  box-shadow: 9px 9px 0 rgba(76, 42, 23, .13);
  transition: transform .25s ease, box-shadow .25s ease;
}
.game-library-card:hover { transform: translateY(-7px); box-shadow: 13px 15px 0 rgba(76, 42, 23, .1); }
.game-library-card > img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.game-library-card > div { padding: 26px; }
.game-library-card span { color: #a34528; font-weight: 700; letter-spacing: .06em; }
.game-library-card h2 { font-size: 28px; margin: 18px 0 12px; }
.game-library-card p { color: #684832; line-height: 1.65; }
.game-library-card .suited-for {
  margin: 22px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(91, 52, 28, .22);
}
.game-library-card .suited-for b { display: block; margin-bottom: 7px; color: #9e4328; text-transform: uppercase; letter-spacing: .06em; }
@media (max-width: 1000px) { .inner-grid.game-library { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .inner-grid.game-library { grid-template-columns: 1fr; } }
.game-details { margin-top: 110px; }
.explore-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7vw;
  align-items: end;
  padding: 65px;
  background: #513322;
  color: #f3dfbc;
  box-shadow: 12px 12px 0 rgba(75, 41, 22, .16);
}
.explore-panel h2, .details-heading h2 { font-size: clamp(40px, 5vw, 68px); line-height: .95; letter-spacing: -.05em; }
.explore-panel > div:last-child > p { color: #d7bea0; line-height: 1.7; }
.explore-panel .button { margin-top: 22px; }
.payment-panel, .claim-panel { padding: 95px 0 20px; }
.details-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 5vw; align-items: end; margin-bottom: 45px; }
.details-heading .page-kicker { grid-column: 1 / -1; }
.details-heading > p:last-child { color: #6b4b36; line-height: 1.7; }
.payment-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.payment-grid article { min-height: 280px; padding: 30px; background: #d5b57f; border: 1px solid #a77442; }
.payment-icon {
  float: right;
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff0d1;
  background: #a34528;
  border: 2px solid #d99a58;
  box-shadow: 4px 4px 0 rgba(83, 45, 23, .18);
  font: 700 30px/1 "Cinzel", serif;
}
.payment-icon.shield-icon { border-radius: 50% 50% 58% 58% / 38% 38% 70% 70%; background: #654633; }
.payment-grid span { color: #a34528; font-weight: 700; }
.payment-grid h3 { font-size: 25px; margin: 60px 0 14px; }
.payment-grid p { color: #684832; line-height: 1.65; }
.payment-methods {
  margin-top: 20px;
  padding: 30px;
  background: #513322;
  color: #f3dfbc;
  border: 1px solid #80583a;
}
.methods-label { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 25px; }
.methods-label h3 { font-size: 25px; margin: 0; }
.methods-label p { max-width: 520px; color: #d3b99b; line-height: 1.55; margin: 0; }
.method-list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.method-list > div { display: flex; gap: 12px; align-items: center; min-width: 0; padding: 16px 12px; background: rgba(242, 218, 180, .08); border: 1px solid rgba(228, 190, 137, .2); }
.method-list .method-icon { flex: 0 0 46px; width: 46px; height: 46px; display: grid; place-items: center; border-radius: 50%; background: #c17a3f; color: #fff2d6; font-style: normal; }
.method-icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.method-list span { min-width: 0; }
.method-list b, .method-list small { display: block; }
.method-list b { color: #fff0d1; }
.method-list small { margin-top: 5px; color: #cdb497; line-height: 1.35; }
@media (max-width: 1100px) { .method-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) {
  .methods-label { display: block; }
  .methods-label p { margin-top: 12px; }
  .method-list { grid-template-columns: 1fr; }
}
.claim-panel { border-top: 1px solid rgba(84, 47, 26, .22); margin-top: 75px; }
.claim-steps { list-style: none; padding: 0; margin: 0 0 35px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.claim-steps li { display: grid; grid-template-columns: 52px 1fr; gap: 18px; padding: 25px; background: #ead8b6; border: 1px solid #a97947; }
.claim-steps li > b { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: #a34528; color: #fff0d1; }
.claim-steps h3 { font-size: 21px; margin: 7px 0 10px; }
.claim-steps p { color: #684832; line-height: 1.6; margin: 0; }
.game-highlights { padding-top: 105px; margin-top: 85px; border-top: 1px solid rgba(84, 47, 26, .22); }
.highlight-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.highlight-grid article { overflow: hidden; background: #ead8b6; border: 1px solid #a97947; box-shadow: 8px 8px 0 rgba(75, 42, 23, .12); }
.highlight-grid img { display: block; width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; }
.highlight-grid article > div { padding: 26px; }
.highlight-grid span { color: #a34528; font-weight: 700; letter-spacing: .07em; }
.highlight-grid h3 { font-size: 26px; margin: 17px 0 12px; }
.highlight-grid p { color: #684832; line-height: 1.65; margin: 0; }
@media (max-width: 950px) { .highlight-grid { grid-template-columns: 1fr; } }
.player-tips { padding-top: 105px; margin-top: 85px; border-top: 1px solid rgba(84, 47, 26, .22); }
.tips-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; counter-reset: tip; }
.tips-grid article { min-height: 270px; padding: 28px; background: #d5b57f; border: 1px solid #a77442; counter-increment: tip; }
.tips-grid article > b { color: #a34528; letter-spacing: .08em; }
.tips-grid article > b::before { content: counter(tip, decimal-leading-zero) " / "; color: #6d4830; }
.tips-grid h3 { font-size: 23px; margin: 55px 0 13px; }
.tips-grid p { color: #684832; line-height: 1.65; margin: 0; }
.tips-reminder { display: grid; grid-template-columns: 115px 1fr; gap: 28px; align-items: center; margin-top: 20px; padding: 28px; background: #513322; color: #f3dfbc; }
.tips-reminder > span { font: 800 48px/1 "Cinzel", serif; color: #d99a58; }
.tips-reminder p { margin: 0; color: #d9c2a6; line-height: 1.65; }
.tips-reminder p b { color: #fff0d1; }
@media (max-width: 900px) { .tips-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) {
  .tips-grid { grid-template-columns: 1fr; }
  .tips-reminder { grid-template-columns: 1fr; }
}
@media (max-width: 800px) {
  .explore-panel, .details-heading { grid-template-columns: 1fr; }
  .explore-panel { padding: 40px 28px; }
  .payment-grid, .claim-steps { grid-template-columns: 1fr; }
}
.game-marquee-section {
  width: calc(100% + 12vw);
  margin: 110px -6vw -120px;
  padding: 90px 0 105px;
  overflow: hidden;
  background: #3d271b;
  color: #f3dfbc;
  border-top: 1px solid #8f623c;
}
.marquee-heading {
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 5vw;
  align-items: end;
  padding: 0 6vw 48px;
}
.marquee-heading .page-kicker { grid-column: 1 / -1; color: #dc9650; }
.marquee-heading h2 { font-size: clamp(42px, 5.5vw, 76px); line-height: .95; letter-spacing: -.05em; }
.marquee-heading > p:last-child { color: #d3b99b; line-height: 1.65; }
.game-marquees { display: grid; gap: 20px; }
.game-marquee-row { width: 100%; overflow: hidden; }
.marquee-track { display: flex; width: max-content; animation: games-left 125s linear infinite; }
.row-2 .marquee-track { animation-name: games-right; }
.game-marquee-row:hover .marquee-track { animation-play-state: paused; }
.marquee-set { display: flex; gap: 16px; padding-right: 16px; }
.marquee-set figure {
  width: 170px;
  flex: 0 0 170px;
  margin: 0;
  background: #e3c99e;
  color: #352116;
  border: 2px solid #a57141;
  box-shadow: 5px 5px 0 rgba(0,0,0,.22);
}
.marquee-set img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.marquee-set figcaption { min-height: 58px; padding: 11px 12px; font-weight: 700; line-height: 1.25; }
@keyframes games-left { to { transform: translateX(-50%); } }
@keyframes games-right { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (max-width: 760px) {
  .marquee-heading { grid-template-columns: 1fr; }
  .marquee-set figure { width: 140px; flex-basis: 140px; }
  .marquee-track { animation-duration: 105s; }
}
@media (prefers-reduced-motion: reduce) {
  .game-marquee-row { overflow-x: auto; scrollbar-color: #c68a49 #3d271b; }
  .marquee-track { animation: none; }
  .marquee-set[aria-hidden="true"] { display: none; }
}
.faq-heading h2 { font-size: clamp(40px, 4.8vw, 68px); line-height: .98; letter-spacing: -.05em; }
.faq-list { border-top: 1px solid rgba(80, 44, 24, .3); }
.faq-list details { border-bottom: 1px solid rgba(80, 44, 24, .3); }
.faq-list summary {
  list-style: none;
  display: grid;
  grid-template-columns: 46px 1fr 30px;
  gap: 12px;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
  font-weight: 700;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: #a34528; }
.faq-list summary b { font-size: 25px; font-weight: 400; transition: transform .25s ease; }
.faq-list details[open] summary b { transform: rotate(45deg); }
.faq-list details > p {
  margin: -4px 42px 24px 58px;
  padding: 18px 20px;
  color: #fff0d1;
  line-height: 1.7;
  background: #513322;
  border-left: 4px solid #c9783f;
  box-shadow: 5px 5px 0 rgba(77, 42, 23, .14);
}
@media (max-width: 800px) {
  .page-faq { grid-template-columns: 1fr; }
  .faq-list details > p { margin-left: 0; margin-right: 0; }
}

.image-brand {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.image-brand img {
  display: block;
  width: 170px;
  height: 58px;
  object-fit: contain;
}
.header-partner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}
.header-partner > .partner-badge {
  display: block;
  width: 150px;
  height: 58px;
  object-fit: contain;
  border-radius: 6px;
}
.header-image-button {
  display: block;
  line-height: 0;
  transition: transform .2s ease, filter .2s ease;
}
.header-image-button:hover,
.header-image-button:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.08);
}
.header-image-button[aria-current="page"] {
  filter: brightness(1.18) drop-shadow(0 0 7px #e99a42) drop-shadow(0 0 14px rgba(255, 182, 78, .7));
  transform: translateY(-2px) scale(1.04);
}
.header-image-button img {
  display: block;
  width: 138px;
  height: auto;
}
.footer-logo img { width: 190px; height: 70px; }

@media (max-width: 900px) {
  .site-header { padding-inline: 4vw; }
  .image-brand img { width: 130px; height: 48px; }
  .header-partner > .partner-badge { width: 90px; height: 48px; }
  .header-image-button img { width: 104px; }
}

@media (max-width: 520px) {
  .image-brand img { width: 108px; height: 42px; }
  .header-partner { gap: 8px; }
  .header-partner > .partner-badge { width: 62px; height: 38px; }
  .header-image-button img { width: 76px; }
  .footer-logo img { width: 165px; height: 60px; }
}

@media (max-width: 390px) {
  .image-brand img { width: 88px; }
  .header-partner > .partner-badge { display: none; }
  .header-image-button img { width: 68px; }
}

/* Readability baseline: no informational copy below 13pt */
body { font-size: 13pt; }
.site-header nav,
.eyebrow,
.intro,
.button,
.text-link,
.fact-strip > span,
.fact-strip p,
.section-head > p,
.guide-card p,
.guide-card > div > span,
.footnote,
.rating-copy > p:not(.eyebrow),
.chip small,
.score-top span,
.score-top small,
.scorecard li > span,
.scorecard p b,
.scorecard p small,
.safety-copy > p:not(.eyebrow),
.tips b,
.tips span,
.trust p,
footer > p,
footer > div,
footer small,
button {
  font-size: 13pt;
}

.guide-card p,
.eyebrow,
.trust p { line-height: 1.45; }
.guide-card > div > span,
.scorecard p small { display: block; line-height: 1.45; }
.scorecard li { grid-template-columns: 45px 1fr 28px; gap: 8px; }
.fact-strip { padding-block: 20px; }
footer small { line-height: 1.55; }

/* Keep the hero copy, ornament, and information strip in separate visual zones */
.hero {
  min-height: 920px;
  padding-bottom: 155px;
}
.hero-copy {
  width: min(54%, 720px);
  padding-right: 30px;
}
.hero-actions {
  flex-wrap: wrap;
  row-gap: 18px;
}
.hero-art {
  right: 1vw;
  top: 175px;
  width: min(41vw, 610px);
  height: min(41vw, 610px);
}
.hero-art .orbit, .hero-art .chip, .hero-art .pip { opacity: .18; }
.hero-prop {
  position: absolute;
  z-index: 4;
  object-fit: contain;
  filter: drop-shadow(0 14px 16px rgba(8, 4, 2, .5));
}
.hero-revolver {
  width: 31%;
  top: 23%;
  transform-origin: 50% 70%;
}
.hero-revolver-left {
  left: 3%;
  transform: scaleX(-1) rotate(12deg);
  animation: gun-vibrate-left .7s ease-in-out infinite alternate;
}
.hero-revolver-right {
  right: -14%;
  transform: rotate(12deg);
  animation: gun-vibrate-right .22s ease-in-out infinite alternate;
}

@keyframes gun-vibrate-left {
  from { transform: scaleX(-1) rotate(10deg) translate(-1px, 1px); }
  to { transform: scaleX(-1) rotate(13deg) translate(2px, -1px); }
}
@keyframes gun-vibrate-right {
  from { transform: rotate(10deg) translate(-1px, -1px); }
  to { transform: rotate(13deg) translate(2px, 1px); }
}

@media (prefers-reduced-motion: reduce) {
  .hero-revolver-left, .hero-revolver-right { animation: none; }
}
.hero-mascot-wrap {
  position: absolute;
  z-index: 21;
  right: 4vw;
  bottom: 105px;
  width: min(34vw, 490px);
  max-height: 690px;
}
.hero-mascot {
  display: block;
  width: 100%;
  height: auto;
  max-height: inherit;
  object-fit: contain;
  object-position: bottom;
  filter: drop-shadow(0 24px 24px rgba(10, 5, 2, .45));
}
.gun-smoke {
  position: absolute;
  z-index: 3;
  left: 8.4%;
  top: 18.2%;
  width: 8%;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  background: radial-gradient(circle at 55% 55%, rgba(255,255,255,.82), rgba(215,207,188,.48) 38%, transparent 72%);
  filter: blur(2px);
  transform-origin: bottom right;
  animation: muzzle-smoke 3.2s ease-out infinite;
}
.gun-smoke::before,
.gun-smoke::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background: rgba(225, 218, 201, .55);
  filter: blur(3px);
}
.gun-smoke::before { width: 72%; height: 72%; left: -35%; top: -38%; }
.gun-smoke::after { width: 52%; height: 52%; right: -22%; top: -55%; }
@keyframes muzzle-smoke {
  0%, 8% { opacity: 0; transform: translate(0,0) scale(.25) rotate(0deg); }
  13% { opacity: .9; transform: translate(-2px,-3px) scale(.65) rotate(-4deg); }
  38% { opacity: .55; transform: translate(-12px,-28px) scale(1.25) rotate(-14deg); }
  62% { opacity: 0; transform: translate(-22px,-54px) scale(1.75) rotate(-24deg); }
  100% { opacity: 0; transform: translate(-22px,-54px) scale(1.75) rotate(-24deg); }
}
.mascot-sand {
  position: absolute;
  z-index: 1;
  right: 1vw;
  bottom: 105px;
  width: min(43vw, 650px);
  height: min(38vw, 570px);
  pointer-events: none;
  opacity: .88;
  background: none;
}
.mascot-sand::before {
  content: none;
}
.mascot-sand span {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff0b8;
  box-shadow: 0 0 7px 2px rgba(255, 205, 99, .85);
  animation: sparkle 1.6s ease-in-out infinite alternate;
}
.mascot-sand span:nth-child(1){left:17%;top:35%}.mascot-sand span:nth-child(2){left:31%;top:15%;animation-delay:.3s}.mascot-sand span:nth-child(3){right:22%;top:27%;animation-delay:.7s}.mascot-sand span:nth-child(4){right:10%;top:52%;animation-delay:1s}.mascot-sand span:nth-child(5){left:12%;top:67%;animation-delay:1.25s}
@keyframes sparkle { from{transform:scale(.35);opacity:.25} to{transform:scale(1.35);opacity:1} }
@media (prefers-reduced-motion: reduce) {
  .mascot-sand, .mascot-sand::before, .mascot-sand span, .gun-smoke { animation: none; }
}
.fact-strip {
  background: rgba(33, 20, 13, .92);
  padding-inline: 18px;
}

@media (max-width: 1100px) {
  .hero-copy { width: 64%; }
  .hero-art { right: -5vw; }
  .hero-art .orbit, .hero-art .chip, .hero-art .pip { opacity: .12; }
  .hero-mascot-wrap { right: -3vw; width: 38vw; }
  .mascot-sand { right: -5vw; width: 48vw; }
}

@media (max-width: 800px) {
  .hero {
    min-height: 0;
    padding-bottom: 70px;
  }
  .hero-copy {
    width: 100%;
    padding-right: 0;
  }
  .hero h1 { font-size: clamp(30px, 9.2vw, 58px); letter-spacing: -.07em; }
  .hero-art { display: none; }
  .hero-mascot-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    display: block;
    width: min(78vw, 390px);
    max-height: 520px;
    margin: 42px auto -20px;
  }
  .mascot-sand {
    right: 5%;
    bottom: 105px;
    width: 90%;
    height: 480px;
    opacity: .55;
  }
  .fact-strip {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: 70px;
    padding: 24px 0;
    background: transparent;
  }
  .fact-strip > span { display: block; margin-bottom: 12px; }
}