/* TaroKarat — approved mobile card back v4 */
.card-back,
.back,
.tk-clar-card-back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid rgba(190, 137, 46, .92) !important;

  /* Immediate pleasant fallback while the image is loading */
  background-color: #f4ead6 !important;
  background-image:
    linear-gradient(145deg, rgba(255,255,255,.22), rgba(222,191,132,.08)),
    url("/tarokarat-card-back-mobile-v3.webp?v=20260911-2") !important;

  /* Important: show the COMPLETE jeweled frame, including both side rows */
  background-position: center center, center center !important;
  background-size: 100% 100%, 100% 100% !important;
  background-repeat: no-repeat, no-repeat !important;

  box-shadow:
    0 11px 24px rgba(93,68,36,.15),
    0 0 0 1px rgba(255,248,229,.92),
    inset 0 0 0 1px rgba(255,255,255,.30) !important;
}

.card-back::before,
.card-back::after,
.back::before,
.back::after,
.tk-clar-card-back::before,
.tk-clar-card-back::after {
  content: none !important;
  display: none !important;
}

/* Card day: compact golden arrow */
.scroll-hint {
  color: #b88731 !important;
  font-size: 28px;
  line-height: 1 !important;
  margin: 4px 0 1px !important;
  min-height: 0 !important;
  height: 27px !important;
}