/* "Play the game" button under the card photo (tmc130).
   Sits above the card overlay link; game-tinted glass with sheen sweep. */
.tmc24-card { position: relative; }
.tmc130-card-game-btn {
  position: relative;
  z-index: 4; /* above .tmc24-card__overlay */
  display: flex;
  align-items: center;
  gap: 9px;
  margin: -14px 14px 2px;
  padding: 11px 14px;
  border-radius: 14px;
  font-size: 13.5px;
  font-weight: 800;
  letter-spacing: .02em;
  color: #fff !important;
  text-decoration: none !important;
  overflow: hidden;
  isolation: isolate;
  background:
    linear-gradient(120deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0) 55%),
    linear-gradient(135deg, var(--tmc130-a, #147cff), var(--tmc130-b, #2aa7ff));
  border: 1px solid rgba(255, 255, 255, .35);
  box-shadow:
    0 10px 22px -10px var(--tmc130-glow, rgba(20, 124, 255, .55)),
    inset 0 1px 0 rgba(255, 255, 255, .35);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.tmc130-card-game-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.06);
  box-shadow:
    0 16px 28px -12px var(--tmc130-glow, rgba(20, 124, 255, .65)),
    inset 0 1px 0 rgba(255, 255, 255, .4);
}
.tmc130-card-game-btn:focus-visible { outline: 3px solid rgba(255, 255, 255, .5); outline-offset: 2px; }
/* sheen sweep */
.tmc130-card-game-btn::after {
  content: "";
  position: absolute;
  top: -60%;
  left: -70%;
  width: 45%;
  height: 220%;
  transform: rotate(22deg);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .38), transparent);
  transition: left .55s ease;
  pointer-events: none;
}
.tmc130-card-game-btn:hover::after { left: 135%; }
.tmc130-card-game-btn__icon { display: inline-flex; flex: none; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .25)); }
.tmc130-card-game-btn__text {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 1px;
}
.tmc130-card-game-btn__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .22);
}
.tmc130-card-game-btn__tap {
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .85;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}
.tmc130-card-game-btn__arrow { flex: none; font-weight: 700; transition: transform .2s ease; }
.tmc130-card-game-btn:hover .tmc130-card-game-btn__arrow { transform: translateX(3px); }

/* owner decision: all play buttons are GREEN (game identity stays in the icon) */
.tmc130-card-game-btn--plinko,
.tmc130-card-game-btn--pusher,
.tmc130-card-game-btn--box,
.tmc130-card-game-btn--wheel {
  --tmc130-a: #0e9e52;
  --tmc130-b: #3ed384;
  --tmc130-glow: rgba(22, 168, 92, .58);
}

/* gentle attention pulse, motion-safe */
@media (prefers-reduced-motion: no-preference) {
  .tmc130-card-game-btn { animation: tmc130Pulse 5.5s ease-in-out infinite; }
  @keyframes tmc130Pulse {
    0%, 100% { box-shadow: 0 10px 22px -10px var(--tmc130-glow, rgba(20, 124, 255, .55)), inset 0 1px 0 rgba(255, 255, 255, .35); }
    50% { box-shadow: 0 14px 30px -10px var(--tmc130-glow, rgba(20, 124, 255, .75)), inset 0 1px 0 rgba(255, 255, 255, .4); }
  }
}
@media (max-width: 640px) {
  .tmc130-card-game-btn { margin: -12px 10px 2px; padding: 10px 12px; font-size: 13px; }
}

/* product page placement: full-width under the gallery, no negative overlap */
.tmc25-product__media .tmc130-card-game-btn {
  margin: 14px 0 0;
  padding: 14px 18px;
  font-size: 15px;
  border-radius: 16px;
}
