/* Mobile delivery and layout refinements; campaign copy is unchanged. */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}
img, video { max-width: 100%; }
.managed-media-host { position: relative; }
.media-play-fallback {
  position: absolute; z-index: 5; left: 50%; bottom: 18px;
  transform: translateX(-50%); padding: 10px 18px;
  border: 1px solid #e8b856; border-radius: 12px;
  background: #15120d; color: #ffe09a; font: inherit;
  font-size: 14px; font-weight: 700; cursor: pointer;
}
.media-play-fallback[hidden] { display: none !important; }
.media-play-fallback:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
a, summary { touch-action: manipulation; }
a:focus-visible, summary:focus-visible {
  outline: 3px solid #e8b856;
  outline-offset: 4px;
}
.reveal { opacity: 1; transform: none; }
.partner-track { animation-play-state: paused; will-change: auto; }
.partner-marquees.is-in-view .partner-track { animation-play-state: running; }
.hero__visual, .benefit-grid > *, .always-grid > *, .faq-item__question { min-width: 0; }

.benefit-card__copy-group { min-width: 0; align-self: center; }
.benefit-card__copy-group > strong { margin-bottom: 8px; }
@media (min-width: 821px) {
  .benefit-card--gift, .benefit-card--exchange, .benefit-card--settlement {
    display: grid; grid-template-columns: minmax(0, 1fr); align-content: start;
  }
  .benefit-card__title-row { grid-row: 1; }
  .benefit-card__copy-group { grid-row: 2; }
  .benefit-card__copy-group > strong { max-width: none; }
  .benefit-card--gift .gift-copy, .benefit-card--exchange .exchange-copy, .benefit-card--settlement .settlement-copy { max-width: none; }
  .benefit-card__gift-icon, .benefit-card__exchange-icon, .benefit-card__settlement-icon {
    position: static; grid-row: 3; justify-self: center;
    height: auto; aspect-ratio: 1; margin-top: 12px; object-fit: contain;
  }
  .benefit-card__gift-icon { width: 255px; }
  .benefit-card__exchange-icon { width: 252px; }
  .benefit-card__settlement-icon { width: 249px; }
}

