:root{font:16px 'PingFang TC','Noto Sans TC',sans-serif;background:#f7f2e7;color:#35473c;line-height:1.85}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d9d4be}a{color:#62764e;text-underline-offset:5px}h1,h2,h3{font-family:'Songti TC','Noto Serif TC',serif;font-weight:500;line-height:1.5}h1{font-size:clamp(34px,6vw,64px);letter-spacing:.05em;margin:12px 0 20px}h2{font-size:28px}.eyebrow{font-size:11px;color:#9d7e55;letter-spacing:.16em}.tarot-intro{max-width:750px;padding:32px 0}.fine,footer{font-size:13px;color:#707964}button{font:inherit;border:1px solid #cacdb7;border-radius:10px;background:#fffdf4;color:#465b40;padding:11px 16px;min-height:44px;cursor:pointer}button:hover{background:#e9eddd}button[aria-pressed=true]{background:#dce5cf;border-color:#78905f}.primary{background:#697d57;color:white}.draw-actions{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.draw-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin:30px 0}.tarot-card{border:1px solid #d4cfb9;border-radius:18px;padding:20px;background:#fffdf5;min-width:0}.tarot-card img{display:block;width:min(100%,340px);height:auto;margin:auto;border-radius:12px;box-shadow:0 8px 22px #685c3720}.tarot-card h2{margin:18px 0 6px}.keywords{color:#9c7f52;font-size:13px}.symbols{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}.symbols button{font-size:13px}.question{border-left:3px solid #a7b284;padding:9px 15px;background:#f1f0e2}.symbol-room{padding:24px;background:#e8eddf;border:1px solid #c2cbb0;border-radius:16px;margin:26px 0}.symbol-room h3{font-size:22px}.symbol-room button{margin:5px}.card-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.card-library button{text-align:left;font-size:14px}.card-library small{display:block;color:#8d947f}#library,#tarot-keepsakes,#reflection{padding:30px 0;border-top:1px solid #d9d4be;margin-top:28px}#keep-confirm{padding:20px;margin-top:16px;background:#e8eddd;border:1px dashed #9dab83}#keep-confirm button{margin:5px}#kept-list article{border-bottom:1px solid #d9d4be;padding:16px 0}details{margin-top:24px}summary{cursor:pointer;min-height:44px}:focus-visible{outline:3px solid #b08b52;outline-offset:4px}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:18px}.tarot-intro{padding:20px 0}.draw-actions{display:grid;grid-template-columns:1fr}.card-library{grid-template-columns:repeat(2,minmax(0,1fr))}.tarot-card{padding:16px}.symbol-room{padding:18px}.draw-result{gap:18px}header{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* The garden is a separate destination; the reading area stays in normal document flow. */
.garden-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px;align-items:center;padding:25px 0 35px}.garden-view{min-width:0;border:1px solid #d4cfb9;border-radius:24px;overflow:hidden;background:#e7eadc}.garden-view #card-garden{height:390px;touch-action:pan-y}.garden-view canvas{display:block;width:100%;height:100%}.garden-view p{padding:0 20px}.garden-view #garden-caption{font-family:'Songti TC',serif;font-size:21px;margin:16px 0 8px}.garden-places{display:flex;gap:8px;flex-wrap:wrap;padding:0 20px}.garden-places button{font-size:13px}#garden-note{font-size:13px;color:#707964}#yi-preview{border-top:1px solid #cbd1b9;padding-top:16px}.garden-entry .tarot-intro{padding:0}.garden-entry h1{font-size:clamp(32px,4.7vw,54px)}
.flip-stage{position:relative;perspective:1400px}.flip-face{width:100%;backface-visibility:hidden;transition:transform .55s ease,opacity .35s ease;transform-origin:50% 50%;overflow-wrap:anywhere}.flip-front{position:relative;transform:rotateY(0)}.flip-back{position:absolute;inset:0;visibility:hidden;transform:rotateY(180deg);opacity:0;overflow:hidden}.flip-card[data-flipped=true] .flip-front{position:absolute;inset:0;visibility:hidden;transform:rotateY(-180deg);opacity:0;overflow:hidden}.flip-card[data-flipped=true] .flip-back{position:relative;visibility:visible;transform:rotateY(0);opacity:1;overflow:visible}.flip-art{display:block;width:100%;padding:0;border:0;background:transparent;text-align:center}.flip-art:hover{background:transparent}.flip-art:hover img{box-shadow:0 10px 28px #685c3738}.flip-art h2{font-family:'Songti TC',serif}.flip-toggle{display:block;width:100%;margin-top:18px;font-size:14px}.flip-back h2{margin-top:8px}.flip-back{min-height:350px}.tarot-card{align-self:start}.flip-back .symbols button{overflow-wrap:anywhere}
@media(max-width:850px){.garden-entry{grid-template-columns:1fr;gap:20px}.garden-view #card-garden{height:320px}.garden-entry h1{font-size:38px}.garden-entry{padding-top:15px}}@media(prefers-reduced-motion:reduce){.flip-face{transition:none!important;transform:none!important}}

.draw-result[data-count='1']{max-width:560px;margin-left:auto;margin-right:auto}.flip-back p{line-height:1.95}.flip-back>.eyebrow{font-size:10px}.flip-art:active{transform:scale(.99)}
#card-garden{position:relative}.garden-guide{position:absolute;z-index:2;transform:translate(-50%,-100%);font-size:12px;padding:7px 10px;min-height:40px;white-space:nowrap;background:#fffdf4ed;box-shadow:0 3px 12px #685c3718}#garden-conversation{margin:18px;padding:18px;background:#fffdf4;border:1px solid #cad1b9;border-radius:16px}#garden-conversation h2{font-size:24px;margin:0 0 12px}#garden-conversation p{padding:0}#garden-conversation .garden-places{padding:0}#garden-conversation a{display:inline-block;min-height:44px}#guide-close{display:block}
.garden-player{pointer-events:none;min-height:0;background:#f6edcf;color:#655943}

/* Keep the table in view while the visitor reads and turns cards in the same room. */
.garden-entry{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:start;gap:22px 28px}
.garden-entry .tarot-intro{grid-column:1;grid-row:1;padding:16px 0 0}
.garden-entry .garden-view{grid-column:2;grid-row:1 / span 2;position:sticky;top:14px;background:#d5c8a9;border-color:#b8a27d;box-shadow:0 14px 30px #6e593522}
.garden-view #card-garden{height:440px}
.garden-view #garden-caption{color:#544a38}
.reading-chamber{grid-column:1;grid-row:2;min-width:0;padding:24px;border:1px solid #c4ad85;border-radius:24px;background:linear-gradient(150deg,#f3e4c6,#faf5e8 55%,#e9dfcb);box-shadow:inset 0 0 0 5px #f8efdd,0 12px 28px #6e59351a}
.reading-chamber>h2{font-size:clamp(24px,3vw,31px);margin:3px 0 8px}
.reading-chamber .draw-result{margin:18px 0 24px;grid-template-columns:1fr}
.reading-chamber .tarot-card{background:#fffaf0;border-color:#c7b693;box-shadow:0 12px 24px #62503420}
.reading-chamber #reflection{margin-top:18px;padding-top:20px}
@media(max-width:850px){.garden-entry{display:grid;grid-template-columns:1fr;gap:18px}.garden-entry .tarot-intro{grid-column:1;grid-row:1}.garden-entry .garden-view{grid-column:1;grid-row:2;position:relative;top:auto}.garden-entry .reading-chamber{grid-column:1;grid-row:3}.garden-view #card-garden{height:345px}}
@media(max-width:650px){.reading-chamber{padding:18px;border-radius:20px}.garden-view #card-garden{height:305px}}

.embedded header,.embedded footer{display:none}
.embedded main{padding-top:12px;padding-bottom:40px}
.embedded .garden-entry{padding-top:0}
@media(max-width:650px){.embedded main{padding:10px 16px 40px}.embedded .garden-entry .tarot-intro{padding-top:2px}.embedded .garden-entry h1{margin:4px 0 9px;font-size:34px}.embedded .garden-entry .tarot-intro>p:not(.eyebrow):not(.fine){margin:4px 0 9px}.embedded .garden-entry .tarot-intro>.fine{margin:6px 0;font-size:12px}.embedded .garden-entry .draw-actions{margin:10px 0}.embedded .garden-view #card-garden{height:270px}}

#yi-room{max-width:1050px;margin:32px auto;padding:clamp(18px,4vw,38px);background:#f4eddf;border:1px solid #d9c9a9;border-radius:20px}#yi-room[hidden]{display:none}#yi-room h2{margin:8px 0 16px}#yi-room h3{font-size:24px;margin:8px 0}#yi-room h4{margin:20px 0 8px;font-size:13px}#yi-room button,#yi-room summary{min-height:44px}#yi-room summary{cursor:pointer;padding:12px 0}#yi-room details{margin-top:22px;border-top:1px solid #d9c9a9}#yi-room details>a{display:block;padding:12px 0;min-height:44px}#yi-room input{font:inherit;min-height:44px;width:100%;padding:10px;border:1px solid #b8b59c;border-radius:9px;margin:8px 0 16px}.yi-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:22px 0}.yi-card{padding:24px;background:#fffaf0;border:1px solid #d1c19e;border-radius:16px;min-width:0}.yi-card p{line-height:1.9}.yi-card a{display:inline-block;min-height:44px;padding:14px 0;font-size:12px}.yi-diagram{display:block;width:180px;max-width:100%;height:146px;margin:12px auto}.yi-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.yi-library button{background:#fffaf0;border:1px solid #d9c9a9;text-align:left}.yi-cast{background:#e5e9dc;padding:18px;border-radius:12px;margin:18px 0}.yi-cast ol{line-height:2;list-style-position:inside;padding:0}@media(max-width:600px){.yi-library{grid-template-columns:repeat(2,minmax(0,1fr))}#yi-room{margin:22px 0}.yi-card{padding:18px}}