/* Card backs — body[data-visual-skin] */

.card--back {
  color: transparent;
  position: relative;
  overflow: hidden;
  background-color: #082419;
  background-image: var(--card-back-art);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--card-back-border, #7a6528);
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.card--back::after {
  display: none;
}

.card--back {
  background-color: var(--card-back-bg, #082419);
}

/* premium · 登录 — 暖铜牌背（原 relief） */
body[data-visual-skin="premium"] {
  --card-back-art: url("../images/card-backs/deck-relief.svg");
  --card-back-border: #8a5a48;
}

body[data-visual-skin="premium"] .card--back {
  --card-back-bg: #2a0f20;
}

/* standard · 救济 — 黑金牌背（原 main） */
body[data-visual-skin="standard"] {
  --card-back-art: url("../images/card-backs/deck-main.svg");
  --card-back-border: rgba(255, 255, 255, 0.38);
}

body[data-visual-skin="standard"] .card--back {
  --card-back-bg: #2e363f;
  border: 2px solid rgba(255, 255, 255, 0.38);
  background-size: cover;
  box-shadow:
    0 3px 10px rgba(0, 0, 0, 0.4),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

/* 游客 · 标准蓝背 */
body[data-visual-skin="guest"] {
  --card-back-art: url("../images/card-backs/deck-guest.svg");
  --card-back-border: #2a5080;
}

body[data-visual-skin="guest"] .card--back {
  --card-back-bg: #1a4f8c;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.38),
    inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}