/* ONGIL visual tarot deck and reading cards */
.tarot-picker{position:relative;overflow:hidden;margin:2px 0 8px;padding:22px;border:1px solid rgba(216,183,106,.24);border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(111,76,255,.18),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.025),rgba(12,8,24,.6))}
.tarot-picker::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(241,217,154,.65) 0 1px,transparent 1.5px);background-size:39px 39px;opacity:.16}
.tarot-picker-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.tarot-picker-head strong{display:block;color:#f5f1fb;font-size:17px}.tarot-picker-head p{margin:5px 0 0;color:#aaa2bb;font-size:12px;line-height:1.6}
.tarot-selection-status{flex:0 0 auto;border:1px solid rgba(216,183,106,.32);border-radius:999px;padding:7px 11px;color:#f1d99a;background:rgba(216,183,106,.07);font-size:11px;font-weight:800}
.tarot-deck{position:relative;z-index:1;display:grid;grid-template-columns:repeat(13,minmax(42px,1fr));gap:8px;max-height:520px;overflow-y:auto;padding:10px;align-items:end;perspective:1100px;scrollbar-color:#8d6b45 #211431}
.tarot-back-card{position:relative;appearance:none;min-width:0;aspect-ratio:2/3;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;transform:translateY(var(--lift,0)) rotate(var(--turn,0deg));transform-origin:50% 110%;transition:transform .24s ease,filter .24s ease;filter:drop-shadow(0 11px 13px rgba(0,0,0,.28))}
.tarot-back-card:nth-child(4n+1){--turn:-1.5deg}.tarot-back-card:nth-child(4n+2){--turn:-.5deg}.tarot-back-card:nth-child(4n+3){--turn:.5deg}.tarot-back-card:nth-child(4n){--turn:1.5deg}
.tarot-back-card:hover{--lift:-9px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.36))}
.tarot-back-card[aria-pressed="true"]{--lift:-15px;filter:drop-shadow(0 0 13px rgba(216,183,106,.38)) drop-shadow(0 17px 20px rgba(0,0,0,.4))}
.tarot-card-back-inner{position:absolute;inset:0;overflow:hidden;border:2px solid #eee5cf;border-radius:10px;background-color:#172348;background-image:repeating-linear-gradient(45deg,transparent 0 12px,rgba(224,196,126,.18) 12px 13px,transparent 13px 25px),repeating-linear-gradient(-45deg,transparent 0 12px,rgba(224,196,126,.14) 12px 13px,transparent 13px 25px),radial-gradient(circle at center,#354675 0,#1e2d59 48%,#111a38 100%);box-shadow:inset 0 0 0 3px #172348,inset 0 0 0 5px #d9c486,inset 0 0 0 8px #172348,inset 0 0 0 9px rgba(238,229,207,.85)}
.tarot-card-back-inner::before,.tarot-card-back-inner::after{content:"";position:absolute;left:50%;top:50%;z-index:1;pointer-events:none;transform:translate(-50%,-50%) rotate(45deg)}
.tarot-card-back-inner::before{width:63%;aspect-ratio:1;border:1px solid rgba(238,229,207,.9);box-shadow:0 0 0 3px rgba(19,29,62,.75),0 0 0 4px rgba(214,188,118,.8)}
.tarot-card-back-inner::after{width:39%;aspect-ratio:1;border:1px solid rgba(214,188,118,.95);border-radius:18%;box-shadow:0 0 0 3px rgba(19,29,62,.7),0 0 0 4px rgba(238,229,207,.72)}
.tarot-back-moon{position:absolute;left:50%;top:50%;z-index:3;display:block;width:48%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:url("../img/ongil-logo-reference.png") center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.tarot-back-moon::after{content:"";position:absolute;inset:-10%;z-index:-1;border:1px solid rgba(238,229,207,.9);border-radius:50%;box-shadow:0 0 0 3px rgba(22,34,72,.82),0 0 0 4px rgba(214,188,118,.8)}
.tarot-back-stars{position:absolute;inset:10px;z-index:2;display:block;pointer-events:none;background-image:radial-gradient(circle at 10% 10%,#eadcae 0 1px,transparent 1.5px),radial-gradient(circle at 90% 10%,#eadcae 0 1px,transparent 1.5px),radial-gradient(circle at 10% 90%,#eadcae 0 1px,transparent 1.5px),radial-gradient(circle at 90% 90%,#eadcae 0 1px,transparent 1.5px)}
.tarot-pick-number{position:absolute;right:-5px;top:-7px;z-index:5;display:none;place-items:center;width:25px;height:25px;border-radius:50%;border:2px solid #120b20;background:#f1d99a;color:#181020;font-size:11px;font-weight:900;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.tarot-back-card[aria-pressed="true"] .tarot-pick-number{display:grid}
.tarot-picker-note{position:relative;z-index:1;margin:15px 0 0;color:#8f879e;font-size:11px;text-align:center}

.tarot-reading-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:6px 0 22px}.tarot-reading-board.one-card{grid-template-columns:minmax(250px,360px);justify-content:center}
.tarot-reading-card{min-width:0}.tarot-position-label{display:block;margin:0 0 9px;text-align:center;color:#f1d99a;font-size:11px;font-weight:800;letter-spacing:.08em}
.tarot-card-face{position:relative;overflow:hidden;aspect-ratio:2/3;padding:14px;border:1px solid rgba(241,217,154,.68);border-radius:16px;background:linear-gradient(155deg,#ead9a7,#c59e63 42%,#765087 100%);box-shadow:0 20px 42px rgba(0,0,0,.32),inset 0 0 0 5px #17102a,inset 0 0 0 6px rgba(241,217,154,.62)}
.tarot-card-face.photoreal-face{background-image:linear-gradient(180deg,rgba(8,5,14,.08) 0%,rgba(8,5,14,.02) 47%,rgba(8,5,14,.84) 100%),url("../img/tarot-photoreal-atlas-v1.webp");background-size:100% 100%,400% 400%;background-position:center,var(--art-x) var(--art-y);background-repeat:no-repeat}
.tarot-card-face::before{content:"";position:absolute;inset:10px;border:1px solid rgba(28,17,49,.38);border-radius:10px;pointer-events:none}.tarot-card-face::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.28),transparent 29%),linear-gradient(180deg,transparent 55%,rgba(18,10,32,.32));pointer-events:none}
.tarot-card-number{position:relative;z-index:2;display:block;text-align:center;color:#1d122c;font-family:Georgia,serif;font-size:12px;font-weight:800;letter-spacing:.08em}
.tarot-card-illustration{position:absolute;right:13px;top:40px;z-index:4;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,238,178,.7);border-radius:50%;background:rgba(16,9,27,.72);box-shadow:0 5px 18px rgba(0,0,0,.35);transition:transform .45s ease}
.tarot-card-illustration::before,.tarot-card-illustration::after{content:"";position:absolute;width:126%;height:1px;background:rgba(30,18,46,.35)}.tarot-card-illustration::after{transform:rotate(90deg)}
.tarot-reading-card.is-reversed .tarot-card-illustration{transform:rotate(180deg)}
.tarot-card-symbol{position:relative;z-index:2;color:#f7e8af;font-family:Georgia,serif;font-size:24px;line-height:1;text-shadow:0 0 12px rgba(241,217,154,.42)}
.tarot-card-title{position:absolute;left:17px;right:17px;bottom:32px;z-index:3;margin:0;text-align:center;color:#fff6d8;font-family:Georgia,"Noto Serif KR",serif;font-size:18px;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.tarot-card-keyword{position:absolute;left:17px;right:17px;bottom:17px;z-index:3;color:#e9d8b0;font-size:9px;text-align:center;letter-spacing:.08em}
.tarot-direction-ribbon{position:absolute;right:9px;top:10px;z-index:5;border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 7px;background:rgba(18,10,32,.7);color:#fff2c7;font-size:9px;font-weight:800;backdrop-filter:blur(4px)}
.tarot-reading-text{margin:11px 0 0;padding:14px;border:1px solid rgba(216,183,106,.18);border-radius:13px;background:rgba(255,255,255,.018);color:#aaa2bb;font-size:12px;line-height:1.7}.tarot-reading-text strong{display:block;margin-bottom:5px;color:#f5f1fb;font-size:13px}
.tarot-reading-summary{margin-top:4px;padding:18px;border:1px solid rgba(216,183,106,.22);border-radius:16px;background:linear-gradient(145deg,rgba(111,76,255,.09),rgba(216,183,106,.035))}.tarot-reading-summary h4{margin:0 0 8px;color:#f1d99a}.tarot-reading-summary p{margin:0;color:#aaa2bb;line-height:1.75}

@media(max-width:820px){.tarot-deck{grid-template-columns:repeat(10,minmax(46px,1fr));max-height:470px;padding:10px}.tarot-reading-board{gap:12px}.tarot-card-title{font-size:15px}}
@media(max-width:700px){.tarot-picker{padding:17px 12px}.tarot-picker-head{align-items:flex-start;flex-direction:column}.tarot-deck{grid-template-columns:repeat(6,minmax(42px,1fr));max-height:480px;margin-inline:-4px}.tarot-reading-board,.tarot-reading-board.one-card{grid-template-columns:minmax(0,1fr)}.tarot-card-face{max-width:310px;margin:auto}.tarot-reading-text{max-width:390px;margin:11px auto 0}}
@media(prefers-reduced-motion:reduce){.tarot-back-card,.tarot-card-illustration{transition:none}}