/* Sale Page information architecture refresh: keep existing RUX theme. */
.hero { min-height: 500px; padding-block: 44px 50px; }
.hero h1 { max-width: 720px; }
.hero__copy > p:not(.eyebrow) { max-width: 580px; line-height: 1.7; }
.game-card__visual--banner { display: block; min-height: 0; background: #10203c; }
.game-card__visual--banner img { display: block; width: 100%; height: auto; }
.queue-card__count { align-items: baseline; gap: 12px; margin-block: 22px; flex-wrap: wrap; }
.queue-card__count b { font-size: clamp(32px, 3.8vw, 51px); line-height: 1; letter-spacing: -1.8px; }
.queue-card__count span { font-size: 15px; }

.game-guide { padding-block: 78px 34px; scroll-margin-top: 22px; }
.game-guide .section-title > p { max-width: 390px; }
.game-guide__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.game-guide__card { position: relative; min-height: 245px; overflow: hidden; isolation: isolate; border: 1px solid #495b86; border-radius: 20px; background: #131d32; color: #fff; text-decoration: none; box-shadow: 0 12px 30px #02061136; transition: transform .18s ease, border-color .18s ease; }
.game-guide__card:hover, .game-guide__card:focus-visible { transform: translateY(-3px); border-color: #a78bfa; }
.game-guide__card:focus-visible { outline: 3px solid #a78bfa; outline-offset: 3px; }
.game-guide__card::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, #05091400 15%, #0509149e 57%, #050914ed 100%); }
.game-guide__card img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: brightness(1.08) saturate(1.12); }
.game-guide__card span { position: absolute; inset: auto 19px 18px; display: grid; gap: 3px; }
.game-guide__card small { color: #bff8e8; font-size: 10px; font-weight: 700; letter-spacing: 1.1px; text-transform: uppercase; }
.game-guide__card strong { font: 700 clamp(21px, 2.2vw, 27px)/1.13 "Space Grotesk", "IBM Plex Sans Thai", sans-serif; }
.game-guide__card em { color: #e5eaff; font-size: 12px; font-style: normal; font-weight: 600; }
.game-guide__note { margin: 18px 0 0; color: #abb9d2; font-size: 12px; line-height: 1.65; }

.catalog-gateway { display: flex; flex-direction: column; gap: 10px; }
.catalog-gateway .picker-title { margin-bottom: 1px; }
.catalog-gateway h3 { margin: 10px 0 0; font-size: 23px; }
.catalog-gateway > p:not(.picker-note) { margin: 0 0 9px; color: #b7c2d8; font-size: 13px; line-height: 1.6; }
.catalog-gateway .button { margin-top: 1px; }
.catalog-gateway .picker-note { margin-top: auto; padding-top: 13px; color: #aeb9cd; border-top: 1px solid #35425f; font-size: 11px; line-height: 1.6; }

.footer .footer-facebook,
.footer .footer-facebook:visited { color: #b9e8ff; font-weight: 700; text-decoration-color: #73c9ff; text-underline-offset: 3px; }
.footer .footer-facebook:hover,
.footer .footer-facebook:focus-visible { color: #fff; text-decoration-color: #fff; }
.footer .footer-facebook:focus-visible { outline: 2px solid #73c9ff; outline-offset: 3px; border-radius: 2px; }

@media (max-width: 899px) {
  .game-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .game-guide__card { min-height: 220px; }
}
@media (max-width: 599px) {
  .hero { padding-block: 27px 34px; }
  .hero h1 { font-size: clamp(31px, 9vw, 43px); }
  .hero__copy > p:not(.eyebrow) { font-size: 14px; }
  .hero__proof { margin-top: 14px; }
  .queue-card { padding: 15px; }
  .queue-card__count { margin-block: 13px; }
  .queue-card__count b { font-size: 31px; }
  .queue-card__details span { padding-block: 8px; }
  .game-guide { padding-block: 52px 16px; }
  .game-guide__grid { gap: 11px; }
  .game-guide__card { min-height: 175px; border-radius: 15px; }
  .game-guide__card span { inset: auto 12px 12px; }
  .game-guide__card strong { font-size: 17px; }
  .game-guide__card small { font-size: 8px; }
  .game-guide__card em { font-size: 10px; }
}
@media (max-width: 359px) {
  .game-guide__grid { grid-template-columns: 1fr; }
  .game-guide__card { min-height: 185px; }
}
@media (prefers-reduced-motion: reduce) {
  .game-guide__card { transition: none; }
}