*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{color:#542725;background:#eee0c9;font-family:Georgia,Songti SC,STSong,serif}#app{position:relative;min-height:100svh;display:flex;align-items:center;flex-direction:column;overflow:hidden;background:#e8d7bf}#app:after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid rgba(120,75,42,.25);margin:12px}header{position:relative;z-index:2;text-align:center;padding:clamp(42px,7vh,68px) 20px 0}.eyebrow,.footnote{font-family:Georgia,serif;letter-spacing:.27em;font-size:10px;color:#987758}.headrule{display:flex;align-items:center;justify-content:center;gap:12px;margin:15px auto 10px;color:#ac8855;font-size:11px}.headrule i{width:35px;height:1px;background:#bba078}h1{margin:0;font-weight:400;letter-spacing:.25em;font-size:clamp(26px,5vw,33px);padding-left:.25em}header p{font-size:13px;letter-spacing:.16em;color:#8f7669;margin:13px 0 0}main{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,500px);min-height:390px}.halo{position:absolute;width:72%;aspect-ratio:1;border-radius:100%;background:radial-gradient(circle,rgba(255,247,226,.65),transparent 69%);filter:blur(15px)}canvas{position:relative;width:100%;height:min(55vh,540px);touch-action:none;cursor:grab;filter:drop-shadow(0 25px 18px rgba(69,31,21,.28))}canvas:active{cursor:grabbing}.hint{position:relative;margin-top:-4px;font-size:12px;letter-spacing:.12em;color:#8a6a56}.hint span{color:#bd9861;margin:0 8px}footer{text-align:center;position:relative;z-index:2;width:100%;padding:18px 20px max(27px,env(safe-area-inset-bottom))}button{position:relative;width:min(270px,80%);height:55px;border:2px solid #c39c65;outline:1px solid #8c683e;outline-offset:3px;border-radius:40px;color:#f6e5c8;background:linear-gradient(170deg,#743639,#441b20 70%);font-family:inherit;font-size:14px;letter-spacing:.2em;box-shadow:0 9px 22px #5a2c2733,inset 0 1px 3px #d7a66e80;cursor:pointer}button b{position:absolute;right:21px;font-weight:400;color:#d6b37b}.footnote{font-size:8px;margin-top:25px}#error:not(:empty){position:absolute;bottom:0;background:#fff;color:#822;padding:8px}@media(max-height:700px){header{padding-top:25px}canvas{height:48vh}main{min-height:300px}footer{padding-top:8px}.footnote{margin-top:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.scene-back,.scene-front{position:absolute;inset:-5%;pointer-events:none;background-position:center;background-size:cover;will-change:transform}.scene-back{z-index:0;background-image:url(/assets/silk-clean.png);transform:translate(calc(var(--px,0)*-5px),calc(var(--py,0)*-5px)) scale(1.04)}.scene-front{z-index:1;background-image:url(/assets/ornament.png);transform:translate(calc(var(--px,0)*12px),calc(var(--py,0)*12px)) scale(1.05)}main{z-index:2}#app:after{z-index:3}.motion-button{display:block;margin:18px auto 0;width:auto;height:auto;padding:7px 12px;border:0;outline:0;border-radius:0;box-shadow:none;background:transparent;color:#806352;font-size:11px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px}.footnote{margin-top:15px}@media(prefers-reduced-motion:reduce){.scene-back,.scene-front{transform:none}.motion-button{display:none}}header{transform:translate(calc(var(--px,0)*7px),calc(var(--py,0)*7px));will-change:transform}footer{transform:translate(calc(var(--px,0)*10px),calc(var(--py,0)*10px));will-change:transform}.hint{transform:translate(calc(var(--px,0)*7px),calc(var(--py,0)*7px));will-change:transform}@media(prefers-reduced-motion:reduce){header,footer,.hint{transform:none}}.hidden{display:none!important}main{min-height:370px;justify-content:center}.intro,.choose,.card-view{position:relative;width:100%;text-align:center}.intro{height:min(55vh,530px);display:flex;flex-direction:column;align-items:center;justify-content:center}.box-stage{position:relative;width:min(62vw,300px);aspect-ratio:2/3;perspective:1200px;filter:drop-shadow(0 25px 25px #4e281f70)}.box-base{position:absolute;inset:4%;border-radius:20%;border:9px ridge #bf935a;background:radial-gradient(ellipse at center,#5d1727,#260e18);box-shadow:inset 0 0 36px #10080b}.box-lid{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 0%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity 1.1s ease}.opening .box-lid{transform:rotateX(105deg) translateY(-24%);opacity:0}.opening .box-base{animation:box-glow 1.4s forwards}@keyframes box-glow{50%{box-shadow:inset 0 0 70px #eab97b,0 0 90px #fff7df}to{opacity:0;transform:scale(.7)}}.intro-hint,.choose-hint{font-size:12px;letter-spacing:.15em;color:#755948}.intro-hint{margin-top:22px}.panel{width:min(88%,420px);padding:25px 24px 26px;background:#fff9ebb8;border:1px solid #bd996b;outline:1px solid #e2caa4;outline-offset:4px;border-radius:8px;box-shadow:0 16px 55px #6a39252b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left}.panel h2,.meaning h2{font-size:21px;font-weight:400;letter-spacing:.1em;margin:10px 0;color:#592b2a}.panel p,.meaning p{font-size:13px;line-height:1.8;color:#775b4b;margin:7px 0}.overline{font-size:10px!important;letter-spacing:.22em!important;color:#a68150!important;font-family:Georgia,serif}.question-label,.mode-label{display:block;font-size:13px;margin:22px 0 8px;letter-spacing:.1em}.question-label span{float:right;color:#a58d76;font-size:11px}textarea{width:100%;min-height:75px;resize:vertical;border:1px solid #d2b99a;background:#fffaf0b8;padding:12px;color:#542725;font:14px/1.6 Georgia,Songti SC,serif;outline-color:#9d7548}.modes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modes .mode{width:auto;height:auto;outline:0;box-shadow:none;border:1px solid #cdb698;border-radius:4px;background:#fffaf080;color:#694337;letter-spacing:0;padding:12px;text-align:left}.mode b,.mode small{display:block;position:static}.mode b{font-weight:400;font-size:14px}.mode small{font-size:11px;color:#a58b76;margin-top:4px}.modes .mode.selected{border:1px solid #a5703d;background:#eddfc5}.choose{padding:20px 0}.fan{display:flex;align-items:center;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:30px max(calc((100% - 110px)/2),24px);scrollbar-width:none}.fan::-webkit-scrollbar{display:none}.fan-card{flex:0 0 105px;width:105px;height:160px;outline:0;border:1px solid #d9ad6c;border-radius:12px;box-shadow:0 12px 20px #4d271f4d;background:#5c1824 url(/assets/card-back.png) center/cover;scroll-snap-align:center;padding:0;transform:rotate(calc((var(--i) - 4)*1deg));transition:transform .25s}.fan-card:hover,.fan-card:focus-visible{transform:translateY(-12px);outline:3px solid #a67645;outline-offset:3px}.shuffling{height:190px;width:100%;position:relative}.shuffling i{position:absolute;left:calc(50% - 50px);top:20px;width:100px;height:155px;border:2px solid #d9ad6c;border-radius:10px;background:#5c1824 url(/assets/card-back.png) center/cover;animation:shuffle 1.2s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.1s)}.shuffling i:nth-child(1){--i:1}.shuffling i:nth-child(2){--i:2}.shuffling i:nth-child(3){--i:3}.shuffling i:nth-child(4){--i:4}@keyframes shuffle{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(calc((var(--i) - 2.5)*45px)) rotate(calc((var(--i) - 2.5)*12deg))}}.card-view canvas{height:min(43vh,420px)}.meaning{width:min(85%,400px);margin:8px auto 0;padding:10px 15px;background:#fff8ebc9;border:1px solid #d3b98e;border-radius:5px}.meaning h2{margin:4px 0}.result-panel{max-height:50vh;overflow-y:auto}.reading-row{padding:12px 0;border-bottom:1px solid #cdb797}.reading-row strong,.reading-row span{display:block}.reading-row strong{font-size:14px;letter-spacing:.06em;font-weight:400}.reading-row span{font-size:12px;line-height:1.7;color:#8a6b56;margin-top:5px}.reading-note{font-size:11px!important;margin-top:18px!important}.text-button{display:block;margin:12px auto 0;width:auto;height:auto;border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;color:#755340;font-size:12px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:4px;padding:4px}.motion-button{margin-top:8px}@media(max-height:740px){header{padding-top:20px}main{min-height:300px}.intro{height:46vh}.box-stage{width:min(50vw,235px)}.card-view canvas{height:36vh}footer{padding-top:9px;padding-bottom:14px}.panel{padding:16px 20px}.question-label,.mode-label{margin-top:14px}.footnote{margin-top:8px}}@media(prefers-reduced-motion:reduce){.shuffling i{animation:none}.box-lid{transition:none}}.history-entry{margin:18px 0 22px;padding-top:14px;border-top:1px solid #bfa47d}.history-entry small{color:#9d7a58;font-size:11px;letter-spacing:.05em}.box-stage{isolation:isolate}.box-base{inset:0;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:none;box-shadow:none;transform-origin:center}.box-light{position:absolute;inset:10%;border-radius:50%;opacity:0;pointer-events:none;background:radial-gradient(ellipse,rgba(255,246,211,.85),rgba(235,183,112,.28) 38%,transparent 72%);filter:blur(14px);mix-blend-mode:screen;transform:scale(.65)}.box-lid{transition:transform 1.6s cubic-bezier(.2,.68,.2,1),opacity 1.45s ease;transform-origin:50% 4%}.intro.opening{position:absolute;inset:auto 0;z-index:4;pointer-events:none;animation:intro-exit 2.35s ease forwards}.opening .box-lid{transform:rotateX(102deg) translateY(-15%) scale(.98);opacity:0}.opening .box-base{animation:base-open 2.35s cubic-bezier(.2,.6,.2,1) forwards}.opening .box-light{animation:light-open 2.1s ease forwards}.opening .intro-hint{animation:hint-away .55s ease forwards}@keyframes base-open{0%{transform:scale(.985);opacity:1}35%{transform:scale(1.02);opacity:1}65%{transform:scale(1.035);opacity:1}to{transform:scale(1.12);opacity:0}}@keyframes light-open{0%,18%{opacity:0;transform:scale(.65)}48%{opacity:.72;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}@keyframes hint-away{to{opacity:0;transform:translateY(5px)}}@keyframes intro-exit{0%,65%{opacity:1}to{opacity:0}}.panel.arriving{animation:panel-arrive .9s cubic-bezier(.22,.7,.2,1) both}.arriving-control{animation:control-arrive .8s .15s ease both}@keyframes panel-arrive{0%{opacity:0;transform:translateY(18px) scale(.975);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes control-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.intro.opening,.opening .box-base,.opening .box-light,.opening .intro-hint,.panel.arriving,.arriving-control{animation:none}.intro.opening{opacity:0}.box-lid{transition:none}}#setup{position:relative;overflow:hidden;width:min(88%,420px);padding:34px 32px 30px;border:1px solid rgba(230,191,139,.45);outline:1px solid rgba(91,33,37,.65);outline-offset:3px;border-radius:12px;background:linear-gradient(180deg,#2d08103d,#24050c59),url(/assets/red-velvet.png) center/cover;box-shadow:0 22px 55px #40131c80,inset 0 1px #e7bc7e55;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff1dd}#setup .overline{color:#e0bd8d!important;font-size:9px!important;letter-spacing:.22em!important;margin:0 0 13px}#setup h2{font-size:clamp(22px,4.8vw,26px);font-weight:400;color:#fff2de;letter-spacing:.12em;line-height:1.4;margin:0}#setup .setup-intro{color:#e3c4ae;font-size:12px;letter-spacing:.06em;margin:9px 0 0;line-height:1.7}#setup .setup-divider{height:1px;background:linear-gradient(90deg,#d4ab758f,#d4ab7500);margin:20px 0 22px}#setup .question-label,#setup .mode-label{color:#f4dfc6;font-size:13px;letter-spacing:.1em;margin:0 0 10px}#setup .question-label span{color:#d1ad91;font-size:11px;letter-spacing:.02em}#setup textarea{display:block;width:100%;min-height:76px;resize:vertical;border:0;border-bottom:1px solid rgba(222,187,148,.5);border-radius:0;background:#1f030a29;padding:12px 10px;color:#fff8eb;font:14px/1.7 Georgia,Songti SC,serif;outline:none;transition:border-color .25s,background .25s}#setup textarea::placeholder{color:#cda99b;opacity:1}#setup textarea:focus{border-bottom-color:#f3d7a6;background:#1f030a42}#setup .mode-label{margin-top:24px;margin-bottom:12px}#setup .modes{gap:10px}#setup .modes .mode{min-height:76px;border:1px solid rgba(226,192,155,.28);border-radius:7px;background:#1c040b3d;color:#efddc8;padding:13px 14px;transition:background .25s,border-color .25s,box-shadow .25s}#setup .modes .mode b{color:#f7e7d1;font-size:15px;font-weight:400;letter-spacing:.1em}#setup .modes .mode small{color:#d4b5a1;font-size:11px;margin-top:7px}#setup .modes .mode.selected{background:#be855640;border-color:#dfbd88;box-shadow:inset 0 1px 10px #f1cda01f,0 0 0 1px #dfbd8838}#setup .modes .mode:focus-visible{outline:2px solid #f5d8aa;outline-offset:3px}@media(max-height:740px){#setup{padding:22px 25px}#setup .setup-divider{margin:13px 0 15px}#setup textarea{min-height:60px}#setup .mode-label{margin-top:16px}#setup .modes .mode{min-height:64px;padding:10px 12px}}#setup{width:min(100%,470px);padding:60px 52px 64px;border:0;outline:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;isolation:isolate}#setup:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/velvet-drape.png) center/100% 100% no-repeat;filter:drop-shadow(0 18px 20px rgba(49,16,17,.42));pointer-events:none}@media(max-height:740px){#setup{padding:42px 48px 45px}#setup .setup-divider{margin:11px 0 13px}#setup textarea{min-height:52px}#setup .mode-label{margin-top:14px}}@media(max-width:380px){#setup{padding-left:43px;padding-right:43px}#setup h2{font-size:21px}#setup .modes .mode{padding-left:10px;padding-right:10px}}#setup{display:flex;align-items:center;justify-content:center;text-align:center;min-height:475px;padding:60px 59px 64px}#setup .setup-content{width:100%;max-width:310px;margin:auto}#setup .overline{margin-bottom:8px}#setup .setup-intro{margin:6px 0 0}#setup .audience-choices{display:flex;justify-content:center;gap:8px;margin:14px 0 18px}#setup .audience-choices .audience{width:auto;height:auto;min-height:38px;padding:8px 19px;border:1px solid rgba(231,203,164,.42);border-radius:20px;outline:0;background:#23040c33;box-shadow:none;color:#f3dfce;font-size:12px;letter-spacing:.08em}#setup .audience-choices .audience.selected{border-color:#e7c596;background:#d0a06e3d;box-shadow:inset 0 1px 6px #f9deb32b;color:#fff7e7}#setup .audience-choices .audience:focus-visible{outline:2px solid #fff0cd;outline-offset:3px}#setup .question-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}#setup .question-label span{float:none}#setup .question-field{position:relative}#setup textarea{min-height:64px;resize:vertical;text-align:center;border:1px solid #d4ad7a;border-radius:7px;background:#1202077a;padding:18px 30px 14px 14px;color:#fff9ee;box-shadow:inset 0 2px 8px #12000955;outline:none}#setup textarea::placeholder{color:#f0d6c3;opacity:1}#setup textarea:focus{border-color:#ffe2aa;background:#1202079e;box-shadow:0 0 0 2px #f0c88c66,inset 0 2px 8px #12000955}#setup .pen-hint{position:absolute;right:13px;top:14px;color:#ebc995;font-size:16px;pointer-events:none}#setup .other-note{margin:18px 0;color:#ead3bb;line-height:1.8;font-size:13px}#setup .mode-label{margin-top:17px;margin-bottom:9px}#setup .modes .mode{text-align:center;min-height:66px;padding:10px 8px}@media(max-height:740px){#setup{min-height:405px;padding:43px 54px 46px}#setup .audience-choices{margin:9px 0 11px}#setup .mode-label{margin-top:11px}#setup textarea{min-height:53px;padding-top:12px}#setup .modes .mode{min-height:58px}#setup .other-note{margin:11px 0}}@media(max-width:380px){#setup{padding-left:48px;padding-right:48px}#setup .audience-choices .audience{padding-inline:15px}}.choose{padding:12px 0}.fan{gap:0;align-items:center;scroll-snap-type:none;overflow-x:auto;overflow-y:hidden;padding:68px max(calc((100% - 152px)/2),26px) 36px;touch-action:pan-x;overscroll-behavior-x:contain}.fan-card{flex:0 0 152px;width:152px;height:231px;margin-left:-50px;border:2px solid #d9ad6c;border-radius:15px;box-shadow:-5px 8px 18px #31121880,0 2px 5px #200d0b77;transform:none;position:relative;z-index:1;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;animation:card-spread .45s var(--enter-delay) ease both}.fan-card:hover{transform:none}.fan-card.picked,.fan-card.picked:hover{z-index:10;transform:translateY(-29px);box-shadow:0 0 0 2px #f3d39a,0 18px 25px #32171d99}.fan-card:focus-visible{outline:3px solid #f3d39a;outline-offset:3px}@keyframes card-spread{0%{opacity:0;transform:translate(-20px) scale(.96)}to{opacity:1;transform:none}}.fan.is-shuffling{overflow:hidden;display:block;padding:0;height:320px;touch-action:auto}.shuffle-scene{position:relative;height:100%;width:100%;perspective:700px;overflow:hidden}.shuffle-piece{position:absolute;width:58px;height:88px;top:calc(50% - 44px);left:calc(50% - 29px);border:1px solid #d2a662;border-radius:7px;background:#651f2a url(/assets/card-back.png) center/cover;box-shadow:0 3px 8px #3f181c80;z-index:var(--layer);animation:ritual-shuffle 4.6s cubic-bezier(.46,.05,.37,1) both;will-change:transform,opacity}@keyframes ritual-shuffle{0%{opacity:0;transform:translate(0) rotate(0) scale(.7)}8%{opacity:1}25%{transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.9)}48%{transform:translate(var(--mx),var(--my)) rotate(var(--mr)) scale(.94)}65%{transform:translate(calc(var(--sx)*-.7),calc(var(--sy)*-.7)) rotate(calc(var(--mr)*-1)) scale(.9)}82%,92%{opacity:1;transform:translate(calc(var(--layer)*.025px),calc(var(--layer)*-.025px)) rotate(0) scale(1)}to{opacity:0;transform:translate(0) rotate(0) scale(1.03)}}@media(max-height:740px){.fan{padding-top:52px;padding-bottom:25px}.fan-card{flex-basis:135px;width:135px;height:205px;margin-left:-45px}.fan.is-shuffling{height:270px}}@media(prefers-reduced-motion:reduce){.fan-card,.shuffle-piece{animation:none}.shuffle-piece{opacity:1;transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) scale(.9)}}.fan-card{transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg));animation:card-spread .45s var(--enter-delay) ease backwards}.fan-card:hover{transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}.fan-card.picked,.fan-card.picked:hover{transform:translateY(calc(var(--curve-y,0px) - 32px)) rotate(var(--curve-rot,0deg));box-shadow:0 0 0 2px #f3d39a,-5px 8px 18px #31121880}@keyframes card-spread{0%{opacity:0}to{opacity:1}}.fan-card{animation:deal-ribbon .8s var(--enter-delay) cubic-bezier(.22,.7,.2,1) backwards}@keyframes deal-ribbon{0%{opacity:0;transform:translate(calc(var(--i) * -102px)) translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}to{opacity:1;transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}}@media(max-height:740px){@keyframes deal-ribbon{0%{opacity:0;transform:translate(calc(var(--i) * -90px)) translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}to{opacity:1;transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}}}@media(prefers-reduced-motion:reduce){.fan-card{animation:none}}.fan{padding-left:max(calc((100% - 176px)/2),26px);padding-right:max(calc((100% - 176px)/2),26px)}.fan-card{flex-basis:176px;width:176px;height:267px;margin-left:-58px;background-image:url(/assets/card-back-list.png)}.fan-card:first-child{margin-left:0}.shuffle-piece{background-image:url(/assets/card-back-shuffle.png)}@keyframes deal-ribbon{0%{opacity:0;transform:translate(calc(var(--i) * -118px)) translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}to{opacity:1;transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}}@media(max-height:740px){.fan{padding-left:max(calc((100% - 160px)/2),26px);padding-right:max(calc((100% - 160px)/2),26px)}.fan-card{flex-basis:160px;width:160px;height:242px;margin-left:-53px}.fan-card:first-child{margin-left:0}@keyframes deal-ribbon{0%{opacity:0;transform:translate(calc(var(--i) * -107px)) translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}to{opacity:1;transform:translateY(var(--curve-y,0px)) rotate(var(--curve-rot,0deg))}}}#setup .spread-trigger{width:100%;min-height:48px;height:auto;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 14px;border:1px solid #d4ad7a;border-radius:7px;outline:0;background:#1202077a;color:#fff4e4;box-shadow:inset 0 2px 8px #12000955;font-size:13px;letter-spacing:.04em}#setup .options-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 16px;margin-top:12px;color:#f3dfc7;font-size:11px;line-height:1.5}#setup .options-row label{display:flex;align-items:center;gap:5px}#setup input[type=checkbox]{accent-color:#d3aa71;width:15px;height:15px}.catalog,.board-view{position:relative;z-index:2}.catalog{width:min(92%,500px);max-height:53vh;overflow:auto;padding:22px;background:#3e121ae8;border:1px solid #c49c68;outline:0;color:#f8ebd6;border-radius:10px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.catalog h2{color:#fff2df}.catalog p{color:#dfc3a8}.catalog-header{text-align:center}.catalog-filter{display:flex;gap:7px;overflow-x:auto;padding:12px 0;scrollbar-width:none}.catalog-chip,.inline-action{position:static;width:auto;height:auto;min-height:36px;padding:7px 12px;border:1px solid #bd9364;border-radius:20px;outline:0;background:transparent;box-shadow:none;color:#f2dec6;font-size:11px;letter-spacing:.04em;white-space:nowrap}.catalog-chip.selected{background:#d0a875;color:#3c1a1a}.spread-list{display:grid;gap:7px}.spread-option{position:relative;display:block;text-align:left;width:100%;height:auto;min-height:65px;padding:11px 14px;border:1px solid #b9976a66;border-radius:6px;outline:0;box-shadow:none;background:#20081045;color:#fff0db;letter-spacing:0}.spread-option.selected{border-color:#e5c494;background:#cb9d6b32}.spread-name,.spread-details{display:block}.spread-name{font-size:14px;letter-spacing:.06em}.spread-details{font-size:11px;color:#d5b5a1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.catalog>.inline-action{margin-top:12px}.custom-form{text-align:left;border-top:1px solid #c49c684d;margin-top:12px;padding-top:12px}.custom-form label{display:block;font-size:12px;color:#f7ddc6;margin:10px 0 6px}.custom-form input,.custom-form textarea{display:block;width:100%;background:#21070e99;color:#fff5e7;border:1px solid #ba9065;border-radius:5px;padding:10px;font:14px Georgia,Songti SC,serif}.custom-form .inline-action{margin-top:10px}.custom-form p{color:#f7c9b8}.board-view{width:min(100%,760px);max-height:59vh;overflow-y:auto;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:#b58d63 transparent}.board-top{text-align:center}.board-top p{margin:5px 0}.board-caption{color:#73503d;font-size:12px}.board-scroll{max-width:100%;overflow:auto;overscroll-behavior:contain;margin:8px 0 12px;padding:0 12px 14px;scrollbar-width:thin;scrollbar-color:#af8760 transparent}.board-grid{position:relative;margin:auto;background:linear-gradient(#561322dd,#330913e8),url(/assets/red-velvet.png) center/cover;border:1px solid #b89464;border-radius:12px;box-shadow:inset 0 0 35px #26060e88,0 8px 25px #4e271b44}.board-slot{position:absolute;transform:translate(-50%,-50%);text-align:center}.board-card{display:block;position:relative;width:70px;height:106px;padding:3px;overflow:hidden;border:2px solid #c59c65;border-radius:10px;outline:0;background:#54222a;box-shadow:0 4px 9px #1303089c;transform:rotate(var(--turn,0deg));letter-spacing:0}.board-card img{display:block;width:100%;height:100%;object-fit:fill;border-radius:5px}.board-card img.reverse{transform:rotate(180deg)}.slot-number{font-size:16px;color:#ecd3a8}.slot-caption{display:block;margin-top:4px;color:#f5d9ba;font-size:10px;white-space:nowrap;text-shadow:0 1px 3px #2b0610}.extra-badge{position:absolute;right:0;bottom:0;padding:2px 5px;background:#efcf99;color:#4e1a21;font-size:10px}.board-tools{display:flex;justify-content:center;gap:10px;margin:0 8px 12px}.board-view .inline-action{color:#673b30;border-color:#9d7458;background:#fbf2e3ad}.board-view .inline-action:disabled{opacity:.42}.board-list{display:grid;gap:8px;padding:0 12px}.board-entry{padding:13px 15px;background:#fff7e9e8;border:1px solid #d4b994;border-radius:7px;color:#59332c}.board-entry-title{font-size:13px;letter-spacing:.07em}.card-name{font-size:15px;margin:8px 0 4px}.position-meaning{font-size:11px;line-height:1.6;color:#876c59;margin:6px 0}.board-actions{display:flex;gap:6px;flex-wrap:wrap}.extra-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7c3a6;margin-top:10px;padding-top:8px;font-size:12px}.notes-wrap{padding:18px 12px 0;color:#603e30;font-size:12px}.notes-wrap label{display:block;margin-bottom:8px}.notes-wrap textarea{width:100%;border:1px solid #bda07a;border-radius:6px;background:#fffaf1e8;color:#4f3027;padding:10px;font-size:14px}.board-view .inline-action:focus-visible,.catalog button:focus-visible{outline:2px solid #e2bb82;outline-offset:2px}@media(max-height:740px){.catalog,.board-view{max-height:52vh}.board-card{width:62px;height:94px}}.selection-tray{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:0 20px;margin:0 auto 12px;max-width:480px}.tray-slot{font-size:10px;color:#81634c;border:1px solid #bb9876;border-radius:14px;padding:4px 8px;background:#fff8ebbb}.tray-slot.done{background:#6b2c32;color:#fff1dc;border-color:#a7775c}.tray-slot.active{border-color:#8a4c3e;font-weight:700}.board-view{max-height:61vh;scrollbar-width:thin;padding:0 0 18px}.board-top{padding:0 12px}.ring-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,520px);margin:auto}.ring-stage{position:relative;width:100%;height:320px;perspective:850px;touch-action:pan-y;overflow:visible}.ring-card{position:absolute;left:50%;top:50%;width:148px;height:225px;padding:4px;border:2px solid #c9a36e;border-radius:13px;outline:0;background:#e9d8ba;box-shadow:0 12px 22px #39192277;transform:translate(-50%,-50%) translate(var(--ring-x)) translateY(var(--ring-y)) scale(var(--ring-scale)) rotateY(var(--ring-rotate));transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .35s;letter-spacing:0;overflow:hidden}.ring-card img{display:block;width:100%;height:100%;object-fit:fill;border-radius:7px}.ring-card img.reverse{transform:rotate(180deg)}.ring-card:focus-visible{outline:3px solid #ffe0a5;outline-offset:3px}.ring-stage.focused .ring-card:not(.center){opacity:.3}.ring-stage.focused .ring-card.center{transform:translate(-50%,-50%) translate(var(--ring-x)) translateY(calc(var(--ring-y) - 28px)) scale(var(--ring-scale)) rotateY(var(--ring-rotate))}.ring-arrow{z-index:20;position:absolute;width:38px;height:38px;top:46%;padding:0;border:1px solid #af8965;border-radius:50%;outline:0;background:#fcf1e2bd;color:#714432;box-shadow:0 3px 12px #5b2b2224;font-size:25px;line-height:1;letter-spacing:0}.ring-arrow:first-child{left:8px}.ring-arrow:last-child{right:8px}.ring-caption{text-align:center;min-height:42px;color:#6a3b31}.ring-caption strong,.ring-caption span{display:block}.ring-caption strong{font-size:16px;font-weight:400;letter-spacing:.15em}.ring-caption span{font-size:11px;margin-top:5px;color:#876b58}.focus-area{width:min(90%,420px);margin:4px auto 12px;padding:12px 10px 10px;text-align:center;border:1px solid #cfb397;border-radius:7px;background:#fff8e8d9;color:#694b3c}.focus-explanation,.focus-keywords,.supplement-hint{font-size:11px;line-height:1.6;margin:2px 0 9px;color:#816451}.supplement-cards{display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap}.supplement-wrap{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#704e3f}.supplement-card{width:58px;height:87px;padding:2px;border:1px solid #c59c65;border-radius:6px;outline:0;background:#e9d8ba;box-shadow:0 5px 12px #39201655}.supplement-card img{display:block;width:100%;height:100%;border-radius:3px}.supplement-card img.reverse{transform:rotate(180deg)}.supplement-add{width:48px;height:72px;padding:0;border:1px dashed #a47b59;border-radius:6px;outline:0;background:#f9eee0;color:#8b5a3a;box-shadow:none;font-size:25px;letter-spacing:0}.supplement-hint,.focus-keywords{margin:8px 0 0}.board-more{width:min(90%,420px);margin:12px auto;color:#795742;font-size:12px;text-align:center}.board-more summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.board-tools{margin:12px 0}.notes-wrap{text-align:left;padding:10px 0}.notes-wrap textarea{min-height:85px}@media(max-height:740px){.board-view{max-height:54vh}.ring-stage{height:250px}.ring-card{width:122px;height:186px}.ring-stage.focused .ring-card.center{transform:translate(-50%,-50%) translate(var(--ring-x)) translateY(calc(var(--ring-y) - 20px)) scale(var(--ring-scale)) rotateY(var(--ring-rotate))}}.ring-card.flip-out img{animation:ring-flip-out .18s ease-in forwards}.ring-card.flip-in img{animation:ring-flip-in .22s ease-out both}@keyframes ring-flip-out{to{transform:rotateY(90deg)}}@keyframes ring-flip-in{0%{opacity:.5;transform:rotateY(-90deg)}to{opacity:1;transform:rotateY(0)}}.ring-card.flip-in img.reverse{animation-name:ring-flip-in-reverse}@keyframes ring-flip-in-reverse{0%{opacity:.5;transform:rotate(180deg) rotateY(-90deg)}to{opacity:1;transform:rotate(180deg) rotateY(0)}}@media(prefers-reduced-motion:reduce){.ring-card{transition:none}.ring-card.flip-out img,.ring-card.flip-in img{animation:none}}.focus-area{background:transparent;border:0;border-radius:0;padding:5px 0 8px;box-shadow:none;animation:focus-arrive .36s ease both}.focus-explanation,.focus-keywords,.supplement-hint{color:#654536;text-shadow:0 1px 8px #f9eadb;font-size:11px}.supplement-cards{gap:12px;align-items:center}.supplement-card{border:0;outline:0;padding:0;border-radius:7px;background:transparent;box-shadow:0 7px 13px #3a192c55;transition:transform .22s ease,filter .22s ease}.supplement-card img{border-radius:7px;object-fit:fill}.supplement-card:active{transform:translateY(-4px)}.supplement-wrap{animation:supplement-arrive .38s ease both}.supplement-wrap span{color:#624338;text-shadow:0 1px 8px #faecd9}.supplement-add{border:1px solid rgba(135,129,125,.68);border-radius:7px;outline:0;background:#e0e0dd40;color:#817a72;box-shadow:none;transition:background .25s,border-color .25s,transform .25s}.supplement-add:hover,.supplement-add:focus-visible{background:#f3f3f073;border-color:#9b958f}.supplement-add:active{transform:translateY(-3px)}@keyframes focus-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes supplement-arrive{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.ring-arrow{transition:transform .2s,background-color .2s,box-shadow .2s}.ring-arrow:hover{background:#fff7ecd9;box-shadow:0 5px 15px #5b2b2238}.ring-arrow:active{transform:scale(.94)}#primary,#secondary,.inline-action,.spread-trigger,.audience,.mode{transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease}#primary:active,#secondary:active,.inline-action:active,.spread-trigger:active,.audience:active,.mode:active{transform:translateY(2px)}.board-top,.ring-caption{animation:ui-settle .35s ease both}@keyframes ui-settle{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.focus-area,.supplement-wrap,.board-top,.ring-caption{animation:none}.supplement-card,.supplement-add,.ring-arrow,#primary,#secondary,.inline-action,.spread-trigger,.audience,.mode{transition:none}}.ring-card{padding:0;border:0;border-radius:13px;background:transparent;box-shadow:none;overflow:visible;transform-style:preserve-3d}.ring-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;transform:rotateY(0);transition:transform .72s cubic-bezier(.25,.65,.2,1)}.ring-rotor.face-up{transform:rotateY(180deg)}.ring-face{position:absolute;inset:0;display:block;padding:4px;border:2px solid #c9a36e;border-radius:13px;background:#e9d8ba;box-shadow:0 10px 20px #39192277;backface-visibility:hidden;overflow:hidden}.ring-back{transform:translateZ(2px)}.ring-front{transform:rotateY(180deg) translateZ(2px)}.ring-face img{display:block;width:100%;height:100%;object-fit:fill;border-radius:7px}.ring-face img.reverse{transform:rotate(180deg)}.eyebrow,.headrule,.footnote,.board-top .overline,.board-caption,.catalog-header .overline,.setup-content .overline,.supplement-hint{display:none}header{padding-top:clamp(32px,5vh,50px)}header h1{font-size:clamp(24px,5vw,30px);line-height:1.35;letter-spacing:.13em}header p{font-size:14px;color:#715547;letter-spacing:.08em}#pick-label,.choose-hint{font-size:13px!important;letter-spacing:.06em!important;color:#75513d!important}.choose-hint{display:none}.ring-caption strong{font-size:18px}.ring-caption span{font-size:13px;color:#75513d}.focus-explanation,.focus-keywords{font-size:13px;color:#694637;line-height:1.6}.supplement-wrap span,.catalog .spread-details{font-size:12px}.catalog p,.board-more{font-size:13px}.settings-fold{margin:12px auto 0;width:max-content;font-size:12px;color:#73523f}.settings-fold summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.settings-fold .motion-button{margin-top:8px;font-size:12px}@media(prefers-reduced-motion:reduce){.ring-rotor{transition:none}}.ring-wrap.focused .ring-stage{height:260px}.focus-area{position:relative;z-index:4;margin:-18px auto 12px}.supplement-card{width:86px;height:130px}.supplement-add{width:76px;height:114px}.supplement-cards{align-items:flex-start}.supplement-card img.reverse{transform:none}.supplement-wrap span{max-width:110px;line-height:1.3}.focus-explanation{margin-top:9px}@media(max-height:740px){.ring-wrap.focused .ring-stage{height:210px}.supplement-card{width:76px;height:115px}.supplement-add{width:68px;height:103px}.focus-area{margin-top:-12px}}.catalog{width:min(100%,500px);height:min(58vh,560px);max-height:none;display:flex;flex-direction:column;overflow:visible;padding:45px 56px 48px;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.catalog:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/velvet-drape.png) center/100% 100% no-repeat;filter:drop-shadow(0 16px 18px #401a1b66);pointer-events:none}.catalog-header h2{font-size:22px;letter-spacing:.12em;margin:0;color:#fff1dc}.catalog-header p:not(.overline){font-size:12px;color:#ead1b8;margin:6px 0 2px}.catalog-filter{flex:0 0 auto;padding:12px 2px 10px;gap:7px;scrollbar-width:none}.catalog-chip{min-height:34px;padding:7px 11px;font-size:12px;color:#f3dfca;border-color:#ddbd9277}.catalog-chip.selected{background:#ead2ae;color:#4c2022}.spread-list{display:block;flex:1;min-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d4ab7a transparent;padding:0 5px}.spread-option{min-height:0;padding:12px 6px;border:0;border-bottom:1px solid #c49c684d;border-radius:0;background:transparent;box-shadow:none}.spread-option.selected{border:0;border-bottom:1px solid #e1bc8f;background:#e6c09519}.spread-name{font-size:15px;color:#fff0df;letter-spacing:.05em}.spread-details{font-size:12px;color:#dfc3ae;margin-top:5px}.catalog>.inline-action{align-self:center;margin-top:10px;color:#f6e5ce;font-size:12px;border-color:#caa67899}.custom-form{flex:1;overflow-y:auto;margin-top:10px}.custom-form input,.custom-form textarea{background:#23070da8}@media(max-height:740px){.catalog{height:min(56vh,460px);max-height:none;padding:35px 50px 38px}.catalog-filter{padding:8px 1px}.spread-option{padding:8px 5px}}@media(max-width:380px){.catalog{padding-left:46px;padding-right:46px}}.catalog.editing .spread-list,.catalog.editing .catalog-filter{display:none}.catalog.editing .custom-form{min-height:0}.catalog.editing .catalog-header p:not(.overline){display:none}.ring-caption{position:relative;z-index:30;min-height:56px;margin-bottom:8px;pointer-events:none}.ring-wrap{padding-top:14px}.ring-stage,.ring-wrap.focused .ring-stage{touch-action:pan-y}.card-guide{width:min(94%,420px);margin:10px auto 0;text-align:left;color:#674637;font-size:13px;line-height:1.65}.card-guide summary{width:max-content;margin:0 auto;cursor:pointer;text-decoration:underline;text-underline-offset:4px;color:#654332}.card-guide p{margin:9px 0;color:#674637;line-height:1.7}.guide-source{font-size:12px;opacity:.8}.meaning:has(.card-guide){background:transparent;border:0;padding:0 12px}.meaning .card-guide{margin:0 auto}#card-view canvas{touch-action:none}.card-view{min-height:0}.card-view .hint{font-size:12px;color:#75513d}@media(max-height:740px){.ring-caption{min-height:48px}.ring-wrap{padding-top:12px}}.supplement-card{position:relative;overflow:visible;perspective:650px;transform-style:preserve-3d;box-shadow:none}.supplement-rotor{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.25,.65,.2,1)}.supplement-rotor.face-up{transform:rotateY(180deg)}.supplement-face{position:absolute;inset:0;display:block;padding:2px;border:1px solid #c9a36e;border-radius:7px;background:#e9d8ba;box-shadow:0 6px 13px #39192265;backface-visibility:hidden;overflow:hidden}.supplement-back{transform:translateZ(1.5px)}.supplement-front{transform:rotateY(180deg) translateZ(1.5px)}.supplement-face img{display:block;width:100%;height:100%;object-fit:fill;border-radius:4px}@media(prefers-reduced-motion:reduce){.supplement-rotor{transition:none}}.card-guide{width:min(94%,420px);margin:10px auto 0;text-align:left;color:#493026;font-size:14px;line-height:1.75}.card-guide summary{display:block;width:max-content;margin:0 auto;padding:7px 15px;border:1px solid rgba(169,137,103,.55);border-radius:22px;background:#fffaf0d9;color:#58382d;text-decoration:none;box-shadow:0 3px 9px #54351f18}.card-guide[open]{padding:14px 17px 16px;border:1px solid rgba(180,151,114,.45);border-radius:10px;background:#fffaf0f0;box-shadow:0 10px 25px #54351f24;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.card-guide[open] summary{padding:0 0 10px;border:0;border-bottom:1px solid #d7c3a8;border-radius:0;background:transparent;box-shadow:none;margin:0 0 10px;width:100%;font-size:14px;font-weight:700}.card-guide p{color:#50382d;font-size:14px;line-height:1.8;margin:10px 0}.card-guide h3{font-size:14px;font-weight:600;color:#673832;margin:16px 0 4px}.card-guide .guide-source{font-size:12px;color:#755c4e;opacity:1}.card-guide .guide-reflection{padding-top:10px;border-top:1px solid #d9c8ae}.meaning:has(.card-guide){width:min(94%,460px);max-width:460px}.meaning .card-guide{width:100%}.back-to-top{display:block;width:auto;height:auto;min-height:36px;margin:10px auto 0;padding:6px 12px;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#73523f;font-size:13px;letter-spacing:.06em;text-decoration:underline;text-underline-offset:4px}.back-to-top:focus-visible{outline:2px solid #9b7155;outline-offset:2px}.board-view,.result-panel,.spread-list,.custom-form{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 14px,#000 calc(100% - 18px),transparent 100%);scroll-padding-block:18px}.settings-open{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;width:auto;height:auto;min-width:54px;min-height:42px;padding:10px;border:1px solid #a88769;border-radius:24px;outline:0;background:#fff6e6d9;color:#704835;font-size:13px;letter-spacing:.04em;box-shadow:0 5px 15px #56311d24}.settings-open:focus-visible{outline:2px solid #745037;outline-offset:3px}.settings-page{position:relative;z-index:2;width:min(100%,470px);min-height:380px;padding:60px 58px;display:flex;align-items:center;justify-content:center;color:#f9e8d2;isolation:isolate}.settings-page:before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/velvet-drape.png) center/100% 100% no-repeat;filter:drop-shadow(0 15px 20px #401a1b55)}.settings-content{width:100%;max-width:310px}.settings-content h2{text-align:center;font-size:25px;font-weight:400;letter-spacing:.15em;color:#fff2df;margin:0 0 20px}.settings-section{border-top:1px solid #d7b78b55;padding:14px 0}.settings-section h3{font-size:12px;font-weight:400;color:#d8b991;letter-spacing:.12em;margin:0 0 10px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.settings-row strong,.settings-row span{display:block}.settings-row strong{font-weight:400;font-size:15px;color:#fff0db}.settings-row span,.settings-section p{font-size:12px;color:#dfc1aa;line-height:1.55;margin:5px 0 0}.motion-switch{position:static;width:auto;height:auto;min-width:55px;min-height:38px;padding:7px 11px;border:1px solid #d7b78ba8;border-radius:20px;outline:0;background:#24070e66;color:#fff0d9;box-shadow:none;font-size:12px;letter-spacing:.04em}.motion-switch[aria-pressed=true]{background:#d9b98b;color:#552831}.motion-switch:focus-visible{outline:2px solid #ffe3b6;outline-offset:2px}@media(max-height:740px){.settings-page{min-height:320px;padding:42px 50px}.settings-content h2{margin-bottom:12px}.settings-section{padding:10px 0}}.board-view{max-height:70svh;padding-top:20px;padding-bottom:28px;scroll-padding-top:24px;scroll-padding-bottom:28px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 8px,#000 calc(100% - 18px),transparent 100%)}.ring-caption{min-height:64px;margin-bottom:8px;padding-top:8px}@media(max-height:740px){.board-view{max-height:66svh;padding-top:18px;padding-bottom:24px}.ring-caption{min-height:58px;padding-top:7px}}.shuffle-scene{cursor:pointer}.shuffle-scene:focus-visible{outline:2px solid #9c7253;outline-offset:-3px;border-radius:12px}.box-stage[role=button]{cursor:pointer}.box-stage[role=button]:focus-visible{outline:2px solid #ad7b4e;outline-offset:8px;border-radius:24px}.mystic-orb{display:none}:root[data-theme=mystic] body{background:#11102b;color:#f7e7cc}:root[data-theme=mystic] #app{background:#11102b}:root[data-theme=mystic] .scene-back{background-image:url(/assets/mystic-background.png)}:root[data-theme=mystic] .scene-front{background-image:url(/assets/mystic-objects.png)}:root[data-theme=mystic] .box-base,:root[data-theme=mystic] .box-lid{display:none}:root[data-theme=mystic] .mystic-orb{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 23px #afa1ff55);animation:orb-breathe 5s ease-in-out infinite}:root[data-theme=mystic] .opening .mystic-orb{animation:orb-open 2.35s ease forwards}@keyframes orb-breathe{0%,to{transform:translateY(0);filter:drop-shadow(0 0 15px #a99aff55)}50%{transform:translateY(-5px);filter:drop-shadow(0 0 27px #aa9dff88)}}@keyframes orb-open{0%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1.08);filter:drop-shadow(0 0 38px #d9c7ffcc)}to{opacity:0;transform:scale(1.23)}}:root[data-theme=mystic] .opening .box-light{background:radial-gradient(ellipse,rgba(215,207,255,.9),rgba(133,114,242,.35) 38%,transparent 72%)}:root[data-theme=mystic] #setup:before,:root[data-theme=mystic] .catalog:before,:root[data-theme=mystic] .settings-page:before{background-image:url(/assets/mystic-cloth.png)}:root[data-theme=mystic] .fan-card{background-image:url(/assets/mystic-card-list.png);background-color:#10132e}:root[data-theme=mystic] .shuffle-piece{background-image:url(/assets/mystic-card-shuffle.png);background-color:#10132e}:root[data-theme=mystic] header h1,:root[data-theme=mystic] header p,:root[data-theme=mystic] .intro-hint,:root[data-theme=mystic] #pick-label,:root[data-theme=mystic] .ring-caption strong,:root[data-theme=mystic] .ring-caption span,:root[data-theme=mystic] .focus-explanation,:root[data-theme=mystic] .card-view .hint{color:#f3dfbf!important;text-shadow:0 2px 10px #0b0820}:root[data-theme=mystic] .halo{background:radial-gradient(circle,rgba(134,113,213,.18),transparent 70%)}:root[data-theme=mystic] #primary{background:linear-gradient(170deg,#363165,#151536 70%);color:#f7e9cb;border-color:#c7a373;outline-color:#a0835b;box-shadow:0 9px 24px #05041377,inset 0 1px 3px #d6bc8e55}:root[data-theme=mystic] .text-button,:root[data-theme=mystic] .back-to-top,:root[data-theme=mystic] .board-more{color:#ead9c2}:root[data-theme=mystic] .settings-open{background:#191735db;color:#f5e4c9;border-color:#b69b76}:root[data-theme=mystic] #setup textarea,:root[data-theme=mystic] #setup .spread-trigger,:root[data-theme=mystic] .custom-form input,:root[data-theme=mystic] .custom-form textarea{background:#0b0b23a8;border-color:#b9a079;color:#fff7e8}:root[data-theme=mystic] #setup .audience-choices .audience,:root[data-theme=mystic] .spread-option{background:#100b2780}:root[data-theme=mystic] #setup .audience-choices .audience.selected,:root[data-theme=mystic] .spread-option.selected{background:#8f82bb55}:root[data-theme=mystic] .supplement-wrap span,:root[data-theme=mystic] .focus-keywords{color:#f0dcbf;text-shadow:0 1px 6px #09051a}:root[data-theme=mystic] .supplement-add{background:#d0d3e52b;color:#e6dbc9;border-color:#d4c9bc99}:root[data-theme=mystic] .ring-caption span{color:#e2d0b6}:root[data-theme=mystic] .board-view .inline-action{background:#e6d9c1d9}:root[data-theme=mystic] .catalog-chip.selected{background:#e2c696;color:#2f2545}:root[data-theme=mystic] .motion-switch{background:#0d0c26a8}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-choice{position:static;display:flex;align-items:center;gap:8px;width:auto;height:auto;min-height:50px;padding:7px 9px;outline:0;border:1px solid #d3ad7b77;border-radius:7px;background:#15071955;box-shadow:none;color:#f8e9d1;font-size:12px;letter-spacing:.03em}.theme-choice[aria-pressed=true]{border-color:#f1d5aa;background:#d4b48c37}.theme-choice:focus-visible{outline:2px solid #ffe3b6;outline-offset:2px}.theme-swatch{display:block;flex:0 0 26px;width:26px;height:33px;border-radius:5px;border:1px solid #e0bd87;background-size:cover;background-position:center}.jewel-swatch{background-image:url(/assets/card-back-list.png)}.mystic-swatch{background-image:url(/assets/mystic-card-list.png)}:root[data-theme=mystic] .ring-front img,:root[data-theme=mystic] .supplement-front img{filter:brightness(1.38) saturate(1.06)}:root[data-theme=mystic] .mystic-orb{filter:drop-shadow(0 7px 18px #6f668055);animation:orb-serene 6s ease-in-out infinite}:root[data-theme=mystic] .opening .mystic-orb{animation:orb-serene-open 2.35s ease forwards}@keyframes orb-serene{0%,to{transform:translateY(0);filter:drop-shadow(0 7px 16px #6f668044)}50%{transform:translateY(-3px);filter:drop-shadow(0 8px 20px #8b819866)}}@keyframes orb-serene-open{0%{opacity:1;transform:scale(1)}55%{opacity:.95;transform:scale(1.035)}to{opacity:0;transform:scale(1.13)}}@media(prefers-reduced-motion:reduce){:root[data-theme=mystic] .mystic-orb,:root[data-theme=mystic] .opening .mystic-orb{animation:none}}