/* v0.4.253 isolated card overlay: existing chat scroll/input remain untouched */
#geomchat-app{position:relative}
#geomchat-app .gc-tarot-floating{position:absolute;z-index:35;left:8px;right:8px;top:12%;padding:12px;background:#faf8f5;border:1px solid #ded8ce;border-radius:16px;box-shadow:0 12px 35px #0003;max-height:53%;display:flex;flex-direction:column;gap:10px;color:#262626}
#geomchat-app .gc-tarot-floating[hidden],#geomchat-app .gc-tarot-results[hidden]{display:none!important}
#geomchat-app .gc-tarot-floating-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px}
#geomchat-app .gc-tarot-horizontal{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;gap:8px;padding:4px 3px 12px;overscroll-behavior-x:contain}
#geomchat-app .gc-tarot-rail-card{flex:0 0 64px;scroll-snap-align:start;background:#fff;border:1px solid #e4ded8;border-radius:8px;padding:3px;cursor:pointer;transition:transform .18s}
#geomchat-app .gc-tarot-rail-card:hover{transform:translateY(-6px)}
#geomchat-app .gc-tarot-rail-card.chosen{opacity:.34;cursor:default}
#geomchat-app .gc-tarot-rail-card img{width:100%;aspect-ratio:850/1441;object-fit:contain;display:block}
#geomchat-app .gc-tarot-results{background:#faf8f5;border:1px solid #e8e1d7;border-radius:12px;margin:8px;padding:12px;color:#282828}
#geomchat-app .gc-tarot-result-title{font-size:13px;font-weight:750;margin-bottom:10px}
#geomchat-app .gc-tarot-result-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
#geomchat-app .gc-tarot-result-card{width:min(25%,94px);text-align:center}
#geomchat-app .gc-tarot-result-card img{width:100%;display:block;aspect-ratio:850/1441;object-fit:contain}
#geomchat-app .gc-tarot-result-card small{font-size:11px;display:block}
#geomchat-app .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"]{display:grid;grid-template-columns:repeat(2,minmax(0,95px));justify-content:center;gap:10px}
#geomchat-app .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"] .gc-tarot-result-card{width:100%}
#geomchat-app .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"] .gc-tarot-result-card:first-child{grid-column:1/3;justify-self:center;width:95px}
@media(max-width:480px){#geomchat-app .gc-tarot-rail-card{flex-basis:55px}}

#geomchat-app .gc-tarot-result-cards.gc-tarot-custom-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,80px))!important;grid-template-rows:repeat(5,auto);justify-content:center;gap:5px!important}#geomchat-app .gc-tarot-result-cards.gc-tarot-custom-grid .gc-tarot-result-card{width:100%!important;max-width:80px}

/* v0.4.258: original neutral palette, uncluttered white rail and high contrast instructions. */
#geomchat-app .gc-tarot-floating,
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling{background:#faf8f5!important;border:2px solid #292929!important;padding:12px!important;border-radius:18px!important;opacity:1!important;filter:none!important}
#geomchat-app .gc-tarot-floating-head{display:block!important;background:#fff!important;border-radius:14px!important;padding:12px 14px!important;min-height:40px!important;font-size:13px!important;line-height:1.45!important;color:#171717!important;font-weight:650!important;white-space:normal!important}
#geomchat-app .gc-tarot-customer-instruction{display:block!important;color:#171717!important;font-size:13px!important;font-weight:650!important;white-space:normal!important}
#geomchat-app .gc-tarot-horizontal{background:#fff!important;border-radius:14px!important;padding:12px 8px 14px!important;gap:9px!important}
#geomchat-app .gc-tarot-rail-card{background:#fff!important;border:1px solid #e9e2d8!important;border-radius:8px!important;opacity:1!important;filter:none!important}
#geomchat-app .gc-tarot-rail-card img{opacity:1!important;filter:none!important}
#geomchat-app .gc-tarot-is-shuffling .gc-tarot-horizontal{pointer-events:none}
#geomchat-app .gc-tarot-is-shuffling .gc-tarot-rail-card{opacity:1!important;filter:none!important;animation:gcCardShuffle .65s ease-in-out infinite alternate}
@keyframes gcCardShuffle{0%{transform:translateY(0) rotate(-5deg)}100%{transform:translateY(7px) rotate(5deg)}}
#geomchat-app .gc-tarot-result-entry{margin:0 0 12px;padding:8px;border:1px solid #e6dfd5;border-radius:10px;background:#fff}
#geomchat-app .gc-tarot-results{background:transparent;border:0;padding:0;margin:8px}
#geomchat-app .gc-tarot-result-cards.gc-tarot-custom-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#geomchat-app .gc-tarot-result-card{width:100%;max-width:100px}
#geomchat-app .gc-tarot-result-entry:not(:last-child){border-bottom:2px solid #e7d9c6}
@media(prefers-reduced-motion:reduce){#geomchat-app .gc-tarot-is-shuffling .gc-tarot-rail-card{animation:none}}

/* v0.4.262: flow cards scroll horizontally inside each completed tarot result. */
.gc-flow-management{margin-top:12px;border-top:1px solid #e7ded2;padding-top:10px;max-width:100%;min-width:0}
.gc-flow-strip{display:flex;flex-wrap:nowrap;gap:9px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:8px 2px;touch-action:pan-x}
.gc-flow-item{flex:0 0 76px;width:76px;min-width:0;text-align:center}
.gc-flow-item img{display:block;width:100%;height:auto;aspect-ratio:3/5;object-fit:contain}
.gc-flow-item small{display:block;font-size:11px;overflow-wrap:anywhere}
.gc-flow-item button{font-size:11px;padding:4px;border:1px solid #ded3c3;background:#fff8ee;border-radius:7px;cursor:pointer}
.gc-flow-management>button{margin-top:7px;border:1px solid #cabaa7;background:#fffaf4;border-radius:8px;padding:8px 12px;cursor:pointer}
.gc-flow-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));gap:6px;max-height:190px;overflow-y:auto;margin-top:10px;padding:8px;background:#faf8f4;border-radius:9px}
.gc-flow-picker button{padding:2px;border:1px solid #ddd3c5;background:#fff;border-radius:6px;cursor:pointer}
.gc-flow-picker button img{display:block;width:100%;aspect-ratio:3/5;object-fit:contain}
.gc-flow-title{display:block;margin-top:12px;font-size:13px}

/* v0.4.264: brisk, individually phased cross-cut shuffle. Covers stay fully opaque. */
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-horizontal{position:relative;overflow:hidden!important;isolation:isolate;min-height:155px}
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-horizontal>.gc-tarot-rail-card{animation:none!important;opacity:1!important;filter:none!important}
#geomchat-app .gc-tarot-shuffle-stack{display:none}
#geomchat-app .gc-tarot-is-shuffling .gc-tarot-shuffle-stack{position:absolute;z-index:5;inset:0;display:block;pointer-events:none;background:#fff;overflow:hidden}
#geomchat-app .gc-tarot-shuffle-stack img{position:absolute;top:calc(50% - 55px);left:calc(50% - 36px);width:72px;height:110px;object-fit:contain;opacity:1!important;filter:none!important;backface-visibility:hidden;will-change:transform;box-shadow:0 4px 9px #0002;animation:gcCrossCutA .95s cubic-bezier(.4,0,.55,1) infinite both}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(1){animation-delay:-.12s;z-index:2}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(2){animation-name:gcCrossCutB;animation-delay:-.39s;z-index:4}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(3){animation-delay:-.69s;z-index:3}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(4){animation-name:gcCrossCutB;animation-delay:-.15s;z-index:6}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(5){animation-delay:-.48s;z-index:5}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(6){animation-name:gcCrossCutB;animation-delay:-.78s;z-index:1}
@keyframes gcCrossCutA{0%,100%{transform:translate(-105px,0) rotate(-14deg)}24%{transform:translate(-40px,-13px) rotate(-7deg)}49%{transform:translate(78px,-3px) rotate(13deg)}72%{transform:translate(14px,12px) rotate(4deg)}}
@keyframes gcCrossCutB{0%,100%{transform:translate(100px,1px) rotate(12deg)}22%{transform:translate(42px,14px) rotate(8deg)}51%{transform:translate(-85px,-7px) rotate(-13deg)}77%{transform:translate(-15px,8px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){#geomchat-app .gc-tarot-shuffle-stack img{animation:none!important;transform:translateX(0)!important}}

/* v0.4.263: one-by-one reveal animation; result already committed atomically. */
.gc-flow-strip .gc-flow-item{animation:gc-flow-appear .42s ease-out both}
.gc-flow-strip .gc-flow-item:nth-child(2){animation-delay:.16s}
.gc-flow-strip .gc-flow-item:nth-child(3){animation-delay:.32s}
.gc-flow-strip .gc-flow-item:nth-child(4){animation-delay:.48s}
.gc-flow-strip .gc-flow-item:nth-child(5){animation-delay:.64s}
.gc-flow-strip .gc-flow-item:nth-child(6){animation-delay:.80s}
.gc-flow-strip .gc-flow-item:nth-child(n+7){animation-delay:.96s}
@keyframes gc-flow-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.gc-flow-strip .gc-flow-item{animation:none!important}}

/* v0.4.268: persistent count independent of instruction text */
#geomchat-app .gc-tarot-floating-head{display:flex!important;align-items:center!important;gap:12px!important;justify-content:space-between!important}
#geomchat-app .gc-tarot-customer-instruction{flex:1;min-width:0}
#geomchat-app .gc-tarot-selection-count{flex:none;display:inline-flex;justify-content:center;align-items:center;padding:6px 10px;background:#f3f0e9;border:1px solid #d5c9b8;border-radius:9px;color:#1b1b1b;font-size:14px;font-weight:800;white-space:nowrap}
#geomchat-app .gc-tarot-result-entry[data-oracle] .gc-tarot-result-card img{max-width:135px}

/* v0.4.270: show ONLY the shuffle deck during animation; no rail card may peek at right. */
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-horizontal>.gc-tarot-rail-card{display:none!important}
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-horizontal{overflow:hidden!important;scrollbar-width:none!important;padding:8px!important}
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-horizontal::-webkit-scrollbar{display:none!important}
#geomchat-app .gc-tarot-shuffle-stack{overflow:hidden!important;clip-path:inset(0 round 12px)}
#geomchat-app .gc-tarot-shuffle-stack img{width:82px!important;height:132px!important;top:calc(50% - 66px)!important;left:calc(50% - 41px)!important;animation-duration:1.12s!important}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(7){animation-name:gcCrossCutA;animation-delay:-.91s;z-index:7}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(8){animation-name:gcCrossCutB;animation-delay:-.21s;z-index:8}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(9){animation-name:gcCrossCutA;animation-delay:-.58s;z-index:9}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(10){animation-name:gcCrossCutB;animation-delay:-.83s;z-index:10}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(11){animation-name:gcCrossCutA;animation-delay:-.36s;z-index:11}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(12){animation-name:gcCrossCutB;animation-delay:-.72s;z-index:12}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(13){animation-name:gcCrossCutA;animation-delay:-.13s;z-index:13}
#geomchat-app .gc-tarot-shuffle-stack img:nth-child(14){animation-name:gcCrossCutB;animation-delay:-.47s;z-index:14}
#geomchat-app .gc-tarot-result-card{max-width:126px!important}
#geomchat-app .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"]{grid-template-columns:repeat(2,minmax(0,min(31vw,124px)))!important;gap:9px!important}
#geomchat-app .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"] .gc-tarot-result-card:first-child{width:100%!important;max-width:124px!important}
#geomchat-app .gc-tarot-result-cards.gc-tarot-custom-grid .gc-tarot-result-card{max-width:124px!important}

/* v0.4.271: restore animated stack visibility after refresh and avoid stale still cards. */
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-shuffle-stack{display:block!important;visibility:visible!important;opacity:1!important}
#geomchat-app .gc-tarot-floating.gc-tarot-is-shuffling .gc-tarot-shuffle-stack img{animation-play-state:running!important;animation-duration:.92s!important;transform-origin:center center}
#geomchat-app .gc-tarot-question{background:#fff;border:1px solid #e4ded4;border-radius:12px;padding:9px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:13px;color:#222;margin-bottom:8px}
#geomchat-app .gc-tarot-question strong{font-size:13px;overflow-wrap:anywhere}
#geomchat-app .gc-tarot-question-edit{flex-shrink:0;border:1px solid #d1b99c;border-radius:9px;background:#fff8eb;padding:7px 9px;color:#3b3129;cursor:pointer}

/* Keep shuffle animation fully isolated, never dim or freeze the face-down deck. */
#geomchat-app .gc-tarot-is-shuffling .gc-tarot-shuffle-stack{position:relative!important;display:block!important;min-height:178px!important;width:100%!important;overflow:hidden!important}
#geomchat-app .gc-tarot-is-shuffling .gc-tarot-shuffle-stack img{opacity:1!important;filter:none!important;animation-play-state:running!important;will-change:transform}
#geomchat-app .gc-tarot-question[hidden],#geomchat-app .gc-tarot-question-edit[hidden]{display:none!important}

/* v0.4.274: cards follow normal chat messages even when the chat renderer appends items. */


/* v0.4.276: selected cards lift slightly; a translucent veil marks a saved choice. */
#geomchat-app .gc-tarot-rail-card.chosen{position:relative;transform:translateY(-9px)!important;opacity:1!important;filter:none!important;border-color:#b8915d!important;box-shadow:0 6px 12px rgba(36,31,23,.17)!important;cursor:default!important}
#geomchat-app .gc-tarot-rail-card.chosen::after{content:"✓";position:absolute;inset:3px;border-radius:5px;background:rgba(243,236,218,.42);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:800;color:#493825;pointer-events:none}
#geomchat-app .gc-tarot-rail-card.chosen img{opacity:1!important;filter:none!important}
@media(prefers-reduced-motion:reduce){#geomchat-app .gc-tarot-rail-card.chosen{transition:none!important}}

/* v0.4.277: card results participate in the chronological chat flow. */
#geomchat-messages>.gc-tarot-result-entry{flex:0 0 auto;align-self:center;max-width:calc(100% - 16px);width:max-content;}

/* v0.4.280: customer card result only — widen 3-card reading and enlarge artwork without affecting other modules. */
#geomchat-messages > .gc-tarot-result-entry:has(> .gc-tarot-result-cards[data-spread="3"]){
 width:calc(100% - 12px)!important; max-width:740px!important; box-sizing:border-box!important;
 padding:12px!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards[data-spread="3"] .gc-tarot-result-card{
 max-width:174px!important; min-width:0!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"]{
 grid-template-columns:repeat(2,minmax(0,min(174px,39vw,calc((100vw - 84px) / 2))))!important;
 column-gap:12px!important;row-gap:10px!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards[data-layout="triangle"][data-spread="3"] .gc-tarot-result-card:first-child{max-width:174px!important;}
@media(max-width:430px){
 #geomchat-messages > .gc-tarot-result-entry:has(> .gc-tarot-result-cards[data-spread="3"]){padding:9px!important;}
}

/* v0.4.282 — customer-only compact 3-card pyramid; saved spread slots unchanged. */
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards.gc-tarot-tight-triangle{
 display:grid!important;column-gap:10px!important;row-gap:10px!important;
 justify-content:center!important;margin-inline:auto!important;width:max-content!important;max-width:100%!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards.gc-tarot-tight-triangle .gc-tarot-result-card{
 width:100%!important;max-width:190px!important;min-width:0!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards.gc-tarot-tight-triangle .gc-tarot-result-card:first-child{
 grid-column:1 / 3!important;grid-row:1!important;justify-self:center!important;
}

/* v0.4.283 — only customer saved spread results: compress unused rows/columns, enlarge cards. */
#geomchat-messages > .gc-tarot-result-entry:has(> .gc-tarot-result-cards.gc-tarot-custom-grid:not([data-spread="1"])){
 width:calc(100% - 12px)!important; max-width:740px!important;box-sizing:border-box!important;padding:12px!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards.gc-tarot-custom-grid:not(.gc-tarot-tight-triangle){
 gap:8px!important;justify-content:center!important;align-content:start!important;
 width:max-content!important;max-width:100%!important;margin-inline:auto!important;
}
#geomchat-app .gc-tarot-result-entry .gc-tarot-result-cards.gc-tarot-custom-grid:not(.gc-tarot-tight-triangle) .gc-tarot-result-card{
 width:100%!important;min-width:0!important;max-width:190px!important;
}

/* v0.4.285: compact question edit control in the customer card picker only. */
#geomchat-app .gc-tarot-question .gc-tarot-question-edit{
  flex:0 0 auto!important;width:auto!important;min-width:0!important;max-width:124px!important;
  font-size:12px!important;line-height:1.3!important;font-weight:650!important;
  padding:6px 9px!important;border-radius:8px!important;
  white-space:nowrap!important;letter-spacing:0!important;
}
@media(max-width:390px){#geomchat-app .gc-tarot-question .gc-tarot-question-edit{font-size:11px!important;padding:5px 7px!important;max-width:112px!important;}}