:root{--paper:#fbf4f3;--paper2:#eee3ed;--ivory:#fffaf6;--ink:#604664;--muted:#72628e;--plum:#604664;--mauve:#957396;--lavender:#b0a8cb;--rose:#d5b4ca;--blush:#eed9d9;--gold:#bd9255;--gold2:#e7c983;--line:rgba(189,146,85,.3);--shadow:0 24px 70px rgba(96,70,100,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;font-size:16px;line-height:1.75;background-color:#f4e8e7;background-image:linear-gradient(180deg,rgba(255,252,249,.12),rgba(246,235,242,.16)),url("assets/mystic-abstract-bg.jpg");background-position:center top;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.52;background-image:radial-gradient(circle at 12% 23%,rgba(190,144,72,.76) 0 1px,transparent 1.8px),radial-gradient(circle at 80% 16%,rgba(255,255,255,.98) 0 1.5px,transparent 2px),radial-gradient(circle at 46% 74%,rgba(149,115,150,.38) 0 1px,transparent 1.8px);background-size:176px 176px,247px 247px,139px 139px;z-index:-1}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,74px);border-bottom:1px solid rgba(189,146,85,.27);background:rgba(255,249,247,.78);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20;box-shadow:0 8px 30px rgba(96,70,100,.1)}.brand{display:flex;align-items:center;gap:12px;color:#604664;text-decoration:none}.brand-mark{width:42px;height:42px;border:1px solid var(--gold2);border-radius:50%;display:grid;place-items:center;color:#aa7c3e;font-size:24px;background:rgba(255,255,255,.66);box-shadow:inset 0 0 18px rgba(255,238,199,.42),0 0 20px rgba(189,146,85,.18)}.brand b{display:block;font-size:17px;letter-spacing:.16em}.brand small{display:block;font:700 9px/1.4 "Cormorant Garamond",serif;letter-spacing:.25em;color:#9a7547}nav{display:flex;gap:30px}nav a{color:#72628e;text-decoration:none;font-size:14px;letter-spacing:.08em}nav a:hover{color:#a6793e}
main{max-width:1320px;margin:auto;padding:0 34px}.draw-shell{padding:52px 0 96px}.intro{text-align:center;max-width:740px;margin:0 auto 34px}.eyebrow{font:700 12px/1 "Cormorant Garamond",serif;letter-spacing:.3em;color:var(--gold);margin:0 0 15px}.intro h1{font-size:clamp(34px,4.5vw,56px);line-height:1.2;margin:0;font-weight:600;letter-spacing:.04em}.intro>p:last-child{max-width:650px;margin:18px auto 0;color:var(--muted)}
.reading-panel{max-width:1060px;margin:auto;background:rgba(255,255,252,.88);border:1px solid var(--line);padding:30px;border-radius:24px;box-shadow:var(--shadow);position:relative}.reading-panel:before,.reading-panel:after{content:"✦";position:absolute;color:var(--gold2);font-size:13px}.reading-panel:before{top:12px;left:16px}.reading-panel:after{right:16px;bottom:10px}.question-block{position:relative}.question-block label{display:block;font-size:14px;color:#8c6828;margin-bottom:9px;letter-spacing:.06em}textarea{width:100%;resize:vertical;background:#fffdfa;border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:14px;padding:15px;outline:none}textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,137,50,.1)}#question{min-height:96px;padding-bottom:30px}.counter{position:absolute;right:13px;bottom:8px;color:#9a9186;font:12px sans-serif}.spread-row{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:18px 0}.spread{background:#fffdf8;border:1px solid var(--line);color:var(--muted);padding:13px 7px;cursor:pointer;font-family:inherit;border-radius:13px;transition:.2s}.spread b,.spread span{display:block}.spread b{font-size:15px;color:var(--ink)}.spread span{font-size:12px;margin-top:2px}.spread:hover,.spread.active{border-color:var(--gold);background:linear-gradient(145deg,#fff,#f8efd8);box-shadow:0 7px 18px rgba(128,92,25,.1)}.significator-control{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:-2px 0 18px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fffaf0}.significator-control[hidden]{display:none}.significator-control legend{padding:0 8px;color:#805b17;font-size:14px;font-weight:700}.significator-note{flex-basis:100%;margin:0 0 4px;text-align:center;color:#756956;font-size:13px}.significator-control label{display:flex;align-items:center;gap:8px;min-width:160px;padding:9px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.significator-control input{accent-color:var(--gold)}.significator-control b,.significator-control small{display:block}.significator-control b{font-size:14px}.significator-control small{font:700 11px "Cormorant Garamond",serif;color:#8c6727;letter-spacing:.08em}.field-error{flex-basis:100%;margin:2px 0 0;text-align:center;color:#9b3e2e;font-size:13px}.draw-btn,.copy-btn{border:1px solid #cda955;background:linear-gradient(120deg,#ad7b27,#e6ce8b,#b78129);color:#281f13;font:700 16px "Noto Serif TC",serif;letter-spacing:.1em;cursor:pointer;box-shadow:0 10px 26px rgba(131,92,22,.18);transition:.2s}.draw-btn{width:100%;padding:15px;border-radius:14px}.draw-btn:hover,.copy-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.copy-btn:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.55;transform:none}.privacy-note{text-align:center;font-size:12px;color:#91897e;margin:12px 0 0}
.result{margin-top:70px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:34px;line-height:1.2;margin:0}.section-heading>p{color:var(--muted);font-size:14px}.text-btn{background:none;border:0;color:#8d661d;font:inherit;cursor:pointer}.invalid-tableau{max-width:920px;margin:0 auto 22px;padding:18px 20px;border:1px solid #c76f59;border-left:5px solid #a84231;border-radius:14px;background:#fff4ef;color:#713326}.invalid-tableau b{display:block;margin-bottom:4px;font-size:17px}.drawn-cards{display:flex;justify-content:center;gap:clamp(11px,2vw,24px);flex-wrap:wrap;margin:26px auto 30px}.drawn-cards.layout-nine{display:grid;grid-template-columns:repeat(3,minmax(138px,190px));max-width:650px}.drawn-cards.layout-cross{display:grid;grid-template-columns:repeat(3,minmax(138px,190px));grid-template-areas:". top ." "left center right" ". bottom .";max-width:650px}.drawn-cards.layout-cross .drawn-card:nth-child(1){grid-area:center}.drawn-cards.layout-cross .drawn-card:nth-child(2){grid-area:top}.drawn-cards.layout-cross .drawn-card:nth-child(3){grid-area:left}.drawn-cards.layout-cross .drawn-card:nth-child(4){grid-area:right}.drawn-cards.layout-cross .drawn-card:nth-child(5){grid-area:bottom}.drawn-cards.layout-cross9{display:grid;grid-template-columns:repeat(5,minmax(105px,155px));max-width:870px;gap:11px}.drawn-cards.layout-cross9 .drawn-card{width:auto}.drawn-cards.layout-cross9 .drawn-card:nth-child(1){grid-column:3;grid-row:3}.drawn-cards.layout-cross9 .drawn-card:nth-child(2){grid-column:3;grid-row:2}.drawn-cards.layout-cross9 .drawn-card:nth-child(3){grid-column:3;grid-row:1}.drawn-cards.layout-cross9 .drawn-card:nth-child(4){grid-column:2;grid-row:3}.drawn-cards.layout-cross9 .drawn-card:nth-child(5){grid-column:1;grid-row:3}.drawn-cards.layout-cross9 .drawn-card:nth-child(6){grid-column:4;grid-row:3}.drawn-cards.layout-cross9 .drawn-card:nth-child(7){grid-column:5;grid-row:3}.drawn-cards.layout-cross9 .drawn-card:nth-child(8){grid-column:3;grid-row:4}.drawn-cards.layout-cross9 .drawn-card:nth-child(9){grid-column:3;grid-row:5}.drawn-cards.layout-grand{display:grid;grid-template-columns:repeat(8,126px);gap:12px;width:100%;max-width:1100px;justify-content:start;overflow-x:auto;padding:10px 6px 24px;scrollbar-color:#cda955 #f5ead5}.drawn-cards.layout-grand .drawn-card{width:126px}.drawn-cards.layout-grand .drawn-card:nth-child(33){grid-column:3}.drawn-cards.layout-grand .drawn-card h3{margin-top:7px;font-size:13px}.drawn-cards.layout-grand .drawn-card>p{display:none}.drawn-cards.layout-grand .position-label{min-height:38px;font-size:10px;line-height:1.35}.drawn-cards.layout-grand .orientation-badge{font-size:9px;padding:2px 5px}.drawn-card{width:min(190px,26vw);text-align:center;animation:reveal .55s both;cursor:pointer}.drawn-cards.layout-nine .drawn-card,.drawn-cards.layout-cross .drawn-card{width:auto}.drawn-card:nth-child(2){animation-delay:.07s}.drawn-card:nth-child(3){animation-delay:.14s}.drawn-card:nth-child(4){animation-delay:.21s}.drawn-card:nth-child(5){animation-delay:.28s}.drawn-card:nth-child(6){animation-delay:.35s}.drawn-card:nth-child(7){animation-delay:.42s}.drawn-card:nth-child(8){animation-delay:.49s}.drawn-card:nth-child(9){animation-delay:.56s}.drawn-cards.layout-grand .drawn-card{animation-delay:0s}@keyframes reveal{from{opacity:0;transform:translateY(22px) rotateY(24deg)}to{opacity:1;transform:none}}
.card-art{aspect-ratio:2/3;border:0;padding:8px;background:linear-gradient(155deg,#fffef9,#f8f1e5);box-shadow:0 17px 38px rgba(77,55,19,.18),0 0 0 1px rgba(184,137,50,.3);position:relative;overflow:hidden;border-radius:20px}.card-art:before{content:"";position:absolute;inset:5px;border:1px solid rgba(184,137,50,.33);border-radius:16px;pointer-events:none;z-index:6}.card-art:after{content:"✦";position:absolute;top:17px;right:16px;width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.86);border-radius:50%;color:#fff9df;background:rgba(120,83,25,.33);text-shadow:0 0 7px #fff;font-size:10px;z-index:5}.card-photo{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover;object-position:center;border-radius:13px;display:block;filter:saturate(1.04) contrast(1.02) brightness(1.03)}.card-photo.direction-reversed{transform:scaleX(-1)}.spirit-halo{position:absolute;inset:8px;border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 52%,rgba(229,199,124,.19));box-shadow:inset 0 0 34px rgba(89,64,21,.08);pointer-events:none;z-index:2}.card-num{position:absolute;top:16px;left:16px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.94);color:#654817;font:700 12px "Cormorant Garamond",serif;box-shadow:0 4px 13px rgba(70,49,16,.19),0 0 0 1px rgba(219,181,91,.68);z-index:5}.card-title{position:absolute;left:8px;right:8px;bottom:7px;height:52px;display:flex;align-items:center;justify-content:center;gap:8px;color:#40341f;background:linear-gradient(180deg,rgba(255,253,249,.58),rgba(247,238,219,.96) 38%,#fffaf0);border-radius:0 0 12px 12px;z-index:4}.card-title:before,.card-title:after{content:"✧";color:#b47d20;font-size:10px}.card-title b{font-size:15px;letter-spacing:.1em}.card-title small{font:700 10px "Cormorant Garamond",serif;letter-spacing:.08em;color:#8b6729}.drawn-card h3{margin:10px 0 0;font-size:16px}.drawn-card>p{margin:2px 0;color:#8b6729;font-size:12px}.position-label{display:inline-block;margin-bottom:7px;color:var(--muted);font-size:12px;letter-spacing:.08em}.orientation-badge{display:inline-flex;align-items:center;margin-top:6px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:#fffaf0;color:#8c6420;font-size:11px}.spread-notes{max-width:920px;margin:0 auto 30px;padding:15px 18px;border-left:3px solid var(--gold2);background:rgba(255,255,255,.58);color:var(--muted);font-size:14px;border-radius:0 12px 12px 0}
.prompt-box{display:grid;grid-template-columns:1fr auto;gap:18px;background:rgba(255,255,252,.84);border:1px solid var(--line);padding:25px;border-radius:20px;box-shadow:0 14px 44px rgba(93,67,20,.08)}.prompt-box h3{margin:0;font-size:22px}.prompt-box p{margin:4px 0;color:var(--muted);font-size:13px}.copy-btn{padding:0 21px;border-radius:12px}.prompt-box textarea{grid-column:1/-1;min-height:210px;color:#5f574e;font-size:13px}
.deck-section{padding:92px 0;border-top:1px solid var(--line)}.deck-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.mini-card{appearance:none;padding:0;border:0;background:none;color:var(--ink);font-family:inherit;cursor:pointer;text-align:center}.mini-card .card-art{transition:.25s}.mini-card:hover .card-art{transform:translateY(-7px);box-shadow:0 23px 48px rgba(87,59,16,.24),0 0 0 2px #d4aa4e}.mini-card h3{font-size:14px;margin:9px 0 0}.mini-card small{font:600 11px "Cormorant Garamond";color:#8c6727;letter-spacing:.08em}
.guide{padding:90px 0}.guide>h2{text-align:center;font-size:36px;margin:0 0 38px}.guide>.eyebrow{text-align:center}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide article{background:rgba(255,255,252,.78);border:1px solid var(--line);padding:28px;border-radius:18px}.guide article span{font:600 32px "Cormorant Garamond";color:#b78934}.guide h3{margin:7px 0;font-size:18px}.guide p{color:var(--muted);font-size:14px;margin:0}.source-note{margin-top:18px;padding:24px 28px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,252,.6)}.source-note p{margin:7px 0;color:var(--muted);font-size:14px}.source-note a{color:#8a641f;font-size:14px}footer{text-align:center;border-top:1px solid var(--line);padding:27px;color:#827a70;font-size:12px;letter-spacing:.07em}footer span{color:var(--gold);padding:0 11px}
dialog{width:min(880px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#fffdf8;color:var(--ink);border:1px solid var(--gold2);border-radius:20px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(50,41,25,.48);backdrop-filter:blur(7px)}.dialog-close{position:sticky;float:right;top:12px;margin:12px 12px 0 0;z-index:9;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font-size:24px;cursor:pointer}.detail-head{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:38px}.detail-head h2{font-size:36px;margin:0}.detail-head .en{color:#936b25;font:700 16px "Cormorant Garamond";letter-spacing:.13em}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.tags span{border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:#7e632f;background:#fffaf0;font-size:12px}.detail-head p{color:#5f574d}.meta-line{color:var(--muted)!important;font-size:13px}.detail-body{border-top:1px solid var(--line);padding:8px 38px 38px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.meaning-row{padding:17px 0;border-bottom:1px solid rgba(151,112,42,.15)}.meaning-row h3{color:#8c651f;font-size:14px;margin:0 0 5px}.meaning-row p{margin:0;color:#655e55;font-size:14px}.direction-callout{grid-column:1/-1;margin:20px 0 0;padding:16px 18px;border:1px solid #d9b45e;background:#fff9e9;border-radius:13px}.direction-callout h3{margin:0 0 5px;color:#805b17}.direction-callout p{margin:0;color:#65553c}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:10px 18px;background:#b88932;color:#fff;font-weight:700;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:50;border-radius:999px}#toast.show{opacity:1;transform:translate(-50%,0)}

body:before{animation:goldDust 7s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:-12%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 8% 32%,rgba(255,255,255,.94) 0 12%,transparent 30%),radial-gradient(ellipse at 88% 18%,rgba(255,255,255,.9) 0 11%,transparent 29%),radial-gradient(ellipse at 68% 78%,rgba(255,255,255,.72) 0 13%,transparent 32%);filter:blur(26px);animation:mistDrift 16s ease-in-out infinite alternate}main{position:relative}.draw-shell:before{content:"";position:absolute;left:50%;top:20px;width:min(920px,90vw);height:250px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(255,255,255,.88),rgba(255,255,255,.18) 52%,transparent 72%);filter:blur(18px);z-index:-1}.reading-panel,.prompt-box,.guide article{box-shadow:var(--shadow),0 0 38px rgba(255,255,255,.72)}.result-actions{display:flex;align-items:center;gap:12px}.text-btn:disabled{opacity:.48;cursor:not-allowed}.draw-btn.is-shuffling{animation:shuffleGlow .45s ease-in-out infinite alternate}.flip-card{position:relative;width:100%;aspect-ratio:2/3;perspective:1000px}.flip-card-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.72,.2,1)}.flip-card.is-revealed .flip-card-inner{transform:rotateY(180deg)}.card-back,.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px}.card-face{transform:rotateY(180deg)}.card-face .card-art{height:100%}.card-back{display:grid;place-items:center;overflow:hidden;border:1px solid #d8b45b;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(255,249,229,.88) 28%,rgba(225,195,119,.62) 60%,rgba(176,125,35,.72)),linear-gradient(145deg,#fffef8,#d8ad4f);box-shadow:0 17px 38px rgba(77,55,19,.2),inset 0 0 0 7px rgba(255,255,255,.62),inset 0 0 0 9px rgba(170,118,27,.38)}.card-back:before{content:"✦";display:grid;place-items:center;width:47%;aspect-ratio:1;border:1px solid rgba(156,105,18,.5);border-radius:50%;color:#a97724;font-size:clamp(25px,4vw,42px);text-shadow:0 0 14px #fff,0 0 24px rgba(255,226,130,.9);box-shadow:0 0 0 7px rgba(255,255,255,.38),0 0 30px rgba(255,238,177,.82)}.card-back:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.74);border-radius:14px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(142,93,16,.65) 0 1px,transparent 1.6px);background-size:31px 31px,47px 47px;background-position:0 0,13px 17px;opacity:.7}.drawn-card.covered h3,.drawn-card.covered>p,.drawn-card.covered .orientation-badge{opacity:0}.drawn-card h3,.drawn-card>p,.drawn-card .orientation-badge{transition:opacity .35s}.drawn-card.covered{cursor:pointer}.drawn-card.covered:focus-visible .card-back{outline:3px solid #c49435;outline-offset:4px}.prompt-box textarea[hidden]{display:none}.prompt-box{align-items:center}
@keyframes goldDust{from{opacity:.26;filter:brightness(.9)}to{opacity:.58;filter:brightness(1.35)}}@keyframes mistDrift{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,-1.5%,0) scale(1.04)}}@keyframes shuffleGlow{from{box-shadow:0 8px 20px rgba(131,92,22,.18)}to{box-shadow:0 8px 32px rgba(210,164,64,.62),0 0 18px rgba(255,246,199,.9)}}
.result{position:relative}.result:before{content:"";position:absolute;inset:-28px -12px;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,226,130,.84) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(191,129,25,.5) 0 1.2px,transparent 2px);background-size:37px 37px,61px 61px;background-position:0 0,15px 23px;mask-image:linear-gradient(90deg,transparent,black 14%,black 86%,transparent);opacity:.38;animation:constellation 8s ease-in-out infinite alternate}.drawn-card{--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d}.drawn-card .flip-card{transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .2s ease,filter .3s ease}.drawn-card:hover .flip-card{filter:drop-shadow(0 20px 18px rgba(103,69,13,.22)) drop-shadow(0 0 12px rgba(255,222,112,.48))}.card-face{transform:rotateY(180deg) translateZ(1px);overflow:hidden;box-shadow:0 20px 40px rgba(62,42,12,.26),0 0 18px rgba(255,224,132,.44)}.card-face .card-art{transform:translateZ(16px);box-shadow:inset 2px 0 rgba(255,255,255,.78),inset -4px 0 rgba(111,72,12,.2),0 16px 32px rgba(77,55,19,.28),0 0 0 1px rgba(224,180,75,.58)}.card-face:before{content:"";position:absolute;inset:-30%;z-index:8;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.12) 42%,rgba(255,244,184,.88) 49%,rgba(255,255,255,.2) 56%,transparent 64%);transform:translateX(-85%) rotate(8deg);mix-blend-mode:screen;animation:cardSheen 4.8s ease-in-out infinite}.card-face:after{content:"";position:absolute;inset:7px;z-index:9;pointer-events:none;border-radius:14px;background-image:radial-gradient(circle,rgba(255,255,255,.98) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,214,95,.9) 0 1px,transparent 2px),radial-gradient(circle,rgba(161,101,11,.6) 0 1px,transparent 1.7px);background-size:29px 31px,43px 47px,67px 59px;background-position:3px 7px,17px 11px,8px 29px;mix-blend-mode:screen;opacity:.23;animation:glitterTwinkle 2.8s ease-in-out infinite alternate}.card-back{transform:translateZ(2px);animation:backGlow 3.2s ease-in-out infinite alternate}.mini-card{perspective:900px}.mini-card .card-art{transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.mini-card:hover .card-art{transform:translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.025);filter:saturate(1.08) brightness(1.04);box-shadow:14px 24px 44px rgba(87,59,16,.26),-5px 0 18px rgba(255,243,190,.72),0 0 0 2px #d4aa4e}.mini-card .card-art:after{box-shadow:0 0 12px rgba(255,255,255,.9),0 0 24px rgba(239,188,67,.72)}
.intro h1{color:#604664;text-shadow:0 2px 16px rgba(255,255,255,.76),0 0 28px rgba(255,249,244,.58)}.intro>p:last-child{color:#72628e}.intro .eyebrow,.result .eyebrow,.deck-section .eyebrow{color:#a77b43;text-shadow:0 0 14px rgba(255,255,255,.64)}.result .section-heading h2,.deck-section .section-heading h2{color:#604664}.deck-section .section-heading>p{color:#72628e}.result-actions .text-btn{color:#8b6541;text-shadow:0 0 12px rgba(255,255,255,.56)}.result-actions .text-btn:hover{color:#604664}.drawn-card h3{color:#604664;text-shadow:0 2px 10px rgba(255,255,255,.72)}.drawn-card>p{color:#8c6a52}.position-label{color:#72628e}.drawn-cards.layout-grand{scrollbar-color:#c79a58 rgba(213,180,202,.34)}.spread-notes{background:rgba(255,251,249,.91);color:#675a70;box-shadow:0 12px 32px rgba(96,70,100,.13),0 0 24px rgba(255,255,255,.46)}.prompt-box{background:rgba(255,252,249,.93);box-shadow:0 18px 50px rgba(96,70,100,.15),0 0 34px rgba(255,255,255,.48)}.reading-panel{background:rgba(255,252,249,.88);border-color:rgba(189,146,85,.28);box-shadow:0 28px 80px rgba(96,70,100,.16),0 0 48px rgba(255,255,255,.52)}.deck-section{border-top-color:rgba(189,146,85,.28)}.mini-card h3{color:#604664;text-shadow:0 2px 9px rgba(255,255,255,.82)}.mini-card small{color:#9a7547}footer{border-top-color:rgba(189,146,85,.26);color:#72628e;background:rgba(255,250,247,.38)}footer span{color:#a77b43}body:after{background:radial-gradient(ellipse at 8% 32%,rgba(255,255,255,.84) 0 11%,transparent 30%),radial-gradient(ellipse at 88% 18%,rgba(213,180,202,.46) 0 13%,transparent 32%),radial-gradient(ellipse at 68% 78%,rgba(176,168,203,.43) 0 13%,transparent 34%);filter:blur(30px)}.draw-shell:before{background:radial-gradient(ellipse,rgba(255,255,255,.88),rgba(238,217,217,.28) 48%,transparent 74%)}
@keyframes constellation{from{opacity:.2;transform:translateY(4px)}to{opacity:.52;transform:translateY(-5px)}}@keyframes cardSheen{0%,22%{transform:translateX(-90%) rotate(8deg)}48%,100%{transform:translateX(90%) rotate(8deg)}}@keyframes glitterTwinkle{from{opacity:.14;filter:brightness(.8)}to{opacity:.42;filter:brightness(1.45)}}@keyframes backGlow{from{box-shadow:0 17px 38px rgba(77,55,19,.2),inset 0 0 0 7px rgba(255,255,255,.62),inset 0 0 0 9px rgba(170,118,27,.38)}to{box-shadow:0 22px 46px rgba(77,55,19,.3),0 0 22px rgba(255,221,117,.7),inset 0 0 0 7px rgba(255,255,255,.75),inset 0 0 0 9px rgba(170,118,27,.5)}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.draw-btn.is-shuffling,.result:before,.card-face:before,.card-face:after,.card-back{animation:none}.flip-card-inner,.drawn-card .flip-card{transition:none}}
@media(max-width:980px){.deck-grid{grid-template-columns:repeat(4,1fr)}.spread-row{grid-template-columns:repeat(3,1fr)}.drawn-card{width:150px}.drawn-cards.layout-grand{grid-template-columns:repeat(8,112px)}.drawn-cards.layout-grand .drawn-card{width:112px}}
@media(max-width:680px){body{font-size:15px;background-attachment:scroll;background-position:center top}.topbar{height:68px;padding:0 16px}.brand-mark{width:36px;height:36px}.brand b{font-size:14px}nav{gap:14px}nav a:nth-child(3){display:none}main{padding:0 15px}.draw-shell{padding-top:40px}.reading-panel{padding:22px 15px}.spread-row{grid-template-columns:repeat(2,1fr)}.spread:last-child{grid-column:1/-1}.section-heading{align-items:start}.deck-grid{grid-template-columns:repeat(3,1fr);gap:11px}.mini-card h3{font-size:12px}.prompt-box{grid-template-columns:1fr}.copy-btn{padding:14px}.guide-grid{grid-template-columns:1fr}.detail-head{grid-template-columns:122px 1fr;padding:28px 17px;gap:17px}.detail-head h2{font-size:25px}.detail-body{padding:8px 18px 28px;grid-template-columns:1fr}.drawn-card{width:127px}.drawn-cards.layout-nine,.drawn-cards.layout-cross{grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}.drawn-cards.layout-nine .drawn-card h3,.drawn-cards.layout-cross .drawn-card h3{font-size:12px}.drawn-cards.layout-nine .position-label,.drawn-cards.layout-cross .position-label{font-size:9px}.card-title{gap:4px}.card-title b{font-size:13px}.card-title small{font-size:8px}.card-title:before,.card-title:after{display:none}.card-num{width:26px;height:26px;top:13px;left:13px}}
@media(max-width:400px){.deck-grid{grid-template-columns:repeat(2,1fr)}nav a{font-size:12px}.brand small{display:none}.drawn-cards.layout-nine,.drawn-cards.layout-cross{margin-left:-6px;margin-right:-6px}}

.ritual-stage{position:relative;overflow:hidden;min-height:360px;margin:0 auto 34px;padding:28px;border:1px solid rgba(189,146,85,.38);border-radius:24px;background:linear-gradient(145deg,rgba(255,253,252,.93),rgba(238,227,237,.88));box-shadow:0 25px 70px rgba(96,70,100,.18),inset 0 0 55px rgba(255,255,255,.72);text-align:center}.ritual-stage[hidden]{display:none}.ritual-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.98) 0 1px,transparent 2px),radial-gradient(circle at 78% 62%,rgba(229,195,112,.8) 0 1px,transparent 2px);background-size:73px 73px,97px 97px;opacity:.42;animation:ritualStars 4s ease-in-out infinite alternate}.ritual-copy{position:relative;z-index:2}.ritual-copy h3{margin:0;color:#604664;font-size:clamp(24px,3vw,34px);letter-spacing:.08em}.ritual-copy>p:last-child{margin:7px auto 0;max-width:680px;color:#72628e}.ritual-visual{position:relative;z-index:2;min-height:205px;display:grid;place-items:center;perspective:1200px}.ritual-skip{position:relative;z-index:3;padding:8px 13px;border:1px solid rgba(189,146,85,.35);border-radius:999px;background:rgba(255,255,255,.52)}
.shuffle-deck{position:relative;width:112px;height:168px;transform-style:preserve-3d}.ritual-card{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #d8b45b;border-radius:16px;background:radial-gradient(circle at 50% 42%,#fff,#f8eac5 34%,#d7ac51 74%,#a97322),linear-gradient(145deg,#fffef8,#d8ad4f);box-shadow:0 15px 35px rgba(74,49,14,.2),inset 0 0 0 6px rgba(255,255,255,.55),inset 0 0 0 8px rgba(170,118,27,.36);transform:translate(calc(var(--i)*.8px),calc(var(--i)*-.55px)) rotateZ(calc((var(--i) - 7)*.28deg));transform-origin:center 115%;color:#a97724;font-size:34px;text-shadow:0 0 12px #fff,0 0 22px #ffe59a}.ritual-card:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.76);border-radius:11px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(142,93,16,.6) 0 1px,transparent 1.6px);background-size:27px 27px,41px 41px;opacity:.58}.is-shuffling .ritual-card{animation:ritualShuffle 1.05s cubic-bezier(.45,.05,.35,1) infinite;animation-delay:calc(var(--i)*-.045s)}.is-cutting .ritual-card{animation:ritualCut .8s ease-in-out infinite;animation-delay:calc(var(--i)*-.035s)}.is-dealing .ritual-card{animation:ritualSettle .38s ease-out both;animation-delay:calc(var(--i)*.025s)}
.is-choosing{padding-left:14px;padding-right:14px}.is-choosing .ritual-visual{display:block;min-height:185px;overflow:hidden}.selection-fan{display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;min-height:190px;padding:25px max(42px,calc(50% - 450px)) 34px;scrollbar-color:#c79a58 rgba(213,180,202,.25);scroll-snap-type:x proximity;touch-action:pan-x}.choice-card{position:relative;flex:0 0 70px;width:70px;height:110px;margin-left:-26px;border:1px solid #d8b45b;border-radius:11px;background:radial-gradient(circle at 50% 42%,#fff,#f6e7bf 38%,#d4a84e 76%,#9f6e22);box-shadow:0 11px 25px rgba(74,49,14,.2),inset 0 0 0 4px rgba(255,255,255,.58),inset 0 0 0 6px rgba(170,118,27,.38);color:#a97724;font-size:20px;cursor:pointer;transform:rotate(calc(var(--offset)*.42deg));transform-origin:center 145%;transition:transform .2s ease,filter .2s ease,opacity .25s ease;scroll-snap-align:center}.choice-card:first-child{margin-left:0}.choice-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.72);border-radius:7px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.6px);background-size:24px 24px}.choice-card:hover,.choice-card:focus-visible{z-index:5;outline:none;filter:brightness(1.08) drop-shadow(0 0 12px rgba(255,220,110,.9));transform:rotate(0) translateY(-19px) scale(1.08)}.choice-card.is-chosen{z-index:6;pointer-events:none;animation:chosenCard .48s ease-out both}.choice-card:disabled:not(.is-chosen){cursor:default;opacity:.68}
@keyframes ritualShuffle{0%,100%{transform:translate(calc(var(--i)*.8px),calc(var(--i)*-.55px)) rotateZ(calc((var(--i) - 7)*.28deg))}38%{transform:translateX(calc(var(--side)*86px)) translateY(calc(var(--lift)*5px)) rotateZ(calc(var(--side)*9deg)) rotateY(calc(var(--side)*13deg))}72%{transform:translateX(calc(var(--side)*-45px)) translateY(calc(var(--lift)*-4px)) rotateZ(calc(var(--side)*-5deg))}}@keyframes ritualCut{0%,100%{transform:translate(calc(var(--i)*.7px),calc(var(--i)*-.55px))}45%{transform:translateX(calc(var(--side)*58px)) translateY(calc(var(--side)*-10px)) rotateY(calc(var(--side)*12deg))}}@keyframes ritualSettle{from{opacity:.15;transform:translateY(-28px) rotateY(28deg)}to{opacity:1;transform:translate(calc(var(--i)*.8px),calc(var(--i)*-.55px))}}@keyframes chosenCard{0%{transform:translateY(-16px) scale(1.06)}55%{opacity:1;transform:translateY(-58px) scale(1.14);filter:brightness(1.2) drop-shadow(0 0 22px #ffdf83)}100%{opacity:0;transform:translateY(-82px) scale(.88)}}@keyframes ritualStars{from{opacity:.2;transform:translateY(3px)}to{opacity:.55;transform:translateY(-4px)}}
@media(max-width:680px){.ritual-stage{min-height:345px;padding:24px 8px}.ritual-copy{padding:0 10px}.selection-fan{padding-left:calc(50% - 31px);padding-right:calc(50% - 31px)}.choice-card{flex-basis:62px;width:62px;height:96px;margin-left:-23px}.ritual-visual{min-height:195px}.shuffle-deck{width:98px;height:148px}}
@media(prefers-reduced-motion:reduce){.ritual-stage:before,.ritual-card,.choice-card.is-chosen{animation:none}.choice-card{transition:none}}

/* Quiet question guidance */
.question-help-toggle{width:100%;display:flex;align-items:center;gap:9px;margin:11px 0 0;padding:10px 14px;border:1px solid rgba(189,146,85,.3);border-radius:13px;background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(238,227,237,.58));color:#725b79;font:inherit;cursor:pointer;box-shadow:0 7px 18px rgba(96,70,100,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.question-help-toggle>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#fff8dc,#d7ad57);color:#fff;text-shadow:0 0 8px #fff;box-shadow:0 0 13px rgba(218,178,84,.42)}.question-help-toggle b{font-size:13px;letter-spacing:.03em}.question-help-toggle small{color:#957396;font-size:12px}.question-help-toggle i{margin-left:auto;color:#a77b43;font-style:normal;font-size:20px;line-height:1;transition:transform .2s}.question-help-toggle:hover,.question-help-toggle.active{transform:translateY(-1px);border-color:rgba(189,146,85,.68);box-shadow:0 10px 24px rgba(96,70,100,.11),0 0 18px rgba(255,244,199,.55)}.question-help-toggle.active i{transform:rotate(180deg)}
.question-helper{position:relative;z-index:12;margin:10px 0 20px;padding:24px;border:1px solid rgba(189,146,85,.35);border-radius:19px;background:linear-gradient(145deg,rgba(255,253,250,.98),rgba(241,231,240,.97));box-shadow:0 25px 55px rgba(96,70,100,.16),inset 0 0 35px rgba(255,255,255,.72);opacity:0;transform:translateY(-8px) scale(.99);transition:opacity .22s ease,transform .22s ease}.question-helper[hidden]{display:none}.question-helper.is-open{opacity:1;transform:none}.question-helper-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.question-helper-head .eyebrow{margin-bottom:9px}.question-helper-head h3{margin:0;color:#604664;font-size:21px}.question-helper-close{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(189,146,85,.34);border-radius:50%;background:rgba(255,255,255,.72);color:#806a84;font:400 22px/1 sans-serif;cursor:pointer;box-shadow:0 5px 14px rgba(96,70,100,.08)}.question-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.question-category{min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:7px;padding:9px 12px;border:1px solid rgba(189,146,85,.25);border-radius:12px;background:rgba(255,255,255,.68);color:#6f5d77;font:600 12px/1.45 "Noto Serif TC",serif;text-align:left;cursor:pointer;transition:.2s}.question-category span{color:#c29445}.question-category:hover,.question-category.active{border-color:#c49a53;background:linear-gradient(135deg,#fffdf8,#f1e5ef);color:#604664;box-shadow:0 7px 18px rgba(96,70,100,.1),inset 0 0 15px rgba(255,255,255,.7);transform:translateY(-1px)}.question-group-label{margin:5px 0 9px;color:#a77b43;font-size:12px;letter-spacing:.06em}.question-examples{display:grid;grid-template-columns:1fr 1fr;gap:8px}.question-example{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 14px;border:1px solid rgba(176,168,203,.35);border-radius:13px;background:rgba(255,255,255,.78);color:#604f67;font:500 13px/1.6 "Noto Serif TC",serif;text-align:left;cursor:pointer;transition:.2s}.question-example i{flex:0 0 25px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#f4e9f1,#fff9e6);color:#a77b43;font:400 17px/1 sans-serif}.question-example:hover{border-color:rgba(189,146,85,.62);background:#fffdf9;box-shadow:0 9px 22px rgba(96,70,100,.1);transform:translateY(-2px)}.question-tip{margin:15px 0 0;padding-top:13px;border-top:1px solid rgba(189,146,85,.2);color:#81738a;font-size:12px;text-align:center}.question-helper-backdrop{display:none}

/* Refined luminous controls */
.spread{position:relative;overflow:hidden;box-shadow:0 5px 14px rgba(96,70,100,.055),inset 0 1px rgba(255,255,255,.9)}.spread:after{content:"";position:absolute;inset:-80% -25%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.72) 50%,transparent 58%);transform:translateX(-80%);transition:transform .55s ease}.spread:hover:after,.spread.active:after{transform:translateX(80%)}.spread.active{color:#604664;box-shadow:0 9px 24px rgba(96,70,100,.12),0 0 0 1px rgba(231,201,131,.42),inset 0 0 18px rgba(255,255,255,.76)}.draw-btn,.copy-btn{position:relative;overflow:hidden;text-shadow:0 1px rgba(255,255,255,.44);box-shadow:0 12px 30px rgba(131,92,22,.22),inset 0 1px rgba(255,255,255,.58)}.draw-btn:after,.copy-btn:after{content:"";position:absolute;inset:-80% -20%;pointer-events:none;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.76) 50%,transparent 60%);transform:translateX(-90%);transition:transform .65s ease}.draw-btn:hover:after,.copy-btn:hover:after{transform:translateX(90%)}.draw-btn:active,.copy-btn:active,.text-btn:active{transform:translateY(1px) scale(.99)}.result-actions .text-btn,.ritual-skip{padding:8px 13px;border:1px solid rgba(189,146,85,.32);border-radius:999px;background:rgba(255,253,249,.64);box-shadow:0 6px 16px rgba(96,70,100,.08);transition:.2s}.result-actions .text-btn:hover,.ritual-skip:hover{border-color:rgba(189,146,85,.65);background:rgba(255,255,255,.86);box-shadow:0 8px 20px rgba(96,70,100,.12),0 0 13px rgba(255,235,169,.42);transform:translateY(-1px)}

@media(max-width:680px){.question-helper-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:39;border:0;background:rgba(67,50,72,.3);backdrop-filter:blur(4px)}.question-helper{position:fixed;left:0;right:0;bottom:0;z-index:40;max-height:min(82vh,720px);overflow:auto;margin:0;padding:24px 15px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;transform:translateY(100%);opacity:1;box-shadow:0 -24px 60px rgba(61,43,67,.24)}.question-helper.is-open{transform:translateY(0)}.question-categories{display:flex;overflow-x:auto;gap:7px;margin-left:-15px;margin-right:-15px;padding:2px 15px 9px;scroll-snap-type:x proximity}.question-category{flex:0 0 auto;min-height:42px;white-space:nowrap;scroll-snap-align:start}.question-examples{grid-template-columns:1fr}.question-example{min-height:55px}.question-help-toggle small{display:none}.question-help-toggle b{font-size:12px}}

/* Draw mode */
.draw-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 13px}.draw-mode-option{display:flex;align-items:center;gap:12px;min-height:67px;padding:11px 15px;border:1px solid rgba(189,146,85,.28);border-radius:15px;background:rgba(255,255,255,.65);color:#716079;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 18px rgba(96,70,100,.06),inset 0 1px rgba(255,255,255,.9);transition:.22s}.draw-mode-option .mode-icon{flex:0 0 35px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(189,146,85,.35);background:linear-gradient(145deg,#fff,#f2e4cf);color:#af8140;font-size:17px;box-shadow:0 5px 14px rgba(96,70,100,.1)}.draw-mode-option b,.draw-mode-option small{display:block}.draw-mode-option b{color:#604664;font-size:14px;letter-spacing:.04em}.draw-mode-option small{margin-top:2px;color:#8a7a91;font-size:11px}.draw-mode-option:hover,.draw-mode-option.active{border-color:#c49a53;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,227,238,.88));box-shadow:0 10px 25px rgba(96,70,100,.12),0 0 0 1px rgba(231,201,131,.26),inset 0 0 20px rgba(255,255,255,.8);transform:translateY(-1px)}.draw-mode-option.active .mode-icon{background:linear-gradient(145deg,#fff9e2,#c99a49);color:#fff;text-shadow:0 0 9px #fff;box-shadow:0 0 17px rgba(218,178,84,.55)}

.save-reading-image{display:block;margin:18px auto 0;position:relative;z-index:1;min-width:178px;padding:11px 15px;border:1px solid #c7a258;border-radius:12px;background:linear-gradient(135deg,#fffdf7,#ead7b3);color:#6b5025;font:700 12px/1.5 "Noto Serif TC",serif;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 20px rgba(117,79,20,.12);transition:.2s}.save-reading-image[hidden]{display:none}.save-reading-image:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 11px 25px rgba(117,79,20,.18),0 0 14px rgba(255,231,158,.6)}.save-reading-image:disabled{opacity:.6;cursor:wait;transform:none}
/* A quiet introduction to the deck's character */
.intro-lead{max-width:650px;margin:18px auto 0;color:#72628e}.deck-whisper{display:flex;align-items:center;justify-content:center;gap:11px;max-width:700px;margin:20px auto 0;padding:14px 20px;border-top:1px solid rgba(189,146,85,.24);border-bottom:1px solid rgba(189,146,85,.24);background:linear-gradient(90deg,transparent,rgba(255,252,249,.58),transparent);color:#75657e}.deck-whisper span{flex:0 0 auto;color:#b58a48;font-size:12px;text-shadow:0 0 12px rgba(255,230,150,.92)}.deck-whisper p{margin:0;font-size:12px;line-height:1.85;letter-spacing:.025em}.deck-whisper b{display:block;margin-bottom:3px;color:#a77b43;font-size:11px;letter-spacing:.16em}
@media(max-width:680px){.deck-whisper{align-items:flex-start;margin-top:17px;padding:10px 8px}.deck-whisper p{font-size:11px;line-height:1.75}.deck-whisper span{margin-top:3px}}

/* Living celestial background */
body{isolation:isolate}
body:before{animation:skyDrift 18s ease-in-out infinite alternate,starPulse 5.5s ease-in-out infinite}
body:after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(ellipse at 18% 35%,rgba(224,183,215,.48),transparent 34%),radial-gradient(ellipse at 78% 22%,rgba(231,201,131,.36),transparent 30%),radial-gradient(ellipse at 62% 82%,rgba(176,168,203,.45),transparent 35%);filter:blur(28px);animation:auroraFloat 22s ease-in-out infinite alternate}
.draw-shell{position:relative}.draw-shell:before,.draw-shell:after{content:"✦";position:fixed;z-index:-1;pointer-events:none;color:rgba(201,157,76,.42);text-shadow:0 0 18px rgba(255,238,184,.88);animation:wanderingLight 12s ease-in-out infinite alternate}.draw-shell:before{left:6vw;top:31vh;font-size:20px}.draw-shell:after{right:7vw;top:68vh;font-size:13px;animation-delay:-5s}
@keyframes skyDrift{from{background-position:0 0,0 0,0 0;transform:scale(1)}to{background-position:88px 42px,-74px 96px,53px -67px;transform:scale(1.035)}}
@keyframes starPulse{0%,100%{opacity:.38}50%{opacity:.72}}
@keyframes auroraFloat{0%{transform:translate3d(-2%,-1%,0) rotate(-2deg) scale(1)}55%{transform:translate3d(3%,2%,0) rotate(3deg) scale(1.08)}100%{transform:translate3d(-1%,4%,0) rotate(-1deg) scale(1.03)}}
@keyframes wanderingLight{0%{transform:translate3d(0,0,0) rotate(0);opacity:.25}45%{opacity:.72}100%{transform:translate3d(34px,-46px,0) rotate(100deg);opacity:.38}}

/* Interactive and cinematic shuffle */
.ritual-stage.is-interactive-shuffle{position:fixed;inset:3vh 3vw;z-index:80;max-width:1240px;max-height:94vh;margin:auto;padding:28px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(145deg,rgba(255,253,252,.985),rgba(232,217,234,.98));box-shadow:0 0 0 100vmax rgba(52,38,58,.5),0 34px 90px rgba(50,35,56,.36),inset 0 0 80px rgba(255,255,255,.78);backdrop-filter:blur(18px)}
.is-auto-cascade .ritual-visual{min-height:260px}.is-auto-cascade .shuffle-deck{animation:autoDeckFloat 2.4s ease-in-out infinite}.is-auto-cascade .ritual-card{animation:ritualShuffle 1.55s cubic-bezier(.5,.03,.3,1) infinite;filter:drop-shadow(0 0 10px rgba(255,224,139,.45))}.is-auto-cascade .ritual-card:nth-child(3n){animation-name:ritualShuffleWide}.auto-shuffle-orbit{position:absolute;width:310px;height:310px;border:1px solid rgba(213,174,88,.22);border-radius:50%;animation:orbitTurn 8s linear infinite}.auto-shuffle-orbit:before,.auto-shuffle-orbit:after{content:"";position:absolute;inset:32px;border:1px dashed rgba(149,115,150,.28);border-radius:50%}.auto-shuffle-orbit:after{inset:72px;border-style:solid;border-color:rgba(255,255,255,.7)}.auto-shuffle-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff4bd;box-shadow:0 0 17px 7px rgba(232,193,94,.54)}.auto-shuffle-orbit i:nth-child(1){left:18px;top:82px}.auto-shuffle-orbit i:nth-child(2){right:35px;top:42px}.auto-shuffle-orbit i:nth-child(3){right:14px;bottom:70px}
.interactive-shuffle-wrap{width:min(880px,100%);margin:12px auto 0}.interactive-shuffle-area{position:relative;isolation:isolate;width:100%;height:330px;overflow:hidden;border:1px solid rgba(189,146,85,.35);border-radius:27px;background:radial-gradient(circle at var(--hand-x,50%) var(--hand-y,50%),rgba(255,244,187,.48),transparent 16%),radial-gradient(circle at 50% 45%,rgba(255,255,255,.96),rgba(235,220,237,.75) 48%,rgba(176,168,203,.36));box-shadow:inset 0 0 75px rgba(255,255,255,.85),0 22px 55px rgba(96,70,100,.14);cursor:grab;touch-action:none;outline:none}.interactive-shuffle-area:focus-visible{box-shadow:inset 0 0 75px rgba(255,255,255,.85),0 0 0 3px rgba(189,146,85,.32),0 22px 55px rgba(96,70,100,.14)}.interactive-shuffle-area.is-touching{cursor:grabbing}.shuffle-aura{position:absolute;left:50%;top:46%;width:290px;height:290px;border-radius:50%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,rgba(231,201,131,.05),rgba(231,201,131,.58),rgba(176,168,203,.18),rgba(255,255,255,.72),rgba(231,201,131,.05));filter:blur(4px);opacity:.75;animation:auraSpin 9s linear infinite}.interactive-card-cloud{position:absolute;left:50%;top:46%;width:150px;height:220px;transform:translate(-50%,-50%);transform-style:preserve-3d}.interactive-ritual-card{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #d8b45b;border-radius:17px;background:radial-gradient(circle at 50% 42%,#fff,#f8eac5 34%,#d7ac51 74%,#a97322);box-shadow:0 18px 38px rgba(74,49,14,.2),inset 0 0 0 6px rgba(255,255,255,.55),inset 0 0 0 8px rgba(170,118,27,.36);color:#a97724;font-size:34px;text-shadow:0 0 12px #fff,0 0 22px #ffe59a;transform:translate(calc(var(--base-x) + var(--mix-x,0px)),calc(var(--base-y) + var(--mix-y,0px))) rotate(calc(var(--base-r) + var(--mix-r,0deg))) rotateY(var(--base-yrot));transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s}.interactive-ritual-card:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.76);border-radius:11px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px);background-size:27px 27px;opacity:.62}.is-touching .interactive-ritual-card{filter:brightness(1.08) drop-shadow(0 0 13px rgba(255,224,128,.62))}.shuffle-hand-hint{position:absolute;left:50%;bottom:16px;display:flex;align-items:center;gap:9px;transform:translateX(-50%);width:max-content;max-width:90%;padding:8px 14px;border:1px solid rgba(189,146,85,.27);border-radius:999px;background:rgba(255,253,249,.72);color:#705b78;box-shadow:0 7px 20px rgba(96,70,100,.09);pointer-events:none}.shuffle-hand-hint span{font-size:22px;color:#bb8a38}.shuffle-hand-hint b{font-size:13px}.shuffle-hand-hint small{font-size:11px;color:#8c7e91}.shuffle-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;width:min(640px,92%);margin:16px auto 12px}.shuffle-progress>span{height:10px;overflow:hidden;border-radius:999px;background:rgba(176,168,203,.25);box-shadow:inset 0 2px 5px rgba(96,70,100,.12)}.shuffle-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b88738,#f5df9b,#b69fc9);box-shadow:0 0 16px rgba(226,190,96,.7);transition:width .15s ease}.shuffle-progress b{min-width:118px;color:#796481;font-size:12px}.finish-interactive-shuffle{padding:11px 20px;border:1px solid rgba(189,146,85,.32);border-radius:999px;background:rgba(255,255,255,.55);color:#9b8c9f;font:700 13px "Noto Serif TC",serif;cursor:not-allowed;transition:.25s}.finish-interactive-shuffle.ready{cursor:pointer;color:#5f4721;border-color:#c59b4e;background:linear-gradient(135deg,#fff9df,#e7c983);box-shadow:0 10px 27px rgba(157,109,29,.2),0 0 21px rgba(255,225,130,.58);animation:readyGlow 1.4s ease-in-out infinite alternate}.shuffle-spark{position:absolute;z-index:5;width:6px;height:6px;border-radius:50%;background:#fff7c9;box-shadow:0 0 15px 7px rgba(232,193,94,.55);pointer-events:none;animation:sparkFly .7s ease-out forwards}
@keyframes autoDeckFloat{0%,100%{transform:translateY(4px) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes ritualShuffleWide{0%,100%{transform:translate(calc(var(--i)*.8px),calc(var(--i)*-.55px)) rotateZ(calc((var(--i) - 7)*.28deg))}30%{transform:translateX(calc(var(--side)*138px)) translateY(calc(var(--lift)*8px - 20px)) rotateZ(calc(var(--side)*16deg)) rotateY(calc(var(--side)*24deg))}68%{transform:translateX(calc(var(--side)*-82px)) translateY(calc(var(--lift)*-6px + 16px)) rotateZ(calc(var(--side)*-11deg))}}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes auraSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes readyGlow{from{transform:translateY(0);filter:brightness(1)}to{transform:translateY(-2px);filter:brightness(1.08)}}@keyframes sparkFly{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.15)}}
@media(max-width:680px){.ritual-stage.is-interactive-shuffle{inset:1vh 7px;max-height:98vh;padding:20px 10px 16px;border-radius:20px}.interactive-shuffle-area{height:285px}.interactive-card-cloud{width:115px;height:174px}.shuffle-hand-hint{white-space:normal;border-radius:16px}.shuffle-hand-hint small{display:none}.shuffle-progress{grid-template-columns:1fr}.shuffle-progress b{text-align:center}.is-auto-cascade .ritual-visual{min-height:225px}.auto-shuffle-orbit{width:250px;height:250px}}
@media(prefers-reduced-motion:reduce){body:before,body:after,.draw-shell:before,.draw-shell:after,.shuffle-aura,.auto-shuffle-orbit,.is-auto-cascade .shuffle-deck,.is-auto-cascade .ritual-card,.finish-interactive-shuffle.ready{animation:none}.interactive-ritual-card{transition:none}}

/* Tidy question choices */
.question-categories{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.question-category{min-height:58px;height:100%;justify-content:flex-start;padding:11px 14px}.question-examples{grid-template-columns:1fr}.question-example{width:100%;min-height:54px}.question-example span{flex:1}.question-group-label{min-height:20px}

/* Compact AI action directly below the cards */
.ai-copy-row{display:flex;justify-content:center;margin:-10px auto 22px}.ai-copy-row .copy-btn{width:auto;min-width:148px;padding:9px 16px;border-radius:999px;font-size:12px;letter-spacing:.06em;box-shadow:0 7px 18px rgba(117,79,20,.14)}.ai-copy-row .copy-btn:disabled{opacity:.45}.ai-copy-row textarea[hidden]{display:none}

/* Full-screen shuffle ritual */
body.ritual-lock{overflow:hidden}.ritual-stage.is-shuffling,.ritual-stage.is-cutting,.ritual-stage.is-mode-pick,.ritual-stage.is-choosing,.ritual-stage.is-dealing{position:fixed;inset:3vh 3vw;z-index:80;max-width:1240px;max-height:94vh;margin:auto;padding:28px;overflow:auto;overscroll-behavior:contain;background:linear-gradient(145deg,rgba(255,253,252,.985),rgba(232,217,234,.98));box-shadow:0 0 0 100vmax rgba(52,38,58,.48),0 34px 90px rgba(50,35,56,.34),inset 0 0 70px rgba(255,255,255,.75);backdrop-filter:blur(18px)}.ritual-close{position:absolute;z-index:8;top:16px;right:17px;width:38px;height:38px;border:1px solid rgba(189,146,85,.38);border-radius:50%;background:rgba(255,255,255,.72);color:#765f7b;font:400 24px/1 sans-serif;cursor:pointer;box-shadow:0 7px 18px rgba(96,70,100,.1);transition:.2s}.ritual-close:hover{transform:rotate(8deg) scale(1.05);background:#fff}.ritual-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(760px,92%);margin:24px auto}.ritual-mode-button{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:25px;border:1px solid rgba(189,146,85,.38);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(239,226,238,.88));color:#604664;font-family:inherit;cursor:pointer;box-shadow:0 18px 42px rgba(96,70,100,.13),inset 0 0 28px rgba(255,255,255,.72);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.ritual-mode-button>span{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff,#e7c983 62%,#b78332);color:#fff;font-size:25px;text-shadow:0 0 10px #fff;box-shadow:0 0 24px rgba(218,178,84,.55)}.ritual-mode-button b{font-size:20px;letter-spacing:.06em}.ritual-mode-button small{color:#82728a;font-size:12px}.ritual-mode-button:hover{transform:translateY(-7px) scale(1.015);border-color:#c49a53;box-shadow:0 26px 55px rgba(96,70,100,.2),0 0 24px rgba(255,226,135,.45)}
.ritual-stage.is-choosing .ritual-visual{display:grid;min-height:0;overflow:visible}.ritual-stage.is-choosing .selection-fan{display:grid;grid-template-columns:repeat(12,minmax(48px,1fr));gap:10px;width:min(1120px,100%);min-height:0;margin:10px auto 0;padding:18px;overflow:visible;scroll-snap-type:none;touch-action:auto}.ritual-stage.is-choosing .choice-card{width:100%;height:auto;aspect-ratio:2/3;margin:0;border-radius:10px;transform:none;transform-origin:center;animation:choiceArrive .42s ease both;animation-delay:calc(var(--i)*.014s)}.ritual-stage.is-choosing .choice-card:hover,.ritual-stage.is-choosing .choice-card:focus-visible{z-index:4;transform:translateY(-10px) scale(1.09) rotate(-1deg)}.ritual-stage.is-choosing .choice-card.is-chosen{animation:chosenCard .48s ease-out both}.ritual-stage.is-choosing .choice-card>span{font-size:clamp(13px,1.6vw,21px)}@keyframes choiceArrive{from{opacity:0;transform:translateY(28px) rotateY(35deg) scale(.88)}to{opacity:1;transform:none}}
@media(max-width:680px){.question-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:16px 0;padding:0;gap:7px}.question-category{min-height:58px;white-space:normal;padding:8px 9px}.question-examples{grid-template-columns:1fr}.ritual-stage.is-shuffling,.ritual-stage.is-cutting,.ritual-stage.is-mode-pick,.ritual-stage.is-choosing,.ritual-stage.is-dealing{inset:1vh 7px;max-height:98vh;padding:20px 10px 16px;border-radius:20px}.ritual-close{top:10px;right:10px;width:34px;height:34px}.ritual-copy{padding:0 35px}.ritual-copy h3{font-size:23px}.ritual-mode-options{grid-template-columns:1fr;gap:10px;width:100%;margin:15px auto}.ritual-mode-button{min-height:112px;padding:15px}.ritual-mode-button>span{width:43px;height:43px;font-size:19px}.ritual-mode-button b{font-size:17px}.ritual-stage.is-choosing .selection-fan{grid-template-columns:repeat(6,minmax(38px,1fr));gap:6px;padding:9px 5px}.ritual-stage.is-choosing .choice-card{border-radius:7px}.ritual-stage.is-choosing .choice-card:hover{transform:translateY(-5px) scale(1.04)}.ai-copy-row{margin-top:-5px}}

/* Local, cursor-led shuffle and fine gold-white light */
.site-sparkles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.site-sparkles i{position:absolute;left:calc((var(--n)*37 + 7)*1%);top:calc((var(--n)*53 + 11)*1%);width:calc(2px + (var(--n)%3)*1px);height:calc(2px + (var(--n)%3)*1px);border-radius:50%;background:var(--white);box-shadow:0 0 7px 2px rgba(255,255,255,.72),0 0 16px 4px rgba(228,190,92,.38);animation:siteSparkleDrift calc(8s + (var(--n)%6)*1.4s) ease-in-out calc(var(--n)*-.7s) infinite alternate}.site-sparkles i:nth-child(3n){background:#f6d98a;box-shadow:0 0 7px 2px rgba(246,217,138,.72),0 0 19px 5px rgba(232,193,94,.3)}.site-sparkles i:nth-child(4n){width:1px;height:34px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.88),rgba(234,197,103,.42),transparent);filter:blur(.2px);transform:rotate(38deg);opacity:.44}.topbar,main{position:relative;z-index:1}.draw-shell{overflow:hidden}.draw-shell .intro,.reading-panel,.result{position:relative;z-index:1}.reading-panel{background-image:linear-gradient(112deg,transparent 0 37%,rgba(255,255,255,.24) 45%,rgba(244,214,132,.13) 50%,transparent 58%),linear-gradient(145deg,rgba(255,255,255,.84),rgba(235,219,236,.77));background-size:230% 100%,100% 100%;animation:panelLightFlow 11s ease-in-out infinite}.card-shell,.choice-card,.ritual-card{filter:drop-shadow(0 0 5px rgba(255,255,255,.44)) drop-shadow(0 0 8px rgba(224,184,83,.18))}

.ritual-stage.is-interactive-shuffle{inset:1.5vh 1.5vw;max-width:1380px;max-height:97vh;padding:24px 26px}.interactive-shuffle-wrap{width:min(1180px,100%);margin:6px auto 0}.interactive-shuffle-area{height:min(61vh,540px);min-height:390px;border-color:rgba(205,164,72,.46);background:radial-gradient(circle at var(--hand-x,50%) var(--hand-y,50%),rgba(255,249,210,.72),transparent 14%),radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.98),rgba(238,225,240,.82) 55%,rgba(184,172,204,.4));box-shadow:inset 0 0 95px rgba(255,255,255,.92),0 22px 60px rgba(96,70,100,.17),0 0 38px rgba(235,202,117,.22)}.interactive-shuffle-area:before,.interactive-shuffle-area:after{content:"";position:absolute;z-index:1;inset:-35%;pointer-events:none}.interactive-shuffle-area:before{background:conic-gradient(from 20deg,transparent 0 23%,rgba(255,255,255,.5) 27%,transparent 31% 65%,rgba(237,203,113,.29) 70%,transparent 75%);animation:auraSpin 17s linear infinite}.interactive-shuffle-area:after{inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(231,193,91,.75) 0 1px,transparent 1.8px);background-size:43px 43px,67px 67px;background-position:0 0,18px 22px;opacity:.2;animation:skyDrift 20s ease-in-out infinite alternate}.shuffle-aura{z-index:1;left:var(--hand-x,50%);top:var(--hand-y,50%);width:230px;height:230px;opacity:.62;filter:blur(8px);transition:left .14s linear,top .14s linear}.shuffle-trail{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.interactive-card-cloud{position:absolute;z-index:4;inset:0;width:auto;height:auto;transform:none;transform-style:preserve-3d;pointer-events:none}.interactive-ritual-card{inset:auto;left:var(--base-left);top:var(--base-top);width:clamp(76px,7.3vw,106px);aspect-ratio:2/3;transform:translate(-50%,-50%) translate(var(--mix-x,0px),var(--mix-y,0px)) rotate(calc(var(--base-r) + var(--mix-r,0deg)));border-radius:14px;font-size:29px;box-shadow:0 14px 30px rgba(73,48,13,.19),0 0 calc(5px + var(--local-glow,0)*21px) rgba(255,255,255,calc(.24 + var(--local-glow,0)*.5)),0 0 calc(6px + var(--local-glow,0)*26px) rgba(229,187,78,calc(.12 + var(--local-glow,0)*.46)),inset 0 0 0 5px rgba(255,255,255,.58),inset 0 0 0 7px rgba(170,118,27,.36);transition:transform .12s cubic-bezier(.17,.75,.26,1),filter .12s,box-shadow .12s}.interactive-ritual-card:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(118deg,transparent 20%,rgba(255,255,255,.9) 42%,rgba(248,218,137,.62) 49%,transparent 66%);background-size:230% 100%;mix-blend-mode:screen;animation:cardLightSweep 3.8s ease-in-out calc(var(--i)*-.13s) infinite}.interactive-ritual-card:after{inset:8px;border-radius:9px;background-size:21px 21px}.is-touching .interactive-ritual-card{filter:brightness(1.08) saturate(1.04)}.shuffle-hand-hint{z-index:12;bottom:12px;background:rgba(255,253,249,.82);box-shadow:0 7px 23px rgba(96,70,100,.11),0 0 18px rgba(255,234,168,.26)}.shuffle-spark{z-index:14;width:var(--spark-size,4px);height:var(--spark-size,4px);margin:calc(var(--spark-size,4px)*-.5);box-shadow:0 0 8px 3px rgba(232,193,94,.72),0 0 17px 7px rgba(232,193,94,.32);animation-duration:.76s}.shuffle-spark.is-white{background:#fff;box-shadow:0 0 7px 3px rgba(255,255,255,.92),0 0 18px 7px rgba(255,255,255,.34)}

.ritual-stage.is-shuffling .ritual-visual,.ritual-stage.is-cutting .ritual-visual{min-height:310px}.ritual-stage.is-shuffling .shuffle-deck,.ritual-stage.is-cutting .shuffle-deck{width:170px;height:255px;filter:drop-shadow(0 0 13px rgba(255,255,255,.55)) drop-shadow(0 0 18px rgba(227,188,88,.32))}.ritual-stage.is-shuffling .ritual-card,.ritual-stage.is-cutting .ritual-card{border-color:#dab85d;box-shadow:0 18px 38px rgba(72,47,12,.19),0 0 13px rgba(255,255,255,.36),inset 0 0 0 6px rgba(255,255,255,.54),inset 0 0 0 8px rgba(170,118,27,.34)}

@keyframes siteSparkleDrift{0%{transform:translate3d(-10px,18px,0) scale(.65);opacity:.12}42%{opacity:.82}100%{transform:translate3d(28px,-44px,0) scale(1.22);opacity:.3}}@keyframes panelLightFlow{0%,100%{background-position:180% 0,0 0}50%{background-position:-70% 0,0 0}}@keyframes cardLightSweep{0%,60%,100%{background-position:150% 0;opacity:.12}78%{background-position:-80% 0;opacity:.82}}

@media(max-width:780px){.ritual-stage.is-interactive-shuffle{inset:1vh 6px;max-height:98vh;padding:18px 8px 14px}.interactive-shuffle-area{height:min(57vh,470px);min-height:360px;border-radius:21px}.interactive-ritual-card{width:clamp(53px,14.3vw,72px);border-radius:10px}.interactive-ritual-card:after{inset:5px}.shuffle-hand-hint{bottom:8px;max-width:94%;padding:7px 10px}.shuffle-hand-hint b{font-size:11px}.shuffle-hand-hint small{display:none}.ritual-stage.is-shuffling .shuffle-deck,.ritual-stage.is-cutting .shuffle-deck{width:138px;height:207px}.ritual-stage.is-shuffling .ritual-visual,.ritual-stage.is-cutting .ritual-visual{min-height:255px}}
@media(prefers-reduced-motion:reduce){.site-sparkles i,.reading-panel,.interactive-shuffle-area:before,.interactive-shuffle-area:after,.interactive-ritual-card:before{animation:none}.shuffle-trail{display:none}}
.site-sparkles i{left:var(--x);top:var(--y);width:var(--spark-size);height:var(--spark-size);animation-duration:var(--spark-duration);animation-delay:var(--spark-delay)}

/* Chaotic hand-shuffle spectacle */
.ritual-stage.is-interactive-shuffle{max-width:1480px}.interactive-shuffle-wrap{width:min(1280px,100%)}.interactive-shuffle-area{height:min(66vh,610px);min-height:450px;box-shadow:inset 0 0 125px rgba(255,255,255,.98),0 28px 78px rgba(96,70,100,.22),0 0 64px rgba(235,202,117,.34)}.interactive-shuffle-area .shuffle-aura{width:390px;height:390px;opacity:.82;filter:blur(12px) saturate(1.25);mix-blend-mode:screen;transition:left .1s linear,top .1s linear,width .35s ease,height .35s ease,filter .35s ease}.interactive-shuffle-area[data-shuffle-mode="1"] .shuffle-aura{width:560px;height:300px;filter:blur(16px) hue-rotate(9deg) saturate(1.35)}.interactive-shuffle-area[data-shuffle-mode="2"] .shuffle-aura{width:680px;height:270px;filter:blur(19px) saturate(1.4)}.interactive-shuffle-area[data-shuffle-mode="3"] .shuffle-aura{width:540px;height:540px;filter:blur(8px) brightness(1.18) saturate(1.55)}.interactive-shuffle-area[data-shuffle-mode="4"] .shuffle-aura{width:720px;height:340px;filter:blur(14px) hue-rotate(-8deg) saturate(1.3)}
.interactive-card-cloud.is-chaotic-pile{z-index:5}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card{width:clamp(86px,7.8vw,116px);transform:translate(-50%,-50%) translate(var(--mix-x,0px),var(--mix-y,0px)) rotate(calc(var(--base-r) + var(--mix-r,0deg))) scale(var(--card-scale,1));transition:transform .19s cubic-bezier(.12,.78,.18,1),filter .13s,box-shadow .13s;will-change:transform;box-shadow:0 18px 38px rgba(66,39,9,.26),0 0 calc(12px + var(--local-glow,0)*38px) rgba(255,255,255,calc(.32 + var(--local-glow,0)*.5)),0 0 calc(15px + var(--local-glow,0)*48px) rgba(231,188,75,calc(.18 + var(--local-glow,0)*.5)),inset 0 0 0 5px rgba(255,255,255,.62),inset 0 0 0 7px rgba(170,118,27,.4)}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card:nth-child(3n){filter:saturate(1.08) brightness(1.03)}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card:nth-child(5n){transform-origin:38% 66%}.interactive-shuffle-area[data-shuffle-mode="3"] .interactive-ritual-card{transition-duration:.25s;filter:brightness(1.14) saturate(1.16)}
.shuffle-trail{filter:drop-shadow(0 0 14px rgba(255,244,205,.95)) drop-shadow(0 0 28px rgba(223,179,72,.7))}.shuffle-spark{z-index:16;filter:brightness(1.2);animation-name:sparkFlyGrand}.shuffle-burst{position:absolute;z-index:15;width:26px;height:26px;margin:-13px;border:2px solid rgba(255,247,204,.92);border-radius:50%;pointer-events:none;box-shadow:0 0 18px 7px rgba(255,255,255,.7),0 0 50px 18px rgba(229,185,73,.48);animation:shuffleBurst 1.05s cubic-bezier(.12,.72,.25,1) forwards}.shuffle-burst:before,.shuffle-burst:after{content:"";position:absolute;inset:-22px;border:1px solid rgba(236,200,105,.72);border-radius:50%;animation:shuffleBurstInner 1.05s ease-out forwards}.shuffle-burst:after{inset:-46px;border-color:rgba(255,255,255,.58);animation-delay:.08s}.shuffle-burst-1{border-radius:20%;transform:rotate(45deg)}.shuffle-burst-2{border-style:dashed}.shuffle-burst-3{border-width:3px;box-shadow:0 0 28px 12px rgba(255,255,255,.88),0 0 82px 32px rgba(231,184,65,.62)}.shuffle-burst-4{border-radius:50% 10% 50% 10%}
.shuffle-hand-hint{font-size:14px;box-shadow:0 10px 32px rgba(96,70,100,.14),0 0 34px rgba(255,232,156,.42)}.shuffle-progress>span{height:12px}.shuffle-progress i{box-shadow:0 0 21px 6px rgba(226,190,96,.56)}
@keyframes shuffleBurst{0%{opacity:1;transform:scale(.2) rotate(0)}72%{opacity:.75}100%{opacity:0;transform:scale(12) rotate(105deg)}}@keyframes shuffleBurstInner{0%{opacity:.95;transform:scale(.2)}100%{opacity:0;transform:scale(5.5)}}@keyframes sparkFlyGrand{0%{opacity:1;transform:translate(0,0) scale(.55) rotate(0)}35%{opacity:1;transform:translate(var(--spark-x-mid),var(--spark-y-mid)) scale(1.35) rotate(80deg)}100%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.08) rotate(210deg)}}
@media(max-width:780px){.interactive-shuffle-area{height:min(61vh,520px);min-height:395px}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card{width:clamp(60px,16vw,80px)}.interactive-shuffle-area .shuffle-aura{width:270px;height:270px}.interactive-shuffle-area[data-shuffle-mode="1"] .shuffle-aura,.interactive-shuffle-area[data-shuffle-mode="2"] .shuffle-aura,.interactive-shuffle-area[data-shuffle-mode="4"] .shuffle-aura{width:390px;height:230px}.interactive-shuffle-area[data-shuffle-mode="3"] .shuffle-aura{width:340px;height:340px}}
@media(prefers-reduced-motion:reduce){.shuffle-burst,.shuffle-burst:before,.shuffle-burst:after{animation:none;display:none}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card{transition:none}}

/* Today reading */
.spread[data-spread="daily"]{position:relative;overflow:hidden;background:linear-gradient(145deg,#fffdf8,#f7edcf)}.spread[data-spread="daily"]:before{content:"☀";position:absolute;right:8px;top:3px;color:rgba(190,145,55,.32);font-size:21px}.spread[data-spread="daily"].active{background:linear-gradient(145deg,#fff,#f3dfaa);box-shadow:0 8px 22px rgba(158,111,31,.16),0 0 18px rgba(255,231,157,.45)}
.drawn-cards.layout-daily{display:grid;grid-template-columns:repeat(3,minmax(138px,190px));max-width:650px}.drawn-cards.layout-daily .drawn-card{width:auto}.drawn-cards.layout-daily .drawn-card:nth-child(5) .card-back,.drawn-cards.layout-daily .drawn-card:nth-child(5) .card-face{box-shadow:0 20px 46px rgba(77,55,19,.27),0 0 28px rgba(232,190,83,.72)}
@media(max-width:680px){.drawn-cards.layout-daily{grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px}.drawn-cards.layout-daily .drawn-card h3{font-size:12px}.drawn-cards.layout-daily .position-label{font-size:9px}}
@media(max-width:400px){.drawn-cards.layout-daily{margin-left:-6px;margin-right:-6px}}

/* Smooth interactive shuffle: one soft glow layer instead of 36 animated light sweeps */
.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card{transition:transform .085s linear;will-change:transform;box-shadow:0 12px 25px rgba(66,39,9,.2),0 0 10px rgba(255,255,255,.48),0 0 14px rgba(231,188,75,.25),inset 0 0 0 5px rgba(255,255,255,.6),inset 0 0 0 7px rgba(170,118,27,.36)}
.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card:before{animation:none;background-position:52% 0;opacity:.58}
.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card:nth-child(3n){filter:none}
.shuffle-trail{filter:drop-shadow(0 0 9px rgba(255,244,205,.86)) drop-shadow(0 0 17px rgba(223,179,72,.48))}
.shuffle-spark{box-shadow:0 0 7px 2px rgba(232,193,94,.65),0 0 13px 5px rgba(232,193,94,.25)}

/* The exact final deck order opens as one 36-card fan */
.ritual-stage.is-choosing .ritual-visual{display:block;overflow:visible;min-height:330px}
.selection-fan-scroll{width:100%;overflow-x:auto;overflow-y:visible;padding:28px 0 12px;scrollbar-color:rgba(185,139,58,.46) transparent;scrollbar-width:thin}
.ritual-stage.is-choosing .selection-fan{position:relative;display:block;width:1040px;min-height:265px;margin:0 auto;padding:0;overflow:visible;touch-action:pan-x}
.ritual-stage.is-choosing .choice-card{position:absolute;left:50%;bottom:14px;width:76px;height:116px;aspect-ratio:auto;margin:0;border-radius:11px;transform:translate(calc(-50% + var(--fan-x)),calc(var(--fan-y) + var(--pick-lift,0px))) rotate(var(--fan-r));transform-origin:50% 118%;animation:fanOpen .64s cubic-bezier(.2,.76,.2,1) both;animation-delay:calc(var(--i)*.012s);transition:transform .18s ease,filter .18s ease;z-index:calc(var(--i) + 1)}
.ritual-stage.is-choosing .choice-card:hover,.ritual-stage.is-choosing .choice-card:focus-visible{--pick-lift:-34px;z-index:60;transform:translate(calc(-50% + var(--fan-x)),calc(var(--fan-y) + var(--pick-lift))) rotate(var(--fan-r)) scale(1.08)}
.ritual-stage.is-choosing .choice-card.is-chosen{z-index:70;animation:chosenFanCard .5s ease-out both}
@keyframes fanOpen{from{opacity:0;transform:translate(-50%,95px) rotate(0) scale(.72)}to{opacity:1;transform:translate(calc(-50% + var(--fan-x)),var(--fan-y)) rotate(var(--fan-r)) scale(1)}}
@keyframes chosenFanCard{0%{transform:translate(calc(-50% + var(--fan-x)),calc(var(--fan-y) - 20px)) rotate(var(--fan-r)) scale(1.08)}100%{opacity:0;transform:translate(calc(-50% + var(--fan-x)),calc(var(--fan-y) - 110px)) rotate(0) scale(1.2)}}
@media(max-width:680px){.ritual-stage.is-choosing .ritual-visual{min-height:305px}.selection-fan-scroll{margin-top:4px;padding-top:22px}.ritual-stage.is-choosing .selection-fan{width:930px;min-height:245px;margin-left:0}.ritual-stage.is-choosing .choice-card{width:68px;height:104px}.ritual-stage.is-choosing .choice-card:hover{--pick-lift:-22px}}
@media(prefers-reduced-motion:reduce){.ritual-stage.is-choosing .choice-card{animation:none}.interactive-card-cloud.is-chaotic-pile .interactive-ritual-card{transition:none}}

/* Lightweight three-act automatic flourish: transforms and opacity only */
.ritual-stage.is-auto-flourish .ritual-visual{min-height:430px;overflow:hidden}.auto-flourish{position:relative;width:100%;height:420px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.96),rgba(244,232,238,.72) 48%,rgba(196,184,214,.25) 75%,transparent)}.auto-flourish-scene{position:absolute;inset:0;transform-origin:center}.auto-shuffle-deck{position:absolute;left:50%;top:49%;width:118px;height:178px;transform:translate(-50%,-50%);filter:none}.auto-ritual-card{will-change:transform,opacity;box-shadow:0 15px 27px rgba(67,42,13,.2),0 0 10px rgba(255,255,255,.58),0 0 15px rgba(226,184,78,.25),inset 0 0 0 6px rgba(255,255,255,.58),inset 0 0 0 8px rgba(170,118,27,.34)}
.auto-light-rings{position:absolute;left:50%;top:49%;width:610px;height:290px;transform:translate(-50%,-50%);border:1px solid rgba(225,183,76,.38);border-radius:50%;box-shadow:0 0 28px rgba(255,255,255,.78),inset 0 0 36px rgba(241,205,111,.22)}.auto-light-rings:before,.auto-light-rings:after{content:"";position:absolute;inset:30px;border:1px dashed rgba(255,255,255,.78);border-radius:50%;box-shadow:0 0 16px rgba(236,197,96,.32)}.auto-light-rings:after{inset:74px;border-style:solid;border-color:rgba(225,183,76,.28)}
.auto-stars{position:absolute;inset:0;pointer-events:none}.auto-stars i{position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);height:var(--ss);border-radius:50%;background:#fff;box-shadow:0 0 8px 3px rgba(255,255,255,.86),0 0 16px 6px rgba(229,188,83,.3);animation:autoStarGlow var(--sd) ease-in-out var(--sl) infinite alternate}.auto-stars i:nth-child(3n){background:#f6d783;box-shadow:0 0 8px 3px rgba(246,215,131,.82),0 0 18px 7px rgba(229,188,83,.32)}.auto-stars i:nth-child(5n){border-radius:0;transform:rotate(45deg)}
.auto-phase-1 .auto-ritual-card{animation:autoRiffleWide .86s cubic-bezier(.2,.75,.23,1) var(--delay) both}.auto-phase-2 .auto-ritual-card{animation:autoOrbitWide .9s cubic-bezier(.37,.02,.22,1) var(--delay) both}.auto-phase-3 .auto-ritual-card{animation:autoCascadeGather .9s cubic-bezier(.18,.76,.25,1) var(--delay) both}.auto-phase-1 .auto-light-rings{animation:autoRingBreathe .86s ease-in-out both}.auto-phase-2 .auto-light-rings{animation:autoRingTurn .9s linear both}.auto-phase-3 .auto-light-rings{animation:autoRingGather .9s ease-in-out both}
@keyframes autoRiffleWide{0%{opacity:.96;transform:translate(0,0) rotate(0) scale(.94)}46%{opacity:1;transform:translate(var(--fly-x),var(--fly-y)) rotate(var(--fly-r)) scale(.88)}100%{opacity:1;transform:translate(var(--return-x),var(--return-y)) rotate(var(--return-r)) scale(1)}}
@keyframes autoOrbitWide{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.92)}55%{opacity:.98;transform:translate(var(--orbit-x),var(--orbit-y)) rotate(var(--orbit-r)) scale(.82)}100%{opacity:1;transform:translate(var(--orbit-return-x),var(--orbit-return-y)) rotate(0) scale(1)}}
@keyframes autoCascadeGather{0%{opacity:.88;transform:translate(var(--cascade-x),calc(var(--cascade-y) - 180px)) rotate(var(--fly-r)) scale(.83)}54%{opacity:1;transform:translate(var(--cascade-mid-x),var(--cascade-y)) rotate(var(--cascade-r)) scale(.94)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}
@keyframes autoStarGlow{from{opacity:.24;transform:scale(.55) rotate(0)}to{opacity:1;transform:scale(1.65) rotate(90deg)}}@keyframes autoRingBreathe{0%{opacity:.2;transform:translate(-50%,-50%) scale(.55)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}100%{opacity:.66;transform:translate(-50%,-50%) scale(.92)}}@keyframes autoRingTurn{0%{opacity:.5;transform:translate(-50%,-50%) rotate(0) scale(.86)}60%{opacity:1;transform:translate(-50%,-50%) rotate(220deg) scale(1.16)}100%{opacity:.7;transform:translate(-50%,-50%) rotate(360deg) scale(.94)}}@keyframes autoRingGather{0%{opacity:.9;transform:translate(-50%,-50%) scale(1.14)}100%{opacity:.28;transform:translate(-50%,-50%) scale(.42)}}
@media(max-width:680px){.ritual-stage.is-auto-flourish .ritual-visual{min-height:350px}.auto-flourish{height:340px}.auto-flourish-scene{transform:scale(.68)}.auto-light-rings{width:590px}.auto-shuffle-deck{width:105px;height:158px}}
@media(prefers-reduced-motion:reduce){.auto-ritual-card,.auto-light-rings,.auto-stars i{animation:none!important}.auto-stars i{opacity:.72}}

/* Calm circular auto shuffle and low-motion three-cut sequence */
.ritual-stage.is-auto-circle .ritual-visual{min-height:430px;overflow:hidden}.auto-circle-shuffle{position:relative;width:100%;height:420px;overflow:hidden;border-radius:28px;background:radial-gradient(circle at 50% 49%,rgba(255,255,255,.98) 0 17%,rgba(250,240,215,.66) 30%,rgba(235,221,239,.7) 56%,rgba(194,184,212,.25) 78%,transparent)}.auto-circle-glow{position:absolute;left:50%;top:49%;width:430px;height:430px;transform:translate(-50%,-50%);border:1px solid rgba(218,174,68,.32);border-radius:50%;box-shadow:0 0 34px rgba(255,255,255,.9),inset 0 0 48px rgba(236,196,94,.18)}.auto-circle-glow:before,.auto-circle-glow:after{content:"";position:absolute;inset:42px;border:1px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:0 0 18px rgba(231,190,86,.22)}.auto-circle-glow:after{inset:93px;border-color:rgba(218,174,68,.26)}
.auto-circle-ring{position:absolute;left:50%;top:49%;width:0;height:0;animation:sereneCircleOrbit 2.75s cubic-bezier(.38,.08,.25,1) both}.auto-circle-slot{position:absolute;left:0;top:0;width:0;height:0;transform:rotate(var(--angle)) translateY(-158px)}.auto-circle-card{position:absolute;left:-34px;top:-51px;width:68px;height:102px;display:grid;place-items:center;border:1px solid #d8b45b;border-radius:11px;background:radial-gradient(circle at 50% 40%,#fff,#f8eac5 36%,#d7ac51 75%,#a97322);box-shadow:0 11px 23px rgba(68,44,16,.18),0 0 12px rgba(255,255,255,.6),0 0 17px rgba(231,190,86,.22),inset 0 0 0 4px rgba(255,255,255,.58),inset 0 0 0 6px rgba(170,118,27,.32);color:#a97724;text-shadow:0 0 9px #fff;animation:sereneCardCounter 2.75s cubic-bezier(.38,.08,.25,1) both;will-change:transform}.auto-circle-card:after{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.72);border-radius:7px;background-image:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.6px);background-size:20px 20px;opacity:.62}.auto-circle-card b{font-size:24px;font-weight:400}.auto-circle-center{position:absolute;left:50%;top:49%;width:92px;height:92px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 25%,#f5df9c 48%,rgba(211,173,84,.3) 69%,transparent 72%);color:#b5822f;font-size:30px;text-shadow:0 0 12px #fff;box-shadow:0 0 28px rgba(255,255,255,.9),0 0 45px rgba(227,188,88,.32);animation:calmCenterGlow 2.6s ease-in-out infinite alternate}
.auto-calm-stars{position:absolute;inset:0;pointer-events:none}.auto-calm-stars i{position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);height:var(--ss);border-radius:50%;background:#fff;box-shadow:0 0 7px 2px rgba(255,255,255,.82),0 0 13px 4px rgba(229,188,83,.26);animation:calmStar 2.8s ease-in-out var(--sl) infinite alternate}.auto-calm-stars i:nth-child(3n){background:#f4d985}
@keyframes sereneCircleOrbit{0%{opacity:.2;transform:rotate(0) scale(.82)}16%{opacity:1;transform:rotate(12deg) scale(1)}84%{opacity:1;transform:rotate(138deg) scale(1)}100%{opacity:.82;transform:rotate(150deg) scale(.94)}}@keyframes sereneCardCounter{0%{transform:rotate(var(--counter-start))}100%{transform:rotate(var(--counter-end))}}@keyframes calmCenterGlow{from{opacity:.72;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@keyframes calmStar{from{opacity:.25;transform:scale(.72)}to{opacity:.92;transform:scale(1.22)}}
.ritual-stage.is-serene-cut .ritual-visual{min-height:300px;overflow:hidden}.serene-cut-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:24px;width:min(570px,100%);height:285px;margin:auto}.cut-soft-glow{position:absolute;left:50%;top:50%;width:380px;height:180px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,246,202,.62),rgba(232,211,235,.3) 54%,transparent 72%);filter:blur(3px)}.cut-stack{position:relative;width:86px;height:130px;flex:0 0 86px}.cut-stack i{position:absolute;inset:0;border:1px solid #d8b45b;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff,#f8eac5 38%,#d7ac51 76%,#a97322);box-shadow:0 10px 22px rgba(68,44,16,.15),inset 0 0 0 5px rgba(255,255,255,.56),inset 0 0 0 7px rgba(170,118,27,.3);transform:translate(calc(var(--layer)*1.2px),calc(var(--layer)*-1px))}.cut-stack span{position:absolute;inset:0;z-index:7;display:grid;place-items:center;color:#a97724;font-size:27px;text-shadow:0 0 12px #fff}.serene-cut-visual.is-gathering .cut-stack:first-of-type,.serene-cut-visual.is-gathering .cut-stack:last-child{opacity:.25}.serene-cut-visual.is-gathering .cut-stack:nth-of-type(2){animation:calmGatherPulse .55s ease-in-out both}.cut-round-1 .cut-stack:nth-of-type(1),.cut-round-2 .cut-stack:nth-of-type(2),.cut-round-3 .cut-stack:nth-of-type(3){animation:calmCutSlide .5s ease-in-out both}
@keyframes calmGatherPulse{0%{transform:scale(.94);opacity:.72}100%{transform:scale(1);opacity:1}}@keyframes calmCutSlide{0%{transform:translateY(0)}45%{transform:translateY(-13px)}100%{transform:translateY(0)}}
@media(max-width:680px){.ritual-stage.is-auto-circle .ritual-visual{min-height:350px}.auto-circle-shuffle{height:340px}.auto-circle-glow{width:320px;height:320px}.auto-circle-slot{transform:rotate(var(--angle)) translateY(-117px)}.auto-circle-card{left:-26px;top:-39px;width:52px;height:78px;border-radius:8px}.auto-circle-card b{font-size:18px}.auto-circle-center{width:70px;height:70px}.serene-cut-visual{gap:14px;height:245px}.cut-stack{width:68px;height:103px;flex-basis:68px}.cut-stack i{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.auto-circle-ring,.auto-circle-card,.auto-circle-center,.auto-calm-stars i,.cut-stack{animation:none!important}}
.serene-cut-visual.is-gathering .cut-stack-1,.serene-cut-visual.is-gathering .cut-stack-3{opacity:.25}.serene-cut-visual.is-gathering .cut-stack-1{animation:none}.serene-cut-visual.is-gathering .cut-stack-2{animation:calmGatherPulse .55s ease-in-out both}.cut-round-2 .cut-stack-1,.cut-round-3 .cut-stack-2{animation:none}.cut-round-1 .cut-stack-1,.cut-round-2 .cut-stack-2,.cut-round-3 .cut-stack-3{animation:calmCutSlide .5s ease-in-out both}
.serene-cut-visual .cut-stack i{transform:translate(var(--layer-x),var(--layer-y))}
.cut-merge .cut-stack-1{z-index:2;animation:mergeLeftPile .7s cubic-bezier(.3,.04,.2,1) both}.cut-merge .cut-stack-2{z-index:4;animation:mergeCenterPile .7s ease-in-out both}.cut-merge .cut-stack-3{z-index:3;animation:mergeRightPile .7s cubic-bezier(.3,.04,.2,1) both}@keyframes mergeLeftPile{0%{transform:translateX(0)}100%{transform:translateX(110px)}}@keyframes mergeCenterPile{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mergeRightPile{0%{transform:translateX(0)}100%{transform:translateX(-110px)}}
@media(max-width:680px){@keyframes mergeLeftPile{0%{transform:translateX(0)}100%{transform:translateX(82px)}}@keyframes mergeRightPile{0%{transform:translateX(0)}100%{transform:translateX(-82px)}}}

/* One full, hand-worked clockwise pile: all 36 cards stay together while tumbling */
.ritual-stage.is-auto-chaos .ritual-visual{min-height:480px;overflow:hidden}.auto-chaos-shuffle{position:relative;width:100%;height:470px;overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 50% 49%,rgba(255,255,255,.98) 0 20%,rgba(249,238,207,.58) 39%,rgba(234,219,239,.7) 65%,rgba(191,179,210,.26) 84%,transparent)}.auto-chaos-halo{position:absolute;left:50%;top:49%;width:650px;height:390px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,250,220,.48),rgba(232,196,97,.12) 42%,rgba(255,255,255,.18) 58%,transparent 72%);filter:blur(9px);box-shadow:0 0 54px rgba(255,255,255,.74)}.auto-chaos-halo:before,.auto-chaos-halo:after{display:none}
.auto-chaos-world{--chaos-scale:1;--chaos-start:.86;--chaos-end:.92;position:absolute;left:50%;top:49%;width:0;height:0;transform-origin:center;animation:chaosClockwise 4.9s cubic-bezier(.32,.04,.3,1) both;will-change:transform}.auto-chaos-card{position:absolute;left:0;top:0;width:0;height:0;z-index:var(--depth);animation:chaosWholePile 1.58s cubic-bezier(.44,.03,.22,1) var(--scatter-delay) infinite;will-change:transform}.auto-chaos-face{position:absolute;left:-44px;top:-66px;width:88px;height:132px;display:grid;place-items:center;border:1px solid #d8b45b;border-radius:13px;background:radial-gradient(circle at 50% 40%,#fff,#f8eac5 36%,#d7ac51 75%,#a97322);box-shadow:0 14px 29px rgba(68,44,16,.2),0 0 13px rgba(255,255,255,.68),0 0 21px rgba(231,190,86,.31),inset 0 0 0 5px rgba(255,255,255,.62),inset 0 0 0 8px rgba(170,118,27,.35);color:#a97724;text-shadow:0 0 10px #fff}.auto-chaos-face:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.74);border-radius:8px;background-image:radial-gradient(circle,rgba(255,255,255,.94) 0 1px,transparent 1.7px);background-size:22px 22px;opacity:.65}.auto-chaos-face b{font-size:29px;font-weight:400}
.auto-cosmic-streams{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 8px rgba(255,241,185,.9)) drop-shadow(0 0 17px rgba(220,165,45,.48))}.auto-cosmic-streams i{position:absolute;left:50%;top:49%;width:610px;height:260px;border:2px solid transparent;border-top-color:rgba(255,240,174,.82);border-right-color:rgba(224,174,57,.5);border-radius:50%;transform:translate(-50%,-50%) rotate(var(--stream-r,0deg));animation:cosmicStream 2.4s linear infinite;will-change:transform,opacity}.auto-cosmic-streams i:after{content:"";position:absolute;right:34px;top:25px;width:8px;height:8px;border-radius:50%;background:#fff9d9;box-shadow:0 0 9px 4px #fff,0 0 22px 9px rgba(235,188,68,.72)}.auto-cosmic-streams i:nth-child(2){--stream-r:56deg;width:530px;height:330px;animation-duration:2.9s;animation-delay:-1.2s;opacity:.7}.auto-cosmic-streams i:nth-child(3){--stream-r:-42deg;width:690px;height:205px;animation-duration:3.35s;animation-delay:-2.1s;opacity:.56}
.auto-chaos-stars{position:absolute;inset:0;pointer-events:none}.auto-chaos-stars i{position:absolute;left:var(--sx);top:var(--sy);width:var(--ss);height:var(--ss);border-radius:50%;background:#fff;box-shadow:0 0 7px 2px rgba(255,255,255,.84),0 0 14px 5px rgba(229,188,83,.27);animation:chaosStarGlow 2.7s ease-in-out var(--sl) infinite alternate}.auto-chaos-stars i:nth-child(3n){background:#f5d982}.auto-chaos-stars i:nth-child(4n){box-shadow:0 0 9px 3px rgba(255,255,255,.9),0 0 18px 6px rgba(229,188,83,.3)}
@keyframes chaosClockwise{0%{opacity:.3;transform:rotate(0) scale(var(--chaos-start))}7%{opacity:1;transform:rotate(34deg) scale(var(--chaos-scale))}93%{opacity:1;transform:rotate(686deg) scale(var(--chaos-scale))}100%{opacity:.94;transform:rotate(720deg) scale(var(--chaos-end))}}@keyframes chaosWholePile{0%{z-index:var(--depth);transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(.96)}24%{z-index:calc(42 - var(--depth));transform:translate(var(--x1),var(--y1)) rotate(var(--r1)) scale(1.02)}48%{z-index:var(--depth);transform:translate(var(--xm),var(--ym)) rotate(var(--rm)) scale(.94)}72%{z-index:calc(42 - var(--depth));transform:translate(var(--x2),var(--y2)) rotate(var(--r2)) scale(1)}100%{z-index:var(--depth);transform:translate(var(--x0),var(--y0)) rotate(var(--r0)) scale(.96)}}@keyframes cosmicStream{0%{opacity:.18;transform:translate(-50%,-50%) rotate(var(--stream-r)) scale(.84)}18%{opacity:.9}78%{opacity:.72}100%{opacity:.14;transform:translate(-50%,-50%) rotate(calc(var(--stream-r) + 360deg)) scale(1.08)}}@keyframes chaosStarGlow{from{opacity:.2;transform:scale(.7)}to{opacity:.92;transform:scale(1.28)}}
/* Gather once, split into three piles, then recombine in a random order */
.serene-cut-visual .cut-stack span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.serene-cut-visual .cut-stack span b{font-size:27px;font-weight:400}.serene-cut-visual .cut-stack span small{font-size:10px;letter-spacing:.08em;color:#8a6526;opacity:0;transition:opacity .22s ease}.serene-cut-visual.cut-split .cut-stack span small{opacity:1}.serene-cut-visual.cut-gather .cut-stack{z-index:var(--merge-z);animation:gatherRealDeck .56s cubic-bezier(.2,.8,.2,1) both}.serene-cut-visual.cut-split .cut-stack{z-index:var(--merge-z);animation:splitRealDeck .68s cubic-bezier(.2,.76,.2,1) both}.serene-cut-visual.cut-merge .cut-stack{z-index:var(--merge-z);animation:mergeRandomPile .78s cubic-bezier(.3,.04,.2,1) var(--merge-delay) both}.serene-cut-visual.cut-merge .cut-stack-1,.serene-cut-visual.cut-merge .cut-stack-2,.serene-cut-visual.cut-merge .cut-stack-3{animation-name:mergeRandomPile}
@keyframes gatherRealDeck{0%{opacity:.42;transform:translate3d(var(--gather-start),0,0) rotate(var(--gather-r)) scale(.9)}62%{opacity:1;transform:translate3d(var(--merge-x),0,0) rotate(0) scale(1.07)}100%{opacity:1;transform:translate3d(var(--merge-x),0,0) rotate(0) scale(1)}}@keyframes splitRealDeck{0%{transform:translate3d(var(--merge-x),0,0) scale(1)}58%{transform:translate3d(var(--merge-mid),-12px,0) scale(1.04)}100%{transform:translate3d(0,0,0) scale(1)}}@keyframes mergeRandomPile{0%{transform:translate3d(0,0,0) scale(1)}42%{transform:translate3d(var(--merge-mid),-17px,0) scale(1.06)}100%{transform:translate3d(var(--merge-x),0,0) scale(1)}}
@media(max-width:680px){.ritual-stage.is-auto-chaos .ritual-visual{min-height:400px}.auto-chaos-shuffle{height:390px}.auto-chaos-world{--chaos-scale:.74;--chaos-start:.64;--chaos-end:.7}.auto-chaos-halo{width:430px;height:290px}.auto-chaos-face{left:-38px;top:-57px;width:76px;height:114px;border-radius:10px}.auto-chaos-face b{font-size:25px}.auto-cosmic-streams i{width:450px;height:205px}.auto-cosmic-streams i:nth-child(2){width:400px;height:250px}.auto-cosmic-streams i:nth-child(3){width:490px;height:170px}}
@media(prefers-reduced-motion:reduce){.auto-chaos-world,.auto-chaos-card,.auto-chaos-stars i,.auto-cosmic-streams i,.cut-stack{animation:none!important}}

/* Private-preview copy deterrence: keep form fields and the explicit AI-copy action usable. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
img,.drawn-card,.ritual-card,.interactive-ritual-card,.auto-chaos-card{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
.card-photo{pointer-events:none}
.protection-watermark{position:absolute;left:50%;top:46%;z-index:7;transform:translate(-50%,-50%) rotate(-25deg);padding:3px 8px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:rgba(255,255,255,.72);background:rgba(76,49,78,.14);font:700 clamp(8px,1vw,12px)/1.2 "Noto Serif TC",serif;letter-spacing:.12em;text-shadow:0 1px 5px rgba(52,34,55,.56);white-space:nowrap;pointer-events:none;mix-blend-mode:screen}
footer small{display:inline-block;margin-top:7px;font-size:10px;line-height:1.6;letter-spacing:.04em;opacity:.72}

/* Client-side fallback gate for hosts that serve the static index before Worker routing. */

/* Clear spread selection, AI handoff, and smoother cut transition. */
.spread-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.spread{min-height:112px;padding:14px 12px;text-align:left}.spread b,.spread span,.spread small{display:block}.spread span{color:#8c6727}.spread small{margin-top:7px;color:#81738a;font-size:11px;line-height:1.55}.spread[data-spread="grand"]{grid-column:span 3}
.ai-reading-box{max-width:920px;margin:0 auto 24px;padding:24px;border:1px solid rgba(189,146,85,.42);border-radius:22px;background:linear-gradient(145deg,rgba(255,254,250,.97),rgba(239,226,238,.94));box-shadow:0 18px 48px rgba(96,70,100,.14),inset 0 0 34px rgba(255,255,255,.75);text-align:center}.ai-reading-copy h3{margin:3px 0 7px;color:#604664;font-size:24px}.ai-reading-copy>p:last-child{margin:0;color:#75657e;font-size:14px;line-height:1.8}.ai-reading-box .ai-copy-row{margin:18px auto 14px}.ai-reading-box .copy-btn{width:min(520px,100%);min-height:58px;padding:15px 24px;border-radius:16px;font-size:16px}.ai-site-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ai-site-links a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid rgba(189,146,85,.34);border-radius:13px;background:rgba(255,255,255,.75);color:#6c5572;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.ai-site-links a:hover{border-color:#c69b4c;background:#fffdf8;box-shadow:0 8px 20px rgba(96,70,100,.11);transform:translateY(-2px)}
.ai-reading-box{max-width:920px;margin:0 auto 24px;padding:24px;border:1px solid rgba(189,146,85,.42);border-radius:22px;background:linear-gradient(145deg,rgba(255,254,250,.97),rgba(239,226,238,.94));box-shadow:0 18px 48px rgba(96,70,100,.14),inset 0 0 34px rgba(255,255,255,.75);text-align:center}.ai-reading-copy h3{margin:3px 0 7px;color:#604664;font-size:24px}.ai-reading-copy>p:last-child{margin:0;color:#75657e;font-size:14px;line-height:1.8}.ai-reading-box .ai-copy-row{display:flex;justify-content:center;gap:9px;margin:18px auto 14px}.ai-reading-box .copy-btn{width:min(520px,100%);min-height:58px;padding:15px 24px;border-radius:16px;font-size:16px}.select-prompt{min-height:58px;padding:13px 18px;border:1px solid rgba(189,146,85,.42);border-radius:16px;background:rgba(255,255,255,.82);color:#6c5572;font:700 13px "Noto Serif TC",serif;cursor:pointer}.ai-prompt-output{display:block;width:100%;min-height:230px;margin:0 0 9px;padding:16px;background:rgba(255,255,255,.88);color:#514657;font-size:13px;line-height:1.7;text-align:left;user-select:text;-webkit-user-select:text}.ai-copy-help{margin:0 0 15px;color:#8b7d90;font-size:11px;line-height:1.7}.ai-site-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ai-site-links a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px;border:1px solid rgba(189,146,85,.34);border-radius:13px;background:rgba(255,255,255,.75);color:#6c5572;font-size:13px;font-weight:700;text-decoration:none;transition:.2s}.ai-site-links a:hover{border-color:#c69b4c;background:#fffdf8;box-shadow:0 8px 20px rgba(96,70,100,.11);transform:translateY(-2px)}
.serene-cut-visual{contain:layout paint;transform:translateZ(0)}.serene-cut-visual .cut-stack{will-change:transform,opacity;backface-visibility:hidden;transform:translate3d(0,0,0)}.serene-cut-visual.cut-merge .cut-stack{animation-duration:.44s;animation-timing-function:cubic-bezier(.22,.72,.2,1)}
.ritual-stage.is-leaving{opacity:0;transform:translate3d(0,8px,0) scale(.992);transition:opacity .18s ease,transform .18s ease}
.drawn-card.is-arriving{animation:none;opacity:0;transform:translate3d(0,18px,0) scale(.975);will-change:transform,opacity}.drawn-card.is-arriving.arrive-now{animation:dealCardArrive .44s cubic-bezier(.2,.76,.2,1) var(--deal-delay) both}@keyframes dealCardArrive{from{opacity:0;transform:translate3d(0,18px,0) scale(.975)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.drawn-card.covered .card-back,.drawn-cards.is-dealing-cards .card-back{animation:none}.drawn-card.covered .card-face:before,.drawn-card.covered .card-face:after{animation:none;opacity:0}.drawn-card.is-preparing-face .card-back:before{animation:preparingFace .5s ease-in-out infinite alternate}@keyframes preparingFace{from{opacity:.72;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}
.serene-cut-visual.cut-merge .cut-stack span small{opacity:0}.serene-cut-visual.cut-merge .cut-stack{animation-duration:.48s}.settled-deck{position:relative;width:92px;height:138px;margin:auto;transform:translateZ(0);animation:settledDeckReveal .4s cubic-bezier(.2,.78,.2,1) both}.settled-deck>i{position:absolute;inset:0;border:1px solid #d8b45b;border-radius:13px;background:radial-gradient(circle at 50% 40%,#fff,#f8eac5 38%,#d7ac51 76%,#a97322);box-shadow:0 10px 24px rgba(68,44,16,.16),inset 0 0 0 5px rgba(255,255,255,.58),inset 0 0 0 7px rgba(170,118,27,.3);transform:translate3d(calc(var(--deck-layer)*1.05px),calc(var(--deck-layer)*-.8px),0)}.settled-deck>i:last-of-type:after{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.76);border-radius:8px;background-image:radial-gradient(circle,rgba(255,255,255,.96) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(143,94,18,.5) 0 1px,transparent 1.7px);background-size:24px 24px,39px 39px;opacity:.56}.settled-deck>span{position:absolute;inset:0;z-index:12;display:grid;place-items:center;color:#a97724;font-size:30px;text-shadow:0 0 12px #fff,0 0 24px #ffe59a}.settled-deck-glow{position:absolute;left:50%;top:53%;width:210px;height:185px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,247,209,.72),rgba(233,208,145,.22) 45%,transparent 70%);pointer-events:none}.ritual-stage.is-deck-complete .ritual-visual{min-height:250px;display:grid;place-items:center}@keyframes settledDeckReveal{from{opacity:.2;transform:translate3d(0,-14px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
.ritual-stage.is-deal-preview .ritual-visual{min-height:330px;overflow:hidden}.deal-preview{position:relative;width:min(620px,100%);height:315px;margin:auto;contain:layout paint;transform:translateZ(0)}.deal-preview-glow{position:absolute;left:50%;top:50%;width:480px;height:250px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,249,219,.78),rgba(231,211,235,.3) 52%,transparent 72%)}.deal-source{position:absolute;left:50%;top:52%;transform:translate3d(-50%,-50%,0);z-index:20}.deal-source .settled-deck{animation:none}.deal-flight{position:absolute;left:50%;top:52%;z-index:30;width:86px;height:129px;margin:-64.5px 0 0 -43px;display:grid;place-items:center;border:1px solid #d8b45b;border-radius:12px;background:radial-gradient(circle at 50% 40%,#fff,#f8eac5 38%,#d7ac51 76%,#a97322);box-shadow:0 13px 27px rgba(68,44,16,.16),0 0 16px rgba(255,241,184,.5),inset 0 0 0 5px rgba(255,255,255,.58),inset 0 0 0 7px rgba(170,118,27,.3);color:#a97724;font-size:27px;text-shadow:0 0 12px #fff;will-change:transform,opacity;animation:wholeCardDeal .78s cubic-bezier(.2,.74,.2,1) var(--flight-delay) both}.deal-flight:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.75);border-radius:8px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px);background-size:25px 25px;opacity:.55}@keyframes wholeCardDeal{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.96)}16%{opacity:1}62%{transform:translate3d(calc(var(--deal-x)*.72),calc(var(--deal-y)*.72 - 18px),0) rotate(calc(var(--deal-r)*.72)) scale(1.025)}100%{opacity:1;transform:translate3d(var(--deal-x),var(--deal-y),0) rotate(var(--deal-r)) scale(1)}}
@keyframes wholeCardDeal{0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(.96)}16%{opacity:1}62%{transform:translate3d(var(--deal-xm),var(--deal-ym),0) rotate(var(--deal-rm)) scale(1.025)}100%{opacity:1;transform:translate3d(var(--deal-x),var(--deal-y),0) rotate(var(--deal-r)) scale(1)}}
@media(max-width:680px){.ritual-stage.is-deal-preview .ritual-visual{min-height:265px!important}.deal-preview{height:260px;transform:scale(.76)}.ritual-stage.is-deck-complete .ritual-visual{min-height:205px!important}.settled-deck-glow{width:180px;height:160px}}
.selection-fan-scroll{padding-left:48px;padding-right:48px;scroll-padding-left:48px;scroll-padding-right:48px}

@media(max-width:680px){
  .spread-row{grid-template-columns:1fr 1fr;gap:8px}.spread{min-height:118px;padding:12px 10px}.spread small{font-size:10px;line-height:1.45}.spread[data-spread="grand"]{grid-column:1/-1}
  .result-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px}.result-actions .text-btn{font-size:11px;padding:7px 10px}
  .ai-reading-box{padding:20px 14px;border-radius:18px}.ai-reading-copy h3{font-size:21px}.ai-reading-copy>p:last-child{font-size:13px;text-align:left}.ai-reading-box .ai-copy-row{display:grid;grid-template-columns:1fr}.ai-reading-box .copy-btn,.select-prompt{width:100%;min-height:54px;font-size:14px}.ai-prompt-output{min-height:260px;font-size:12px}.ai-site-links{grid-template-columns:1fr}.ai-site-links a,.ai-site-links a:nth-child(3){display:flex;min-height:44px}
  .ritual-stage.is-shuffling,.ritual-stage.is-cutting,.ritual-stage.is-mode-pick,.ritual-stage.is-choosing,.ritual-stage.is-dealing,.ritual-stage.is-interactive-shuffle{inset:max(6px,env(safe-area-inset-top)) 6px max(6px,env(safe-area-inset-bottom));display:flex;flex-direction:column;max-height:calc(100dvh - 12px);min-height:0;padding:14px 8px 12px;overflow:hidden}
  .ritual-copy{flex:0 0 auto;padding:0 34px}.ritual-copy .eyebrow{margin-bottom:5px}.ritual-copy h3{font-size:21px}.ritual-copy>p:last-child{margin-top:4px;font-size:11px;line-height:1.45}
  .ritual-visual{flex:1 1 auto;min-height:0!important;overflow:hidden}.ritual-stage.is-mode-pick .ritual-visual{display:grid;place-items:center}.ritual-mode-options{grid-template-columns:1fr 1fr;width:100%;gap:8px;margin:8px auto}.ritual-mode-button{min-height:118px;padding:11px 7px;border-radius:16px}.ritual-mode-button>span{width:40px;height:40px;font-size:18px}.ritual-mode-button b{font-size:15px}.ritual-mode-button small{font-size:10px;line-height:1.35}
  .ritual-stage.is-interactive-shuffle .interactive-shuffle-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.interactive-shuffle-area{height:clamp(245px,42dvh,345px)!important;min-height:245px!important}.shuffle-progress{margin-top:6px}.finish-interactive-shuffle{position:sticky;bottom:0;min-height:45px;margin-top:6px}
  .ritual-stage.is-auto-chaos .ritual-visual{min-height:285px!important}.auto-chaos-shuffle{height:285px!important}.ritual-stage.is-serene-cut .ritual-visual{min-height:220px!important}.serene-cut-visual{height:220px}.ritual-skip{flex:0 0 auto;margin-top:5px}
  .ritual-stage.is-choosing .ritual-visual{min-height:270px!important;overflow:hidden}.selection-fan-scroll{padding:18px 56px 10px;scroll-padding-left:56px;scroll-padding-right:56px}.ritual-stage.is-choosing .selection-fan{min-height:225px}
  body.ritual-lock:before,body.ritual-lock:after,body.ritual-lock .site-sparkles i,body.ritual-lock .site-mist{animation-play-state:paused!important}.ritual-stage.is-shuffling,.ritual-stage.is-cutting,.ritual-stage.is-mode-pick,.ritual-stage.is-choosing,.ritual-stage.is-dealing,.ritual-stage.is-interactive-shuffle{backdrop-filter:none;box-shadow:0 0 0 100vmax rgba(52,38,58,.42),0 18px 48px rgba(50,35,56,.24)}.cut-soft-glow{filter:none}.drawn-card.is-arriving.arrive-now{animation-duration:.36s}
}

/* v35: hidden 一律不顯示，避免後面的 display:flex 規則把隱藏的洗牌視窗變成透明遮罩 */
[hidden]{display:none!important}

/* Two options keep their own column even on narrow screens. */
.choice-controls{margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fffaf3}.choice-controls[hidden],.choice-result-headings[hidden]{display:none}.choice-controls h3{margin:0 0 10px}.choice-controls p{font-size:14px;line-height:1.7}.choice-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-inputs label{min-width:0;font-size:14px}.choice-inputs input{display:block;width:100%;margin:8px 0;padding:12px;font:inherit;color:var(--ink);background:white;border:1px solid var(--line);border-radius:10px}.choice-confirm{display:flex;gap:10px;align-items:center;font-size:14px;margin:14px 0}.choice-confirm input{width:18px;height:18px;flex:none;accent-color:var(--gold)}
.choice-result-headings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:430px;margin:20px auto 0;text-align:center}.choice-result-headings b,.choice-result-headings small{display:block;overflow-wrap:anywhere}.choice-result-headings b{margin-top:6px;font-size:17px}.choice-result-headings small{color:#8d718f}.drawn-cards.layout-choice{display:grid;grid-template-columns:repeat(2,minmax(0,190px));grid-template-rows:repeat(3,auto);max-width:430px;gap:26px 24px}.drawn-cards.layout-choice .drawn-card{width:100%;min-width:0}.layout-choice .drawn-card:nth-child(1){grid-area:1/1}.layout-choice .drawn-card:nth-child(2){grid-area:2/1}.layout-choice .drawn-card:nth-child(3){grid-area:3/1}.layout-choice .drawn-card:nth-child(4){grid-area:1/2}.layout-choice .drawn-card:nth-child(5){grid-area:2/2}.layout-choice .drawn-card:nth-child(6){grid-area:3/2}.layout-choice .position-label{font-size:12px}.layout-choice .drawn-card>p{overflow-wrap:anywhere}
@media(min-width:1100px){.spread-row{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:480px){.choice-controls{padding:14px}.choice-inputs{gap:10px}.layout-choice .orientation-badge{font-size:10px}.choice-result-headings{gap:16px}.drawn-cards.layout-choice{gap:22px 16px}}

.intro-lead{text-wrap:pretty}.intro-lead .intro-phrase{white-space:nowrap}