/* Zamm'Z Sauce Run link-outs + Games page (local wire-up, 2026-10-05).
   The game is hosted at https://dream-timber-opal-mountain.grok.me/ and always opens in a new tab (no iframe).
   Dark luxury tokens from styles.css; chili red from the Zamm'Z booth theme (#9E2A2B / #E8C994). */

/* Home hero: compact "Play Sauce Run" link, sits under the Hummingbird Market button */
.sr-cta {
  --sr-gold: #C9A962; --sr-chili: #9E2A2B; --sr-tan: #E8C994;
  position: relative; display: flex; width: fit-content; max-width: 100%; align-items: center; gap: 14px;
  margin-top: 12px; padding: 8px 22px 8px 8px; min-height: 56px;
  border: 1px solid rgba(201, 169, 98, .38); border-radius: 2px;
  background: linear-gradient(135deg, rgba(28, 21, 21, .92), rgba(8, 8, 10, .92));
  box-shadow: inset 0 0 0 1px rgba(158, 42, 43, .22), 0 10px 26px -16px rgba(158, 42, 43, .55);
  color: #F5F2EB; text-decoration: none;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.sr-cta:hover, .sr-cta:focus-visible {
  color: #fff; border-color: var(--sr-gold); transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px rgba(158, 42, 43, .45), 0 14px 30px -12px rgba(158, 42, 43, .7);
}
.sr-cta:focus-visible { outline: 2px solid var(--sr-gold); outline-offset: 3px; }
.sr-cta__thumb { flex: 0 0 auto; width: 76px; height: 40px; border-radius: 2px; object-fit: cover; border: 1px solid rgba(232, 201, 148, .25); }
.sr-cta__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; text-align: left; }
.sr-cta__label { font-family: var(--font-body, 'Source Sans 3', system-ui, sans-serif); font-size: .74rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--sr-gold); }
.sr-cta__sub { margin-top: 3px; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.02rem; font-weight: 600; color: var(--sr-tan); }
.sr-cta__arrow { margin-left: 4px; color: #C25A4B; font-size: 1rem; transition: transform .25s ease, color .25s ease; }
.sr-cta:hover .sr-cta__arrow, .sr-cta:focus-visible .sr-cta__arrow { transform: translate(2px, -2px); color: var(--sr-gold); }
@media (max-width: 640px) {
  .page-home .hero__copy > .sr-cta { order: 3; margin-left: auto; margin-right: auto; }
}
@media (prefers-reduced-motion: reduce) { .sr-cta, .sr-cta__arrow { transition: none; } }

/* Small inline Play button used beside booth CTAs (booth page, Market panel inherits .mk-btn instead) */
.sr-play-btn { white-space: nowrap; }

/* Games page */
.games-page { background: var(--lux-bg, #08080A); color: var(--lux-cream, #F5F2EB); min-height: 70vh; }
.games-hero { padding: clamp(72px, 10vw, 128px) 0 clamp(20px, 3vw, 32px);
  background: radial-gradient(90% 70% at 80% 0%, rgba(201, 169, 98, .09), transparent 60%), radial-gradient(60% 60% at 10% 10%, rgba(158, 42, 43, .10), transparent 65%); }
.games-hero h1 { font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(2.6rem, 6vw, 4.4rem); line-height: 1.02; margin: 10px 0 18px; color: var(--lux-cream, #F5F2EB); }
.games-hero .games-lead { max-width: 40rem; font-size: 1.15rem; line-height: 1.7; color: rgba(245, 242, 235, .86); margin: 0; }
.games-body { padding: clamp(24px, 4vw, 48px) 0 clamp(72px, 9vw, 120px); }
.games-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 22px; }
.game-card { display: flex; flex-direction: column; background: var(--lux-panel, #12141A); border: 1px solid rgba(201, 169, 98, .2); border-radius: 14px; overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.game-card:hover, .game-card:focus-within { border-color: rgba(201, 169, 98, .55); box-shadow: 0 18px 40px -22px rgba(158, 42, 43, .7); transform: translateY(-2px); }
.game-card--featured { grid-column: 1 / -1; }
@media (min-width: 860px) { .game-card--featured { flex-direction: row; } .game-card--featured .game-card__media { flex: 0 0 56%; } }
.game-card__media { display: block; aspect-ratio: 1200 / 630; background: #1C1515; }
.game-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.game-card__body { display: flex; flex-direction: column; gap: 10px; padding: clamp(22px, 3vw, 34px); }
.game-card__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.game-chip { display: inline-block; padding: 3px 10px; border-radius: 999px; border: 1px solid rgba(201, 169, 98, .45); color: var(--lux-gold, #C9A962);
  font-size: .66rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.game-chip--brand { border-color: rgba(158, 42, 43, .7); color: #E8C994; background: rgba(158, 42, 43, .18); }
.game-card__title { margin: 4px 0 0; font-family: var(--font-display, 'Cormorant Garamond', Georgia, serif); font-weight: 600; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.1; color: var(--lux-cream, #F5F2EB); }
.game-card__tag { margin: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-style: italic; font-size: 1.2rem; color: #E8C994; }
.game-card__blurb { margin: 0; color: rgba(245, 242, 235, .8); line-height: 1.7; font-size: 1.02rem; }
.game-card__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 8px; }
.game-card__note { margin: 0; color: var(--lux-muted, #A09B94); font-size: .86rem; }
.games-more { margin: 34px 0 0; color: var(--lux-muted, #A09B94); font-size: .96rem; }
.games-more a { color: var(--lux-gold, #C9A962); }

/* Screen-reader-only text (not in styles.css; the booth page gets it from swag.css) */
.games-page .sr-only, .sr-cta .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }