/* Lunaria 片思いの行方タロット U08 追加スタイル（luna-tarot.css を土台に加算・U02 非改変） */

/* 選択進捗トレイ（3枚を順に選ぶ） */
.luna-kataomoi__tray { display: flex; gap: 10px; justify-content: center; margin-top: 18px; }
.luna-kataomoi__tray-slot { display: flex; flex-direction: column; align-items: center; gap: 4px; min-width: 78px; padding: 8px 6px; border-radius: 12px; border: 1px dashed rgba(216,184,120,.4); color: rgba(239,233,247,.5); transition: all .35s ease; }
.luna-kataomoi__tray-slot.is-filled { border-style: solid; border-color: rgba(216,184,120,.85); background: rgba(216,184,120,.12); color: #f2e6c4; }
.luna-kataomoi__tray-slot span { font-family: "Cormorant Garamond", serif; font-size: 18px; font-style: italic; color: #d8b878; }
.luna-kataomoi__tray-slot em { font-style: normal; font-family: "Shippori Mincho", serif; font-size: 11px; letter-spacing: .04em; }

/* 結果：3枚のカード列 */
.luna-kataomoi__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 18px 0 6px; }
.luna-kataomoi__card { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.luna-kataomoi__poslabel { font-family: "Shippori Mincho", serif; font-size: 11px; letter-spacing: .06em; color: #d8b878; text-align: center; min-height: 2.2em; display: flex; align-items: center; }
.luna-kataomoi__posmark { font-family: "Cormorant Garamond", serif; font-size: 11px; letter-spacing: .14em; color: rgba(239,233,247,.62); }

/* カード面＝既存78枚のカード画像(assets/tarot/{id}.webp)。未配置時は名前＋種別のフォールバック。 */
.luna-kataomoi__face { position: relative; width: 100%; aspect-ratio: 3 / 4.4; border-radius: 9px; overflow: hidden; box-shadow: 0 10px 26px rgba(0,0,0,.5); background: #0f0a26; }
.luna-kataomoi__cardimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.luna-kataomoi__facefb { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 8px 6px; text-align: center; border: 1px solid rgba(216,184,120,.4); border-radius: 9px; background: linear-gradient(170deg,#171036 0%,#0f0a26 100%); }
.luna-kataomoi__fbsuit { font-family: "Cormorant Garamond", serif; font-size: 10px; letter-spacing: .08em; }
.luna-kataomoi__fbname { font-family: "Shippori Mincho", serif; font-size: clamp(13px,3.6vw,16px); letter-spacing: .04em; color: #f5eede; line-height: 1.3; }
.luna-kataomoi__fbcosmic { font-family: "Cormorant Garamond", serif; font-size: 10px; letter-spacing: .1em; color: rgba(216,184,120,.8); font-style: italic; }
/* 月虹(79枚目・78枚に無い)のみ専用SVG面 */
.luna-kataomoi__face.is-moonbow { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(150,180,220,.5); background: radial-gradient(120% 90% at 50% 30%, #241d44, #100c26 72%); }
.luna-kataomoi__fbname--mb { position: absolute; bottom: 8px; left: 0; right: 0; }

/* 位置別テキスト */
.luna-kataomoi__positions { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; }
.luna-kataomoi__pos { text-align: left; border-left: 2px solid rgba(216,184,120,.45); padding-left: 14px; }
.luna-kataomoi__pos b { font-family: "Shippori Mincho", serif; font-size: 14px; letter-spacing: .06em; color: #f2e6c4; }
.luna-kataomoi__possub { display: block; font-family: "Cormorant Garamond", serif; font-size: 11px; letter-spacing: .06em; color: rgba(239,233,247,.5); margin: 2px 0 6px; }
.luna-kataomoi__pos p { font-family: "Shippori Mincho", serif; font-size: 13.5px; line-height: 1.95; letter-spacing: .03em; color: rgba(239,233,247,.86); margin: 0; }

/* 総括「ゆくえの六兆」／月虹の兆 */
.luna-kataomoi__soukatsu { margin-top: 24px; }
.luna-kataomoi__soukatsu-in { position: relative; border-radius: 14px; padding: 22px 18px 20px; text-align: center; background: radial-gradient(120% 90% at 50% 0%, rgba(216,184,120,.14), rgba(216,184,120,0) 70%); border: 1px solid rgba(216,184,120,.32); overflow: hidden; }
.luna-kataomoi__skcatch { font-family: "Shippori Mincho", serif; font-size: 12.5px; letter-spacing: .05em; color: rgba(239,233,247,.72); }
.luna-kataomoi__soukatsu-in h3 { margin: 8px 0 12px; font-family: "Shippori Mincho", serif; font-size: clamp(20px,5.4vw,24px); letter-spacing: .12em; color: #f7f0dd; }
.luna-kataomoi__soukatsu-in p { font-family: "Shippori Mincho", serif; font-size: 13.5px; line-height: 2; letter-spacing: .03em; color: rgba(239,233,247,.86); margin: 0; }
.luna-kataomoi__skadvice { margin-top: 14px; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.04); font-family: "Shippori Mincho", serif; font-size: 13px; line-height: 1.9; color: #efe6c8; }

/* R1 月虹の兆：静かな祝福（派手にしない）。淡い虹のアーチ */
.luna-kataomoi__soukatsu-in.is-moonbow { border-color: rgba(150,180,220,.4); background: radial-gradient(120% 90% at 50% 0%, rgba(120,150,210,.16), rgba(120,150,210,0) 72%); }
.luna-kataomoi__moonbow-arch { position: absolute; top: -34px; left: 50%; transform: translateX(-50%); width: 220px; height: 110px; border-radius: 220px 220px 0 0; border: 3px solid transparent; border-bottom: none; background: linear-gradient(90deg, rgba(180,140,210,.5), rgba(120,180,210,.5), rgba(210,150,180,.5)) border-box; -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: .5; pointer-events: none; }

/* 詳しい読み（開閉） */
.luna-kataomoi__detail { max-height: 0; overflow: hidden; transition: max-height .4s ease; }
.luna-kataomoi__detail.is-active { max-height: 900px; }
.luna-kataomoi__detail-in { margin-top: 18px; display: flex; flex-direction: column; gap: 12px; }
.luna-kataomoi__detail-row { text-align: left; padding: 12px 14px; border-radius: 10px; background: rgba(255,255,255,.03); }
.luna-kataomoi__detail-row b { font-family: "Shippori Mincho", serif; font-size: 13px; color: #e9d6a6; }
.luna-kataomoi__detail-row p { margin: 6px 0 0; font-family: "Shippori Mincho", serif; font-size: 12.5px; line-height: 1.85; color: rgba(239,233,247,.8); }

/* 一覧リンク（actions 内の a） */
.luna-kataomoi__catalog { flex: 1; display: flex; align-items: center; justify-content: center; text-decoration: none; font-family: "Shippori Mincho", serif; font-size: 13px; color: #e9d6a6; border: 1px solid rgba(216,184,120,.45); border-radius: 30px; padding: 13px 0; }

/* 免責 */
.luna-kataomoi__disclaimer { margin-top: 18px; font-family: "Shippori Mincho", serif; font-size: 11px; line-height: 1.85; letter-spacing: .02em; color: rgba(239,233,247,.5); text-align: left; }

@media (max-width: 420px){
  .luna-kataomoi__tray-slot { min-width: 64px; }
  .luna-kataomoi__name { font-size: 12px; }
  .luna-kataomoi__pos p { font-size: 12.5px; }
}