/* Crisp tarot composite: raster illustration only, vector frame + live SVG labels. */
.tarot-card-art.tarot-card-composite{background:none!important;overflow:visible;box-shadow:0 18px 42px #000b!important;border-radius:18px;isolation:isolate}
.tarot-card-art.tarot-card-composite.is-reversed{transform:none!important}
.tarot-card-art.tarot-card-composite .tarot-composite-svg{display:block;width:100%;height:100%;overflow:visible;border-radius:18px;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}
.tarot-card-art.tarot-card-composite .tarot-composite-svg image{image-rendering:auto}
.tarot-card-art.tarot-card-composite .tarot-composite-art-image{filter:none}
.tarot-card-art.tarot-card-composite .tarot-vector-frame,.tarot-card-art.tarot-card-composite .tarot-vector-title-plate,.tarot-card-art.tarot-card-composite .tarot-vector-rank-medallion{vector-effect:non-scaling-stroke}
.tarot-card-art.tarot-card-composite .tarot-vector-title,.tarot-card-art.tarot-card-composite .tarot-vector-rank{font-synthesis:none;text-rendering:geometricPrecision}
.tarot-card-art-button:hover .tarot-card-art.tarot-card-composite .tarot-composite-art-image{filter:none}
.tarot-card-dialog-art .tarot-card-art.tarot-card-composite{width:min(76vw,640px);max-width:640px}
.tarot-card-dialog-note{max-width:660px}

/* Direct-selection backs: uploaded celestial card art with matching gold/navy 1–78 medallions. */
#tarot-deck .tarot-card-back{
  box-sizing:border-box;
  flex:0 0 auto;
  width:84px!important;
  height:126px!important;
  aspect-ratio:auto!important;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid #e8b83b;
  background-color:#040a18;
  background-image:url("https://res.cloudinary.com/lyppgyei/image/upload/f_auto,q_auto:good,c_limit,w_768/v1789845157/chunbong-fansite/tarot-card-back.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:100% 100%;
  box-shadow:0 11px 30px #000b,0 0 0 1px #f8d86838;
}
#tarot-deck .tarot-card-back::after{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid #f5cf5a55;
  border-radius:9px;
  pointer-events:none;
}
#tarot-deck .tarot-card-back-number{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border:2px solid #f6ca4c;
  border-radius:50%;
  background:radial-gradient(circle at 50% 36%,#243a68 0 10%,#12274c 11% 56%,#06132e 57% 100%);
  color:#ffd75f;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  font-weight:800;
  font-variant-numeric:lining-nums tabular-nums;
  letter-spacing:-.02em;
  line-height:1;
  text-align:center;
  text-shadow:0 1px 1px #2a1500,0 0 8px #ffd24d7a;
  box-shadow:inset 0 0 0 2px #08142d,inset 0 0 12px #f5c94a22,0 0 0 2px #08142d,0 0 0 3px #a97118,0 6px 15px #000b;
  pointer-events:none;
}
#tarot-deck .tarot-card-back:hover .tarot-card-back-number,
#tarot-deck .tarot-card-back:focus-visible .tarot-card-back-number{
  border-color:#ffe681;
  color:#fff0a7;
  background:radial-gradient(circle at 50% 36%,#315084 0 10%,#183464 11% 56%,#081936 57% 100%);
  box-shadow:inset 0 0 0 2px #08142d,0 0 0 2px #08142d,0 0 0 3px #d9a52f,0 0 18px #f4c34270;
}
#tarot-deck .tarot-card-back.selected{
  opacity:1!important;
  cursor:pointer;
  border-color:#ffe376;
  box-shadow:0 0 26px #f2bf3d66,0 12px 32px #000c;
}
#tarot-deck .tarot-card-back.selected .tarot-card-back-number{
  border-color:#fff0a0;
  background:radial-gradient(circle at 50% 36%,#3a5688 0 10%,#18345f 11% 56%,#081832 57% 100%);
  color:#fff3b8;
  text-shadow:0 1px 1px #000,0 0 10px #ffd84a;
  box-shadow:inset 0 0 0 2px #08142d,0 0 0 2px #071126,0 0 0 4px #f0bd3d,0 0 20px #ffd34a70;
}

@media(max-width:900px){#tarot-deck .tarot-card-back{width:72px!important;height:108px!important}}
@media(max-width:700px){
  .tarot-card-dialog-art .tarot-card-art.tarot-card-composite{width:min(88vw,540px)}
  #tarot-deck .tarot-card-back{width:58px!important;height:87px!important}
  #tarot-deck .tarot-card-back-number{width:38px;height:38px;font-size:14px}
}
@media(max-width:430px){
  #tarot-deck .tarot-card-back{width:52px!important;height:78px!important}
  #tarot-deck .tarot-card-back-number{width:33px;height:33px;font-size:12px;border-width:1.5px}
}

@media(prefers-reduced-motion:reduce){.tarot-card-art.tarot-card-composite.is-reversed{transform:none!important}}

/* Uploaded celestial card back + matching deck numbers: 2026-09-20 */



/* 2026-09-21: unmistakable direct-selection state */
#tarot-deck .tarot-card-back.selected{
  animation:none!important;
  opacity:1!important;
  transform:translateY(-10px) scale(1.045)!important;
  z-index:5;
  border-color:#ffe680!important;
  outline:2px solid #5e78d9!important;
  outline-offset:3px!important;
  box-shadow:
    0 0 0 2px #07142d,
    0 0 0 4px #f2c954,
    0 0 20px #f1c34eaa,
    0 0 34px #665bd67a,
    0 16px 36px #000d!important;
  filter:saturate(1.12) brightness(1.08);
}
#tarot-deck .tarot-card-back.selected::before{
  content:attr(data-selection-label);
  position:absolute;
  z-index:5;
  right:-5px;
  top:-9px;
  min-width:42px;
  padding:5px 7px;
  border:1px solid #ffe786;
  border-radius:999px;
  background:linear-gradient(135deg,#102750,#07142d);
  color:#fff2b3;
  font:900 10px/1.1 system-ui,-apple-system,"Noto Sans KR",sans-serif;
  letter-spacing:-.03em;
  text-align:center;
  white-space:nowrap;
  text-shadow:0 1px 1px #000,0 0 8px #f7d75d7a;
  box-shadow:0 0 0 2px #07142d,0 0 14px #f0c84f88,0 5px 12px #0009;
  pointer-events:none;
}
#tarot-deck .tarot-card-back.selected .tarot-card-back-number{
  transform:scale(.91);
  opacity:.78;
}
#tarot-deck .tarot-card-back.selected:hover,
#tarot-deck .tarot-card-back.selected:focus-visible{
  transform:translateY(-13px) scale(1.055)!important;
  outline-color:#8ba4ff!important;
  filter:saturate(1.18) brightness(1.12);
}
#tarot-deck .tarot-card-back:not(.selected){
  filter:saturate(.92) brightness(.94);
}
#tarot-deck .tarot-card-back:not(.selected):hover,
#tarot-deck .tarot-card-back:not(.selected):focus-visible{
  filter:saturate(1.05) brightness(1.03);
}