@media (max-width: 820px) {
  :root { --wrap: min(540px, calc(100% - 28px)); }
  body { padding-bottom: calc(82px + env(safe-area-inset-bottom, 0px)); }
  .hero__visual { max-width: 540px; margin-inline: auto; }
  .hero__video { width: 100%; height: auto; object-fit: contain; }
  .section, .reviews-section, .faq-section { padding-block: 56px; }
  .section__head { margin-bottom: 26px; }
  .section__head p { max-width: 36em; margin-inline: auto; line-height: 1.65; }
  .trust-proof__inner { padding-block: 42px 46px; }
  .trust-proof__company { font-size: 17px; }
  .membership-invite__grid {
    grid-template-columns: clamp(80px, 23vw, 116px) minmax(0, 1fr);
    gap: 14px;
    padding-block: 32px;
  }
  .membership-invite__hook { font-size: clamp(21px, 6.1vw, 29px); line-height: 1.3; }
  .membership-invite__lead { font-size: 14px; line-height: 1.65; }
  .membership-invite__privacy { max-width: 100%; height: auto; padding: 6px 9px; font-size: 12px; line-height: 1.5; }
  .benefit-card--gift, .benefit-card--exchange, .benefit-card--settlement {
    display: grid;
    grid-template-columns: minmax(0, 1fr) clamp(120px, 36vw, 186px);
    column-gap: 10px;
    align-content: center;
    padding: 22px 18px;
    min-height: 226px;
  }
  .benefit-card__title-row { grid-column: 1 / -1; grid-row: 1; margin-bottom: 14px; gap: 10px; }
  .benefit-card__title-row h3 { font-size: clamp(20px, 5.9vw, 24px); }
  .benefit-card__no, .deposit-card__title .benefit-card__no {
    width: 36px; min-width: 36px; height: 36px; border-radius: 11px;
  }
  .benefit-card__copy-group { grid-column: 1; grid-row: 2; }
  .benefit-card__copy-group > strong {
    max-width: none; min-width: 0;
    font-size: clamp(23px, 6.7vw, 29px); line-height: 1.25; word-break: keep-all;
  }
  .benefit-card--gift .gift-copy, .benefit-card--exchange .exchange-copy, .benefit-card--settlement .settlement-copy {
    max-width: none; font-size: 14px; line-height: 1.6; word-break: keep-all;
  }
  .benefit-card__gift-icon, .benefit-card__exchange-icon, .benefit-card__settlement-icon {
    position: static; grid-column: 2; grid-row: 2; align-self: center; justify-self: end;
    width: 100%; max-width: 186px; height: auto; aspect-ratio: 1; margin: 0; object-fit: contain;
  }
  .benefit-card--deposit { padding: 20px 18px; }
  .deposit-card__intro { padding-right: 0; min-height: 144px; }
  .deposit-card__title { padding-right: 76px; gap: 8px; }
  .deposit-card__title h3 { font-size: clamp(20px, 5.9vw, 24px); }
  .deposit-card__intro strong { max-width: calc(100% - 76px); font-size: clamp(25px, 7vw, 32px); }
  .deposit-card__money { top: 26px; right: -4px; width: 82px; height: 98px; }
  .deposit-conditions { max-width: 100%; }
  .deposit-conditions span { padding: 6px 8px; font-size: 12px; }
  .deposit-tiers__row { gap: 8px; }
  .deposit-legend { gap: 7px 12px; font-size: 12px; line-height: 1.6; }
  .always-grid { gap: 0; }
  .always-card { max-width: 100%; }
  /* Keep image coordinates stable when enlarged text makes the card taller. */
  .always-card--tuesday .always-card__visual, .always-card--attendance .always-card__visual {
    inset: 0 0 auto; height: auto; aspect-ratio: 4 / 5;
  }
  .always-card__content { padding-inline: 18px; padding-bottom: 22px; }
  .always-card--tuesday p, .always-card--attendance p { font-size: 14px; line-height: 1.6; }
  .always-card__equation { flex-wrap: wrap; gap: 4px 7px; min-height: 54px; padding: 12px 10px; }
  .always-card__equation span { white-space: nowrap; font-size: 13px; }
  .always-card__equation b { font-size: clamp(17px, 4.8vw, 20px); white-space: nowrap; }
  .casino-bonus__lead, .payback-card__lead, .multi-card__lead { font-size: 14px; line-height: 1.6; }
  .casino-bonus__item, .payback-card__tier { gap: 10px; padding: 14px 12px; }
  .casino-bonus__games, .payback-card__games { min-width: 0; }
  .casino-bonus__rate { min-width: 68px; }
  .payback-card__rate { min-width: 76px; }
  .payback-card__games b { font-size: clamp(14px, 4vw, 18px); word-break: keep-all; }
  .multi-card__reward { min-width: 0; padding-inline: 8px; }
  .multi-card__reward b { font-size: clamp(16px, 4.8vw, 21px); }
  .dropwins-ranking__item { grid-template-columns: 52px minmax(0, 1fr); gap: 4px 10px; padding: 12px; }
  .dropwins-ranking__thumb { grid-column: 1; grid-row: 1 / 3; width: 52px; height: 52px; }
  .dropwins-ranking__game { grid-column: 2; grid-row: 1; }
  .dropwins-ranking__game b { font-size: 14px; line-height: 1.4; white-space: normal; overflow: visible; word-break: keep-all; overflow-wrap: anywhere; }
  .dropwins-ranking__game small { font-size: 11px; }
  .dropwins-ranking__reward { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; text-align: left; }
  .dropwins-ranking__reward b { font-size: 16px; }
  .dropwins-ranking__reward small { margin: 0; font-size: 11px; }
  .attendance-card__cta, .casino-bonus__cta, .payback-card__cta, .multi-card__cta, .dropwins-card__cta {
    min-height: 54px; padding: 12px 14px; font-size: 16px; line-height: 1.45; text-align: center; word-break: keep-all;
  }
  .faq-item summary { min-height: 72px; gap: 9px; }
  .faq-item__question { font-size: 16px; line-height: 1.5; }
  .faq-item__answer { padding: 0 18px 20px 54px; font-size: 15px; line-height: 1.75; }
  .review-card__message { font-size: 15px; line-height: 1.7; }
  .partner-showcase { padding-block: 52px; }
  .footer { padding-bottom: 28px; }
  .footer__inner { gap: 10px; }
  .mobile-cta {
    left: 0; right: 0; bottom: 0;
    padding: 12px max(12px, env(safe-area-inset-right, 0px)) calc(10px + env(safe-area-inset-bottom, 0px)) max(12px, env(safe-area-inset-left, 0px));
    background: linear-gradient(180deg, transparent, rgba(7,6,5,.96) 26%);
    pointer-events: none;
  }
  .mobile-cta .btn { max-width: 540px; min-height: 56px; margin-inline: auto; display: flex; padding-inline: 14px; font-size: 17px; line-height: 1.4; pointer-events: auto; }
  .reveal { transition: none; }
}

