/* Every card has a visible edge. Fans fit the content width; no carousel. */
.tarot-choice{max-width:1000px;margin:0 auto;--choice-width:78px}
.tarot-choice-top{display:flex;align-items:center;gap:20px;margin-bottom:22px}
.internal-page .tarot-choice-top .back-button{margin:0;flex:none}
.tarot-choice-top .ritual-progress{justify-content:center;flex:1;border:0;padding:0;margin:0 70px 0 0}
:root body[data-page=choose] .internal-page .tarot-choose-header .question-quote{padding:0;margin:8px auto;max-width:60ch}
.tarot-picked{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 auto 28px;max-width:740px}
.tarot-position{display:flex;align-items:center;text-align:left;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #d7be8b40;background:none;color:#e8dced;font:12px/1.5 var(--ui)}
.tarot-position-number{display:grid;place-items:center;width:32px;height:40px;border:1px solid #c3a77055;border-radius:5px;flex:none;color:#ddc18a;background:#1b112344;font-size:14px}
.tarot-position small{display:block;color:#bcaacb;font-size:10px;margin-top:4px}
.tarot-position.is-filled{border-color:#e4c483}
.tarot-position.is-filled .tarot-position-number{background:#e0bd8130;border-color:#edcd8c}
:root body .internal-page .tarot-position:disabled{opacity:1;cursor:default}
.tarot-table-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.tarot-table-head>div:first-child{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.tarot-deck-count{font:23px/1.4 var(--reading);color:#f0d19a}
.tarot-scroll-help{font:12px/1.5 var(--ui);color:#cbbad9}
.tarot-touch-help{display:none}
@media(pointer:coarse){.tarot-pointer-help{display:none}.tarot-touch-help{display:inline}}
.tarot-table{position:relative;isolation:isolate}
.tarot-table::before{content:"";position:absolute;inset:-20px 0;z-index:-1;pointer-events:none;background:#0c071caf;filter:blur(22px);border-radius:15%}
.tarot-rail{position:relative;width:100%;overflow:visible;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.tarot-choice-card{position:absolute;z-index:var(--fan-index);display:block;width:var(--choice-width);aspect-ratio:3/5;padding:0;background:#130b22;border:1px solid #d7be8b90;border-radius:8px;overflow:hidden;box-shadow:-3px 3px 9px #0007;transform:translateX(-50%) rotate(calc(var(--fan-angle) + var(--fan-sampling-offset,0deg))) translateY(var(--fan-lift,0px));transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .2s,opacity .2s}
/* Avoid Chromium's different downsampling for the exactly axis-aligned middle
   card. This subpixel tilt uses the same sampling as its neighbours, without
   blur filters or extra compositor layers. Touch rendering stays unchanged. */
@media(hover:hover) and (pointer:fine){.tarot-choice-card{--fan-sampling-offset:.01deg}}
.tarot-choice-card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.tarot-pick-number{display:none;position:absolute;inset:0;margin:auto;width:36px;height:36px;border-radius:50%;background:#160e27eb;border:1px solid #f0d19a;color:#f5dca5;font:24px/1 var(--reading);place-items:center;box-shadow:0 3px 18px #0008}
.tarot-choice-card.is-picked{--fan-lift:-26px;z-index:200;border-color:#ffe1a2;box-shadow:0 0 0 2px #d5ac6999,0 0 18px #ce9b4538}
.tarot-choice-card.is-picked .tarot-pick-number{display:grid}
:root body .internal-page .tarot-choice-card:disabled{opacity:.45}
.tarot-choice-card:focus-visible{--fan-lift:-26px;z-index:101}
.tarot-rail.is-touch-browsing .tarot-choice-card{transition:none}
.tarot-rail .tarot-choice-card.is-touch-preview{--fan-lift:-38px;z-index:300;border-color:#ffe1a2;box-shadow:0 0 0 2px #d5ac6999,0 0 18px #ce9b4538}
@media(hover:hover){.tarot-choice-card:hover:not(:disabled){--fan-lift:-26px;z-index:101;border-color:#ffe1a2}}
.tarot-rail .tarot-choice-card.is-picked:not(.is-touch-preview){z-index:200}
.tarot-rail.is-touch-scrubbing .tarot-choice-card.is-touch-preview{transform:translate3d(-50%,0,0) rotate(var(--fan-angle)) translateY(-38px);box-shadow:-3px 3px 9px #0007;transition:none}
.tarot-choice-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}
:root body .tarot-selection-status{margin:0;font:18px/1.5 var(--reading);color:#e2c78e;min-height:27px}
.tarot-choice-actions{display:flex;gap:12px;flex:none}
.tarot-choice-actions .primary-button{min-width:175px}
.tarot-shuffle-stage{display:none;position:absolute;inset:0;place-items:center;pointer-events:none;overflow:hidden}
.tarot-shuffle-stage img{position:absolute;width:var(--choice-width);height:auto;aspect-ratio:3/5;border-radius:8px;border:1px solid #d3b474aa;box-shadow:0 6px 24px #0007;animation:tarot-packets 2.65s cubic-bezier(.4,0,.2,1) both}
.is-shuffling .tarot-rail{pointer-events:none}
.is-shuffling .tarot-choice-card{transition:none;opacity:1!important}
.is-mixing .tarot-rail{visibility:hidden}
.is-mixing .tarot-shuffle-stage{display:grid}
@keyframes tarot-packets{
 0%,100%{transform:translate(0,calc(var(--layer)*-1px)) rotate(0)}
 20%,58%{transform:translate(calc(var(--packet)*62px),calc(var(--layer)*-2px)) rotate(calc(var(--packet)*-12deg))}
 38%,78%{transform:translate(calc(var(--layer)*1px),calc(var(--layer)*-2px)) rotate(0)}
}
body[data-page=choose] .internal-page .choose-header{margin-bottom:22px}
body[data-page=choose] .internal-page .choose-header h1{font-size:36px;line-height:1.3;margin:10px 0 14px}
:root body[data-page=choose] .internal-page .choose-header p{margin:10px auto}
@media(max-width:700px){
 .tarot-choice-top{display:block;margin-bottom:20px}
 .tarot-choice-top .ritual-progress{margin:10px 0 0;justify-content:center}
 .tarot-choice{--choice-width:66px}
 .tarot-picked{gap:10px;margin-bottom:20px}
 .tarot-position{flex-direction:column;align-items:flex-start;gap:8px;font-size:11px;padding:8px 0}
 .tarot-position-number{width:26px;height:32px;font-size:13px}
 .tarot-position small{font-size:9px;min-height:28px}
 .tarot-table-head>div:first-child{display:block}
 .tarot-deck-count{font-size:21px;display:block}
 .tarot-scroll-help{font-size:11px;display:block;margin-top:3px}
 .tarot-choice-card{border-radius:8px}
 .tarot-pick-number{width:30px;height:30px;font-size:21px}
 .tarot-choice-bottom{flex-direction:column;align-items:stretch;gap:14px}
 .tarot-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .tarot-choice-actions .primary-button{min-width:0}
 :root body .internal-page .tarot-choice-actions button{font-size:12px;padding:12px 10px}
 body[data-page=choose] .internal-page .choose-header h1{font-size:30px}
 .tarot-choice-card.is-picked,.tarot-choice-card:focus-visible{--fan-lift:-20px}
}
@media(prefers-reduced-motion:reduce){.tarot-choice-card{transition:none}.tarot-shuffle-stage img{animation:none}}
[data-motion=off] .tarot-choice-card{transition:none}