.tarot-spread--celtic-cross{display:flex;flex-direction:column;gap:0;max-width:656px;margin:0 auto;padding:0 8px}.cc-zone__label{display:none;text-align:center;font-family:var(--font-display, serif);font-size:var(--fs-sm);letter-spacing:1.5px;text-transform:uppercase;color:var(--tarot-text-muted);margin-bottom:12px}.cc-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0;padding:0 20px}.cc-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--tarot-gold-dim),transparent)}.cc-divider__label{font-family:var(--font-display, serif);font-size:var(--fs-sm);letter-spacing:1.5px;text-transform:uppercase;color:var(--tarot-text-muted);white-space:nowrap}.cc-cross-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;grid-template-areas:".     above  ." "left  center right" ".     below  .";gap:8px;max-width:320px;margin:0 auto;padding:16px 0}.cc-cell{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:ccCellReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--cc-delay, 0s)}@keyframes ccCellReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cc-cell--above{grid-area:above}.cc-cell--left{grid-area:left;align-self:center}.cc-cell--right{grid-area:right;align-self:center}.cc-cell--below{grid-area:below}.cc-cell--center{grid-area:center;position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:120px}.cc-cell__label{font-size:var(--fs-2xs);color:var(--tarot-text-muted);font-family:var(--font-thai);text-align:center;line-height:1.3;max-width:90px;opacity:0;transition:opacity .4s var(--saju-ease, ease)}.cc-cell--revealed .cc-cell__label{opacity:1}.cc-staff-zone{display:flex;flex-direction:column;gap:12px;max-width:380px;margin:0 auto;padding:0 8px}.cc-staff-row{display:flex;align-items:center;gap:16px;opacity:0;animation:ccCellReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--cc-delay, 0s)}.cc-staff-row--alt{flex-direction:row-reverse;text-align:right}.cc-staff-row .cc-card{flex-shrink:0}.cc-staff-info{flex:1;min-width:0}.cc-staff-info__pos{font-size:var(--fs-2xs);color:var(--tarot-gold, rgba(212,165,116,.35));font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:2px}.cc-staff-info__name{font-size:var(--fs-base);font-weight:500;color:var(--tarot-text-heading);margin-bottom:2px;line-height:1.3}.cc-staff-info__meaning{font-size:var(--fs-sm);color:var(--tarot-text-dim);line-height:1.5}.cc-staff-connector{width:1px;height:16px;background:linear-gradient(to bottom,var(--tarot-gold-dim),transparent);margin:-4px auto;opacity:0;animation:ccConnectorFade .4s var(--saju-ease, ease) forwards;animation-delay:var(--cc-delay, 0s)}@keyframes ccConnectorFade{0%{opacity:0}to{opacity:1}}.cc-staff-row--outcome .cc-card__front{border-color:#d4a57480}.cc-staff-row--outcome .cc-staff-info__name{color:var(--tarot-gold, rgba(212,165,116,.35))}.cc-cross-grid .cc-card,.cc-staff-row .cc-card{width:80px;height:120px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1);border-radius:8px}.cc-cross-grid .cc-card:before,.cc-staff-row .cc-card:before{content:"";position:absolute;inset:-4px;min-width:44px;min-height:44px}.cc-card--crossing{position:absolute;width:80px;height:120px;transform:translate(-50%,-50%) rotate(90deg);z-index:2;top:50%;left:50%}@media(min-width:640px){.tarot-spread--celtic-cross{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.cc-divider{display:none}.cc-zone__label{display:block}.cc-cross-grid{max-width:100%}.cc-cross-grid .cc-card,.cc-cell--center,.cc-card--crossing{width:88px;height:132px}.cc-staff-row .cc-card{width:72px;height:108px}}@media(max-width:359px){.cc-cross-grid .cc-card,.cc-staff-row .cc-card,.cc-cell--center,.cc-card--crossing{width:64px;height:96px}.cc-cross-grid{gap:6px;max-width:260px}.cc-card__name{font-size:8px}.cc-staff-row{gap:12px}.cc-staff-info__name{font-size:var(--fs-sm)}}.cc-card__back,.cc-card__front{position:absolute;inset:0;border-radius:8px;backface-visibility:hidden}.cc-card__back{background:var(--tarot-ink-deep);border:1.5px solid color-mix(in srgb,var(--tarot-gold) 71%,transparent);display:flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--tarot-gold) 114%,transparent);font-size:20px}.cc-card__front{transform:rotateY(180deg);background:var(--tarot-ink-deep);border:1.5px solid var(--tarot-gold);overflow:hidden}.cc-card__img{width:100%;height:100%;object-fit:cover;display:block}.cc-card__name{position:absolute;bottom:0;left:0;right:0;padding:16px 4px 5px;background:linear-gradient(to top,rgba(13,11,26,.9) 0%,rgba(13,11,26,.6) 60%,transparent 100%);font-size:var(--fs-2xs);font-family:var(--font-thai);font-weight:500;color:var(--tarot-text-heading);text-align:center;line-height:1.2;z-index:2}.cc-card__badge{position:absolute;top:4px;left:4px;width:18px;height:18px;border-radius:50%;background:#0d0b1abf;border:1px solid var(--tarot-gold-dim);color:var(--tarot-gold, rgba(212,165,116,.35));font-family:var(--font-mono);font-size:var(--fs-2xs);display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.cc-card--revealed .cc-card__badge{opacity:0}.cc-card--revealed{transform:rotateY(180deg)}.cc-card--crossing.cc-card--revealed{transform:translate(-50%,-50%) rotate(90deg) rotateY(180deg)}.cc-card--outcome-glow .cc-card__front{animation:ccOutcomeGlow 1.4s .5s var(--saju-ease, ease) both}@keyframes ccOutcomeGlow{0%{box-shadow:none}40%{box-shadow:0 0 28px var(--tarot-gold),0 0 8px var(--tarot-gold-dim)}to{box-shadow:none}}.cc-bottom-sheet__backdrop{position:fixed;inset:0;background:#0d0b1ab8;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s var(--saju-ease, ease)}.cc-bottom-sheet__backdrop--visible{opacity:1;pointer-events:auto}.cc-bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:#1a1832;border-top:1px solid rgba(212,165,116,.25);border-radius:20px 20px 0 0;padding:16px 20px 32px;max-height:72vh;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(100%);transition:transform .35s cubic-bezier(.23,1,.32,1)}.cc-bottom-sheet--visible{transform:translateY(0)}.cc-bottom-sheet__handle{width:40px;height:4px;border-radius:2px;background:#d4a5744d;margin:0 auto 20px}.cc-bottom-sheet__header{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.cc-bottom-sheet__pos-num{font-family:var(--font-mono);font-size:var(--fs-xs);color:#d4a574;letter-spacing:.06em;flex-shrink:0}.cc-bottom-sheet__pos-name{font-size:var(--fs-lg);color:#e8d5b5;font-weight:500;line-height:1.3}.cc-bottom-sheet__meaning{font-size:var(--fs-base);color:#f0ece6b3;line-height:1.65;margin:0 0 20px}.cc-bottom-sheet__card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(212,165,116,.15);border-radius:10px;margin-bottom:20px}.cc-bottom-sheet__card-img{width:40px;height:62px;object-fit:cover;border-radius:5px;flex-shrink:0}.cc-bottom-sheet__card-emoji{font-size:28px;flex-shrink:0;line-height:1}.cc-bottom-sheet__card-info{display:flex;flex-direction:column;gap:3px}.cc-bottom-sheet__card-name-th{font-size:var(--fs-md);color:#e8d5b5;font-weight:500}.cc-bottom-sheet__card-name-en{font-size:var(--fs-xs);color:#f0ece68c;font-family:var(--font-mono);letter-spacing:.03em}.cc-bottom-sheet__element-badge{font-size:var(--fs-xs);padding:2px 8px;border-radius:20px;background:#d4a5741f;border:1px solid rgba(212,165,116,.25);color:#d4a574;display:inline-block;margin-top:4px;width:fit-content}.cc-bottom-sheet__nav{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-bottom-sheet__nav-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff0a;border:1px solid rgba(212,165,116,.2);border-radius:8px;color:#d4a574;font-size:var(--fs-sm);font-family:var(--font-thai);cursor:pointer;transition:background .2s var(--saju-ease, ease),border-color .2s var(--saju-ease, ease);min-width:44px;min-height:44px;justify-content:center}.cc-bottom-sheet__nav-btn:hover{background:#d4a57414;border-color:#d4a57459}.cc-bottom-sheet__nav-btn:disabled{opacity:.35;cursor:default}.cc-bottom-sheet__nav-pos{font-size:var(--fs-sm);color:#f0ece68c;font-family:var(--font-mono)}.tarot-spread--horseshoe{position:relative;width:300px;height:160px;margin:0 auto}.hs-cell{position:absolute;display:flex;flex-direction:column;align-items:center;top:0;left:50%}.hs-cell--pos-0{transform:translate(calc(-50% - 120px),30px) rotate(-20deg)}.hs-cell--pos-1{transform:translate(calc(-50% - 60px),10px) rotate(-10deg)}.hs-cell--pos-2{transform:translate(-50%) rotate(0)}.hs-cell--pos-3{transform:translate(calc(-50% + 60px),10px) rotate(10deg)}.hs-cell--pos-4{transform:translate(calc(-50% + 120px),30px) rotate(20deg)}.hs-card{width:clamp(50px,13vw,68px);height:clamp(78px,20vw,106px);position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1);border-radius:8px}.hs-card:before{content:"";position:absolute;inset:-4px;min-width:44px;min-height:44px}.hs-card.cc-card--revealed{transform:rotateY(180deg)}.hs-cell__label{font-size:var(--fs-2xs);color:var(--tarot-text-dim);font-family:var(--font-thai);opacity:0;transition:opacity .4s var(--saju-ease, ease);text-align:center;margin-top:4px;white-space:nowrap}.hs-cell--revealed .hs-cell__label{opacity:1}@media(max-width:340px){.hs-cell--pos-0{transform:translate(calc(-50% - 84px),20px) rotate(-20deg)}.hs-cell--pos-1{transform:translate(calc(-50% - 42px),8px) rotate(-10deg)}.hs-cell--pos-2{transform:translate(-50%) rotate(0)}.hs-cell--pos-3{transform:translate(calc(-50% + 42px),8px) rotate(10deg)}.hs-cell--pos-4{transform:translate(calc(-50% + 84px),20px) rotate(20deg)}.tarot-spread--horseshoe{width:240px;height:140px}}.tarot-spread--relationship{display:flex;flex-direction:column;max-width:420px;margin:0 auto 24px;padding:0 8px}.rel-pair{display:flex;justify-content:center;gap:32px;margin-bottom:8px;position:relative}.rel-pair:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:1px;background:var(--tarot-gold-dim)}.rel-person{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:relReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--rel-delay, 0s)}.rel-person__label{font-family:var(--font-display, serif);font-size:var(--fs-sm);letter-spacing:1.5px;text-transform:uppercase;color:var(--tarot-text-muted)}.rel-person__name{font-size:var(--fs-sm);color:var(--tarot-text-dim);font-weight:400;font-family:var(--font-thai)}.rel-bond{display:flex;flex-direction:column;align-items:center;gap:8px;margin:20px 0;position:relative;opacity:0;animation:relReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--rel-delay, 0s)}.rel-bond:before,.rel-bond:after{content:"";position:absolute;top:50%;width:40px;height:1px}.rel-bond:before{right:calc(50% + 56px);background:linear-gradient(90deg,transparent,var(--tarot-gold-dim))}.rel-bond:after{left:calc(50% + 56px);background:linear-gradient(90deg,var(--tarot-gold-dim),transparent)}.rel-bond__label{font-family:var(--font-display, serif);font-size:var(--fs-sm);letter-spacing:1.5px;text-transform:uppercase;color:var(--tarot-text-muted)}.rel-bond .rel-card{border-color:#d4a57473;box-shadow:0 4px 20px #1a140866,0 0 20px #d4a5740f,inset 0 1px 0 var(--tarot-gold-faint)}.rel-bond__name{font-size:var(--fs-sm);color:var(--tarot-text-dim);font-weight:400;font-family:var(--font-thai)}.rel-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0;padding:0 20px}.rel-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--tarot-gold-faint),transparent)}.rel-divider__dot{width:4px;height:4px;border-radius:50%;background:var(--tarot-gold-dim)}.rel-journey{display:flex;flex-direction:column;gap:12px}.rel-journey-row{display:flex;align-items:center;gap:16px;opacity:0;animation:relReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--rel-delay, 0s)}.rel-journey-row--alt{flex-direction:row-reverse;text-align:right}.rel-journey-row .rel-card{width:72px;height:108px;flex-shrink:0}.rel-journey-info{flex:1;min-width:0}.rel-journey-info__pos{font-size:var(--fs-2xs);color:var(--tarot-gold, rgba(212,165,116,.35));font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:2px}.rel-journey-info__name{font-size:var(--fs-base);font-weight:500;color:var(--tarot-text-heading);margin-bottom:2px;line-height:1.3}.rel-journey-info__meaning{font-size:var(--fs-sm);color:var(--tarot-text-dim);line-height:1.5}.rel-journey-connector{width:1px;height:12px;background:linear-gradient(to bottom,var(--tarot-gold-dim),transparent);margin:-4px auto;opacity:0;animation:relConnFade .4s var(--saju-ease, ease) forwards;animation-delay:var(--rel-delay, 0s)}@keyframes relConnFade{0%{opacity:0}to{opacity:1}}.rel-outcome{display:flex;align-items:center;gap:16px;margin-top:20px;padding:16px;border:1px solid var(--tarot-gold-faint);border-radius:12px;background:#d4a57408;opacity:0;animation:relReveal .6s var(--saju-ease, ease) forwards;animation-delay:var(--rel-delay, 0s)}.rel-outcome .rel-card{border-color:#d4a57480;box-shadow:0 4px 20px #1a140866,0 0 24px #d4a5741a,inset 0 1px 0 var(--tarot-gold-faint);flex-shrink:0}.rel-outcome-info__pos{font-size:var(--fs-2xs);color:var(--tarot-gold, rgba(212,165,116,.35));font-family:var(--font-mono);letter-spacing:.5px;margin-bottom:2px}.rel-outcome-info__name{font-size:var(--fs-md);font-weight:500;color:var(--tarot-gold, rgba(212,165,116,.35));margin-bottom:2px;line-height:1.3}.rel-outcome-info__meaning{font-size:var(--fs-sm);color:var(--tarot-text-body);line-height:1.5}.rel-card{width:88px;height:132px;position:relative;cursor:pointer;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.23,1,.32,1);border-radius:8px}.rel-card:before{content:"";position:absolute;inset:-4px;min-width:44px;min-height:44px}@keyframes relReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:359px){.rel-pair{gap:24px}.rel-card{width:72px;height:108px}.rel-journey-row .rel-card{width:64px;height:96px}.rel-outcome{padding:12px}}@media(prefers-reduced-motion:reduce){.cc-cross-grid .cc-card,.cc-staff-row .cc-card,.cc-card--revealed,.cc-card--crossing.cc-card--revealed{transition:none}.cc-cell,.cc-staff-row,.cc-staff-connector{animation:none;opacity:1}.cc-cell__label{transition:none}.cc-card--outcome-glow .cc-card__front{animation:none}.cc-bottom-sheet,.cc-bottom-sheet__backdrop,.hs-card,.rel-card,.hs-cell__label{transition:none}.rel-person,.rel-bond,.rel-journey-row,.rel-journey-connector,.rel-outcome{animation:none;opacity:1}}