/* Collapse the removed attendance sentence's space while preserving the board. */
.always-card--attendance { aspect-ratio: auto; }
.always-card--attendance .always-card__visual {
  inset: 0 0 auto; height: auto; aspect-ratio: 4 / 5;
}
.always-card--attendance .always-card__content {
  min-height: 0; justify-content: flex-start; padding-top: 58%;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal, .btn { transition: none; transform: none; }
}

/* Keep the version 3 clock, five stars and full silver membership seal. */
@media (max-width: 820px) {
  .hero__visual { width: 100%; container-type: inline-size; }
  .hero__video { aspect-ratio: 1080 / 1916; }
  .hero__video-copy { border-radius: inherit; }
  .hero { background: #070504; }
  .hero::before { background: #070504; }
  .hero__visual::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 13%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(7,5,4,0), rgba(7,5,4,.48) 45%, #070504 100%);
  }
  .trust-restored > .trust-proof {
    background:
      radial-gradient(circle at 50% 92%, rgba(112,71,25,.12), transparent 30%),
      linear-gradient(180deg, #070504 0%, #0c0907 48%, #070605 100%);
  }
  .trust-restored .trust-proof__inner { width: min(520px, calc(100% - 28px)); padding: 28px 0 34px; }
  .trust-restored .trust-proof__affiliation { padding: 20px 14px; }
  .trust-restored .trust-proof__stars { font-size: 30px; letter-spacing: .18em; }
  .trust-restored .trust-proof__company { font-size: 17px; line-height: 1.5; }
  .trust-restored .trust-proof__capital { font-size: clamp(34px, 9.8vw, 46px); }
  .trust-restored .membership-invite__grid {
    grid-template-columns: clamp(80px, 23vw, 116px) minmax(0, 1fr);
    gap: 14px; padding-block: 32px;
  }
  .trust-restored .membership-seal { width: 100%; }
  .trust-restored .membership-invite__hook { font-size: clamp(21px, 6.1vw, 29px); line-height: 1.3; }
  .trust-restored .membership-invite__lead { font-size: 14px; line-height: 1.65; }
  .trust-restored .membership-invite__privacy { display: inline-flex; max-width: 100%; height: auto; font-size: 12px; padding: 6px 9px; line-height: 1.5; }
  .join-guide { padding-block: 44px; }
  .join-guide__head { margin-bottom: 24px; }
  .join-guide__steps { grid-template-columns: minmax(0, 1fr); }
  .join-guide__steps li { min-width: 0; }
  .join-guide__action { min-height: 54px; }
}
@supports (font-size: 1cqw) {
  @media (max-width: 820px) {
    .hero__trust-title { font-size: clamp(22px, 6.7cqw, 34px); }
    .hero__group-title { font-size: clamp(15px, 5.2cqw, 26px); }
  }
}
@media (max-width: 359px) {
  .trust-restored .membership-invite__grid { gap: 14px; }
  .trust-restored .trust-proof__company { font-size: 15px; }
  .benefit-card--gift, .benefit-card--exchange, .benefit-card--settlement {
    grid-template-columns: minmax(0, 1fr);
  }
  .benefit-card__gift-icon, .benefit-card__exchange-icon, .benefit-card__settlement-icon {
    grid-column: 1; grid-row: 3; justify-self: end;
    width: clamp(120px, 36vw, 186px); max-width: 100%; margin-top: 8px;
  }
}