body{background:#faf8f1}.oracle{color:#234d4b;max-width:1200px;margin:auto;padding:70px 24px 0}.oracle-intro{text-align:center;padding:30px 0 54px;background:radial-gradient(ellipse,#e4ede5aa,transparent 70%)}.eyebrow{font-size:12px;letter-spacing:.22em;color:#8b7952;margin-bottom:18px}.oracle h1{font-size:clamp(36px,5vw,66px);line-height:1.3;letter-spacing:.06em;font-family:serif}.oracle h1 em{font-style:normal;color:#648d83}.oracle p{line-height:1.9}.oracle-note{display:inline-block;margin-top:20px;border-top:1px solid #b9bd9d;padding-top:18px;letter-spacing:.2em}.draw-panel{background:#fffdf8;border:1px solid #dedecf;border-radius:28px;padding:48px;box-shadow:0 20px 70px #254a3b08;text-align:center}.oracle h2{font-size:clamp(24px,3vw,34px);line-height:1.6;margin:0 0 16px;font-family:serif}.oracle label,.oracle textarea,#preparation small{display:block;max-width:600px;margin:18px auto 8px;text-align:left}.oracle textarea{width:100%;min-height:105px;border:1px solid #d6ddd2;background:#f8faf5;border-radius:12px;padding:16px;font:inherit;resize:vertical}.oracle small{color:#798782;font-size:12px}.oracle button{cursor:pointer;font:inherit;border-radius:30px;padding:14px 28px}.oracle button:disabled{opacity:.5;cursor:wait}.oracle-primary{display:block;background:#285953;color:white;border:0;margin:28px auto 0}.oracle-secondary{background:transparent;border:1px solid #a7b9ad;color:#285953;margin-top:26px}.card-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin:32px 0}.oracle .draw-card{padding:0;border:0;background:transparent;border-radius:14px;transition:transform .25s,filter .25s}.draw-card img{width:100%;display:block;border-radius:12px;box-shadow:0 8px 15px #234d4b20}.draw-card:hover,.draw-card:focus-visible{transform:translateY(-12px) rotate(-2deg);filter:brightness(1.06)}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #bd9849;outline-offset:5px}.result-layout{display:grid;grid-template-columns:minmax(180px,330px) 1fr;gap:54px;align-items:center;text-align:left;margin:32px auto 50px;max-width:870px}.revealed-card img{width:100%;border-radius:18px;box-shadow:0 16px 35px #234d4b20;animation:reveal .7s ease}.reflection h3{margin:25px 0 8px;font-size:19px}.reflection p{margin:0;color:#617570}.reflection #yourSituation{padding:16px;background:#eff3ea;border-radius:10px;overflow-wrap:anywhere}.explore{border-top:1px solid #e0e4d8;padding-top:38px}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;text-align:left}.explore-grid a{display:block;background:#f1f5ec;border-radius:16px;padding:26px;text-decoration:none;color:inherit;transition:background .2s}.explore-grid a:hover{background:#e5eedf}.explore-grid span{font-size:12px;color:#8c7c52}.explore-grid h3{font-size:20px;margin:14px 0}.explore-grid p{font-size:14px}.explore-grid b{display:block;margin-top:20px;font-size:14px}.oracle-footer{text-align:center;padding:45px 0;color:#7e8d84;font-size:12px}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:perspective(900px) rotateY(85deg)}to{opacity:1;transform:perspective(900px) rotateY(0)}}@media(max-width:760px){.oracle{padding:35px 16px 0}.draw-panel{padding:28px 18px}.card-grid{grid-template-columns:repeat(4,1fr);gap:12px}.result-layout{grid-template-columns:1fr;gap:24px}.revealed-card{max-width:260px;margin:auto}.explore-grid{grid-template-columns:1fr}.oracle-intro{padding-bottom:35px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* A calm, spacious drawing room. */
body{background:#f5f3e9}.oracle{max-width:1280px;padding-top:26px}.oracle-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;text-align:left;min-height:590px;padding:45px 46px 70px;background:none;gap:40px}.oracle h1{font-family:'Noto Serif TC',serif;font-weight:500;font-size:clamp(35px,4.4vw,58px);line-height:1.6;letter-spacing:.025em;margin:20px 0}.intro-description{font-size:16px;color:#78857a}.intro-link{display:inline-flex;gap:50px;align-items:center;margin-top:30px;text-decoration:none;color:#294e44;border-bottom:1px solid #7c9684;padding-bottom:12px}.intro-art{position:relative;height:440px;display:flex;align-items:center;justify-content:center}.art-card{position:absolute;width:185px;border-radius:14px;box-shadow:0 20px 35px #34533b25}.art-card-left{transform:translate(-100px,18px) rotate(-17deg)}.art-card-right{transform:translate(100px,18px) rotate(17deg)}.art-card-center{transform:translateY(-12px)}.intro-art p{position:absolute;bottom:-10px;letter-spacing:.26em;font-size:12px;color:#8e7d55}.orbit{position:absolute;border:1px solid #b7be9f70;border-radius:50%;width:430px;height:430px}.orbit-two{width:350px;height:350px}.art-star{position:absolute;right:10px;top:20px;color:#ad945a;font-size:32px}.draw-panel{position:relative;padding:64px 44px;border:0;border-radius:24px;background:#e8eee3;box-shadow:none;scroll-margin-top:110px}.draw-panel h2{font-size:clamp(25px,3vw,36px);font-weight:500}.draw-panel p{color:#697b70}.draw-panel .eyebrow{color:#92805b}.situation-detail{max-width:530px;margin:25px auto 0;text-align:left}.situation-detail summary{cursor:pointer;text-align:center;color:#6f8276;font-size:14px}.oracle-primary{background:#315b4b;padding:17px 38px;box-shadow:0 7px 16px #315b4b16}.draw-mark{display:block;color:#b19a61;font-size:30px;margin-bottom:20px}#selection,#result{scroll-margin-top:110px}.card-grid{grid-template-columns:repeat(9,minmax(0,1fr));max-width:1020px;gap:0;margin:60px auto 35px;padding:16px 15px 40px;min-height:240px;align-items:center}.oracle .draw-card{width:150%;position:relative;transform:rotate(-4deg);transition:transform .25s}.draw-card:nth-child(2n){transform:translateY(12px) rotate(3deg)}.draw-card:nth-child(3n){transform:translateY(-8px) rotate(-2deg)}.draw-card:last-child{width:100%}.draw-card img{border-radius:10px;box-shadow:0 10px 20px #234d4b30}.draw-card:hover,.draw-card:focus-visible{z-index:2;transform:translateY(-24px) rotate(0deg);filter:none}.result-layout{max-width:920px;margin-top:45px;grid-template-columns:310px 1fr;gap:70px}.reflection h3{font-size:18px;font-weight:500}.reflection p{font-size:15px}.explore{margin:55px -44px -64px;padding:45px 44px;background:#fffdf6;border-radius:0 0 24px 24px}.explore-grid a{background:#f5f3e9;padding:28px;border:1px solid #e3e4d4}.oracle-footer{padding:40px 0}.oracle .eyebrow{font-size:11px}@media(max-width:900px){.oracle-intro{padding:30px 16px 50px;gap:15px}.intro-art{height:350px}.art-card{width:140px}.art-card-left{transform:translate(-70px,10px) rotate(-16deg)}.art-card-right{transform:translate(70px,10px) rotate(16deg)}.orbit{width:310px;height:310px}.orbit-two{width:260px;height:260px}.card-grid{padding-right:22px}.result-layout{gap:35px;grid-template-columns:250px 1fr}}@media(max-width:600px){.oracle{padding-top:20px}.oracle-intro{grid-template-columns:1fr;text-align:center;padding:0 8px 40px;min-height:0}.oracle h1{font-size:34px;line-height:1.5}.intro-copy .eyebrow{margin-bottom:8px}.intro-description{font-size:14px}.intro-link{margin-top:12px}.intro-art{height:280px;grid-row:2;margin-top:20px}.art-card{width:118px}.art-card-left{transform:translate(-62px,5px) rotate(-15deg)}.art-card-right{transform:translate(62px,5px) rotate(15deg)}.orbit{width:275px;height:275px}.orbit-two{width:230px;height:230px}.intro-art p{bottom:-8px}.art-star{right:20px}.draw-panel{padding:40px 20px}.card-grid{grid-template-columns:repeat(3,1fr);gap:24px 16px;padding:10px 8px;margin:30px auto 15px;max-width:330px}.oracle .draw-card,.draw-card:last-child{width:100%;transform:rotate(-3deg)}.draw-card:nth-child(2n){transform:rotate(3deg)}.draw-card:hover,.draw-card:focus-visible{transform:translateY(-8px)}.result-layout{grid-template-columns:1fr;gap:20px}.revealed-card{max-width:240px}.explore{margin:40px -20px -40px;padding:35px 20px}.explore-grid{gap:12px}.explore-grid a{padding:22px}.draw-panel h2{font-size:24px}}
/* Match the Soul Navigation course's shared header and hero. */
.online-draw-page{background:var(--soul-cream);color:var(--soul-ink);font-family:'Noto Sans TC',sans-serif}.online-draw-page .oracle-intro{display:block;min-height:calc(100vh - 100px);padding:0;text-align:left;background:radial-gradient(circle at 9% 12%,rgba(255,255,255,.86) 0 5%,transparent 26%),radial-gradient(circle at 46% 105%,rgba(241,164,126,.32),transparent 34%),linear-gradient(118deg,#fffbe8 0 42%,#f7de78 72%,#efcb4d 100%)}.online-draw-page .soul-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;min-height:calc(100vh - 100px);padding-block:64px 50px}.online-draw-page .soul-hero h1{font:700 clamp(44px,4.8vw,70px)/1.25 'Noto Serif TC',serif;color:var(--soul-coral);letter-spacing:-.045em;margin:0 0 26px}.online-draw-page .soul-hero h1 em{color:var(--soul-ink);font-style:normal}.online-draw-page .soul-kicker{line-height:1.8}.online-draw-page .intro-link{margin-top:0;color:var(--soul-teal);font-size:15px;font-weight:600;border-color:var(--soul-teal);gap:32px}.online-draw-page .intro-art{height:470px}.online-draw-page .art-card{width:205px}.online-draw-page .art-card-left{transform:translate(-105px,18px) rotate(-16deg)}.online-draw-page .art-card-right{transform:translate(105px,18px) rotate(16deg)}.online-draw-page .art-card-center{transform:translateY(-15px)}.online-draw-page .orbit{border-color:#fff9dc99;width:460px;height:460px}.online-draw-page .orbit-two{width:380px;height:380px}.online-draw-page .art-star{color:#fff9dc}.online-draw-page .intro-art p{bottom:-5px;color:#786523;font-size:13px;font-weight:600}.online-draw-page .oracle{padding-top:64px;padding-bottom:0}.online-draw-page .draw-panel{background:#fffdf4;border:1px solid #e9ddae}.online-draw-page .oracle-primary{background:var(--soul-teal)}.online-draw-page .oracle .eyebrow{color:var(--soul-teal)}.online-draw-page .explore{background:#f8edb8}.online-draw-page .explore-grid a{background:#fffbea;border-color:#e7d991}@media(max-width:1000px){.online-draw-page .soul-hero-grid{gap:30px}.online-draw-page .art-card{width:160px}.online-draw-page .art-card-left{transform:translate(-75px,14px) rotate(-15deg)}.online-draw-page .art-card-right{transform:translate(75px,14px) rotate(15deg)}.online-draw-page .orbit{width:350px;height:350px}.online-draw-page .orbit-two{width:290px;height:290px}.online-draw-page .intro-art{height:370px}.online-draw-page .soul-positioning{font-size:18px}}@media(max-width:700px){.online-draw-page .oracle-intro{min-height:0}.online-draw-page .soul-hero-grid{grid-template-columns:1fr;min-height:0;gap:28px;padding-block:42px 35px}.online-draw-page .soul-hero h1{font-size:44px;line-height:1.2}.online-draw-page .soul-kicker{font-size:11px}.online-draw-page .soul-positioning{font-size:17px}.online-draw-page .soul-methods{font-size:13px;margin:22px 0}.online-draw-page .intro-art{grid-row:auto;height:315px;margin:0}.online-draw-page .art-card{width:145px}.online-draw-page .art-card-left{transform:translate(-72px,10px) rotate(-15deg)}.online-draw-page .art-card-right{transform:translate(72px,10px) rotate(15deg)}.online-draw-page .orbit{width:310px;height:310px}.online-draw-page .orbit-two{width:260px;height:260px}.online-draw-page .oracle{padding-top:35px}}
/* Full deck fan and visible shuffle motion. */
.online-draw-page .hero-fan{height:460px;isolation:isolate}.online-draw-page .hero-fan-card{position:absolute;left:50%;top:60px;width:145px;border-radius:12px;box-shadow:0 8px 18px #6e5e3526;transform:translateX(calc(-50% + var(--fan-x))) translateY(var(--fan-y)) rotate(var(--fan-angle));transform-origin:50% 100%;z-index:var(--fan-order)}.online-draw-page .hero-fan p{bottom:16px}.fan-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c0ad69 transparent;margin:30px -20px 0;padding:0 20px;overscroll-behavior-x:contain}.online-draw-page .card-grid.fan-deck{display:block;position:relative;width:100%;min-width:980px;max-width:none;height:440px;margin:0;padding:0;isolation:isolate}.online-draw-page .fan-deck .draw-card,.online-draw-page .fan-deck .draw-card:nth-child(n){position:absolute;left:calc(50% + var(--fan-position)*42%);top:45px;width:130px;margin:0;z-index:var(--fan-layer);transform:translateX(-50%) translateY(var(--fan-lift)) rotate(var(--fan-rotation));transform-origin:center bottom;transition:left .65s ease,transform .65s ease,filter .2s;transition-delay:var(--fan-delay);border-radius:12px}.online-draw-page .fan-deck .draw-card img{border-radius:12px;box-shadow:0 8px 18px #51462035}.online-draw-page .fan-deck .draw-card:hover,.online-draw-page .fan-deck .draw-card:focus-visible{z-index:100;transform:translateX(-50%) translateY(calc(var(--fan-lift) - 38px)) rotate(var(--fan-rotation)) scale(1.08);transition-delay:0s;filter:brightness(1.06)}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%;transform:translateX(-50%) translateY(55px) rotate(0deg);transition-delay:0s;filter:none}.fan-hint{font-size:13px;margin:8px 0 0;color:#7c8069}.online-draw-page #shuffle{background:var(--soul-teal);color:#fff;border:0;min-width:170px;margin-top:20px;padding:15px 28px}.online-draw-page #shuffle:disabled{opacity:.65}@media(max-width:1000px){.online-draw-page .hero-fan-card{width:118px;transform:translateX(calc(-50% + var(--fan-x)*.75)) translateY(var(--fan-y)) rotate(var(--fan-angle))}.online-draw-page .hero-fan{height:375px}.online-draw-page .hero-fan p{bottom:5px}}@media(max-width:600px){.online-draw-page .hero-fan{height:300px}.online-draw-page .hero-fan-card{width:95px;top:30px;transform:translateX(calc(-50% + var(--fan-x)*.63)) translateY(calc(var(--fan-y)*.7)) rotate(var(--fan-angle))}.online-draw-page .hero-fan p{bottom:0}.fan-scroll{margin:20px -20px 0;padding:0 20px}.online-draw-page .card-grid.fan-deck{min-width:1600px;height:390px}.online-draw-page .fan-deck .draw-card:nth-child(n){width:112px;top:30px}.fan-hint{font-size:12px}}
/* Four-step guidance beside every drawn card. */
.online-draw-page .result-layout{max-width:1060px;grid-template-columns:minmax(230px,350px) minmax(0,1fr);gap:56px;align-items:start}.online-draw-page .revealed-card{position:sticky;top:32px;width:100%;padding-top:8px}.online-draw-page .guided-reflection .guidance-title{font:600 clamp(23px,2.3vw,29px)/1.55 'Noto Serif TC',serif;color:var(--soul-ink);text-align:left;margin:0 0 15px}.online-draw-page .guided-reflection .guidance-intro{font-size:15px;line-height:1.9;color:#65756b;margin-bottom:28px}.guidance-steps{display:grid;gap:24px}.online-draw-page .guidance-step{border-top:1px solid #e4dec4;padding-top:22px}.online-draw-page .guidance-step h3{display:flex;align-items:baseline;gap:13px;margin:0 0 11px;font-size:18px;font-weight:600;line-height:1.65;color:#36584e}.step-number{font:600 16px/1.5 'Noto Sans TC',sans-serif;color:var(--soul-teal);letter-spacing:.08em;flex-shrink:0}.online-draw-page .guidance-step p{font-size:15px;line-height:1.95;color:#617168;margin:0;padding-left:36px}.online-draw-page .guided-reflection #yourSituation{margin-bottom:24px}.online-draw-page .guided-reflection #again{margin-top:32px}@media(max-width:850px){.online-draw-page .result-layout{grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:28px}.online-draw-page .guidance-step h3{font-size:17px}}@media(max-width:600px){.online-draw-page .result-layout{grid-template-columns:1fr;gap:30px}.online-draw-page .revealed-card{position:static;max-width:260px;padding-top:0}.online-draw-page .guided-reflection .guidance-title{font-size:25px}.online-draw-page .guidance-step p{padding-left:0}.guidance-steps{gap:22px}.online-draw-page .guidance-step h3{gap:10px;font-size:18px}}
/* Shared typography, course compass, accessible fan edges, static result. */
.online-draw-page .oracle h1,.online-draw-page .oracle h2,.online-draw-page .oracle h3{font-family:'Noto Serif TC',serif}.online-draw-page .oracle p,.online-draw-page .oracle small,.online-draw-page .oracle label,.online-draw-page .oracle textarea,.online-draw-page .oracle button,.online-draw-page .oracle a,.online-draw-page .oracle summary,.online-draw-page .oracle span,.online-draw-page .oracle b,.online-draw-page .oracle-footer{font-family:'Noto Sans TC',sans-serif}.online-draw-page .guidance-step h3>span:not(.step-number){font-family:'Noto Serif TC',serif}.online-draw-page .hero-fan .compass-backdrop{z-index:-1;right:-85px;top:52%;width:650px;height:650px;opacity:.95}.online-draw-page .hero-fan .orbit{display:none}.online-draw-page .fan-scroll{padding:0;margin-inline:0}.online-draw-page .card-grid.fan-deck{height:510px;min-width:1050px}.online-draw-page .fan-deck .draw-card:nth-child(n){left:calc(50% + var(--fan-position)*(50% - 175px));top:70px}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%}.online-draw-page .revealed-card{position:static;top:auto;align-self:start}.online-draw-page .revealed-card img{animation:none!important;transition:none!important;transform:none!important}.online-draw-page .guided-reflection .guidance-step p{line-height:1.9}@media(max-width:1000px){.online-draw-page .hero-fan .compass-backdrop{width:520px;height:520px;right:-70px}}@media(max-width:600px){.online-draw-page .hero-fan .compass-backdrop{width:410px;height:410px;right:calc(50% - 205px);top:52%}.online-draw-page .card-grid.fan-deck{min-width:1750px;height:450px}.online-draw-page .fan-deck .draw-card:nth-child(n){top:55px;left:calc(50% + var(--fan-position)*(50% - 155px))}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%}}
/* Richer compass composition and a still, precise full-deck interface. */
.online-draw-page .soul-hero{background:radial-gradient(ellipse at 12% 0%,#fffdf5 0,transparent 45%),radial-gradient(ellipse at 35% 100%,#f2c49b66,transparent 42%),linear-gradient(118deg,#fffbe8 0 38%,#f7de78 72%,#efcb4d 100%)}.online-draw-page .hero-fan{height:570px}.online-draw-page .hero-fan .compass-backdrop{width:620px;height:620px;right:-90px;top:37%;opacity:1}.online-draw-page .hero-fan-card{top:285px;width:125px;box-shadow:0 12px 20px #7c662631}.online-draw-page .hero-fan p{bottom:-18px}.online-draw-page .oracle{position:relative;padding-top:85px;background:radial-gradient(circle at 9% 24%,#e4eddb88,transparent 28%),radial-gradient(circle at 100% 60%,#f2dc8780,transparent 30%)}.online-draw-page .draw-panel{overflow:visible;background:linear-gradient(150deg,#fffef8 0%,#fbf6df 62%,#f3e5b9 100%);border:1px solid #d6c590;border-radius:30px;box-shadow:0 25px 80px #8c752314;position:relative}.online-draw-page .draw-panel:before{content:'';position:absolute;inset:12px;border:1px solid #d4c68e66;border-radius:22px;pointer-events:none}.oracle-emblem{width:74px;height:74px;margin:0 auto 24px;padding:9px;border-radius:50%;background:#f4ebca}.oracle-emblem svg{width:100%;height:100%;fill:none;stroke:#a1833d;stroke-width:1.2}.online-draw-page .draw-panel .eyebrow:before,.online-draw-page .draw-panel .eyebrow:after{content:'✦';display:inline-block;margin:0 16px;color:#b09550;font-size:10px}.online-draw-page #preparation{position:relative;padding-block:10px 20px}.online-draw-page #preparation:after{content:'✧';position:absolute;right:6%;top:5%;color:#c7b572;font-size:55px;pointer-events:none}.online-draw-page .oracle-primary,.online-draw-page #shuffle{box-shadow:0 8px 22px #167a8220}.online-draw-page .fan-scroll{position:relative;background:radial-gradient(ellipse at 50% 75%,#e2ca7020,transparent 65%);border-block:1px solid #c7b16f40;padding-block:8px;margin-top:35px}.online-draw-page .card-grid.fan-deck{min-width:2500px;height:500px}.online-draw-page .fan-deck .draw-card:nth-child(n){width:calc((100% - 350px)/78);height:355px;top:65px;left:calc(50% + var(--fan-position)*(50% - 175px));transform:translateX(-50%);border-radius:0;background:transparent;transition:left .65s ease;transition-delay:var(--fan-delay);filter:none;outline-offset:2px}.online-draw-page .fan-deck .draw-card img{position:absolute;left:50%;top:0;width:130px;max-width:none;pointer-events:none;transform:translateX(-50%) translateY(var(--fan-lift)) rotate(var(--fan-rotation));transform-origin:center bottom;transition:transform .65s ease,filter .15s;transition-delay:var(--fan-delay);user-select:none}.online-draw-page .fan-deck .draw-card:hover,.online-draw-page .fan-deck .draw-card:focus-visible{z-index:var(--fan-layer);transform:translateX(-50%);filter:none;transition-delay:var(--fan-delay)}.online-draw-page .fan-deck .draw-card:hover img,.online-draw-page .fan-deck .draw-card:focus-visible img{filter:brightness(1.08)}.online-draw-page .fan-deck .draw-card:after{content:'';position:absolute;left:50%;bottom:0;width:7px;height:7px;border-radius:50%;background:#167a82;opacity:0;transform:translateX(-50%);pointer-events:none}.online-draw-page .fan-deck .draw-card:hover:after,.online-draw-page .fan-deck .draw-card:focus-visible:after{opacity:1}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%;transform:translateX(-50%)}.online-draw-page .fan-deck.is-shuffling .draw-card img{transform:translateX(-50%) translateY(55px) rotate(0deg);transition-delay:0s;filter:none}.online-draw-page .result-layout{position:relative}.online-draw-page .revealed-card{padding:16px;border:1px solid #cbb374;background:#fffdf1;border-radius:23px;box-shadow:0 12px 34px #8f762216}.online-draw-page .guidance-step h3{position:relative;gap:10px}.guidance-icon{width:28px;height:28px;flex:0 0 28px;align-self:center;fill:none;stroke:#a18a46;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.online-draw-page .guidance-step p{padding-left:0}.online-draw-page .explore{border-top:1px solid #c4ac64;background:radial-gradient(circle at 90% 0%,#fff5c988,transparent 50%),#f8edb8}.online-draw-page .explore-grid a{border-top:3px solid #b4a15f;box-shadow:0 6px 18px #8c752310}.online-draw-page .explore-grid a:nth-child(2){border-top-color:#167a82}.online-draw-page .explore-grid a:nth-child(3){border-top-color:#d99565}@media(max-width:1000px){.online-draw-page .hero-fan{height:475px}.online-draw-page .hero-fan .compass-backdrop{width:520px;height:520px;right:-85px;top:33%}.online-draw-page .hero-fan-card{top:245px;width:110px}}@media(max-width:700px){.online-draw-page .hero-fan{height:420px}.online-draw-page .hero-fan .compass-backdrop{width:420px;height:420px;right:calc(50% - 210px);top:35%}.online-draw-page .hero-fan-card{top:225px;width:95px}.online-draw-page .hero-fan p{bottom:-12px}.online-draw-page .soul-hero-grid{gap:36px;padding-bottom:50px}.online-draw-page .oracle{padding-top:38px}.online-draw-page .card-grid.fan-deck{min-width:2500px;height:450px}.online-draw-page .fan-deck .draw-card:nth-child(n){width:calc((100% - 350px)/78);height:320px;top:45px;left:calc(50% + var(--fan-position)*(50% - 175px))}.online-draw-page .fan-deck .draw-card img{width:112px}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%}.online-draw-page .guidance-step h3{font-size:16px;gap:8px}.guidance-icon{width:23px;height:23px;flex-basis:23px}.online-draw-page .draw-panel:before{inset:8px}.online-draw-page #preparation:after{right:0;font-size:32px}}
.online-draw-page .fan-deck .draw-card:first-child:before,.online-draw-page .fan-deck .draw-card:last-child:before{content:'';position:absolute;top:0;height:100%;width:145px;background:transparent}.online-draw-page .fan-deck .draw-card:first-child:before{right:100%}.online-draw-page .fan-deck .draw-card:last-child:before{left:100%}
/* Two complete fan rows and the homepage's green editorial palette. */
.online-draw-page .oracle{max-width:1280px;background:radial-gradient(circle at 8% 12%,#dfe99a35,transparent 31%),#f3f5ef;border-radius:0;padding-inline:32px}.online-draw-page .draw-panel{background:linear-gradient(145deg,#fff 0%,#fcfdf7 70%,#f0f4e1 100%);border-color:#d8e1cf;box-shadow:0 22px 60px #486c3510}.online-draw-page .draw-panel:before{border-color:#cad9bd66}.online-draw-page .oracle-primary,.online-draw-page #shuffle{background:#4f963d;box-shadow:0 10px 28px #4f963d26}.online-draw-page .oracle .eyebrow{color:#599d39}.online-draw-page .oracle-emblem{background:#eff4dd}.online-draw-page .oracle-emblem svg{stroke:#75964f}.online-draw-page .fan-scroll{margin-top:28px;background:radial-gradient(ellipse at 50% 50%,#dae6bd44,transparent 70%);border-color:#b5c79b55}.online-draw-page .card-grid.fan-deck{min-width:1000px;height:525px}.online-draw-page .fan-deck .draw-card:nth-child(n){top:var(--fan-row-top);left:calc(50% + var(--fan-position)*(50% - 90px));width:calc((100% - 180px)/var(--fan-row-count));height:200px}.online-draw-page .fan-deck .draw-card img{width:95px}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%;top:var(--fan-row-top)}.online-draw-page .fan-deck .draw-card:first-child:before,.online-draw-page .fan-deck .draw-card:last-child:before{width:60px}.online-draw-page .fan-deck .draw-card:nth-child(40):before,.online-draw-page .fan-deck .draw-card:nth-child(41):before{content:'';position:absolute;top:0;height:100%;width:60px;background:transparent}.online-draw-page .fan-deck .draw-card:nth-child(40):before{left:100%}.online-draw-page .fan-deck .draw-card:nth-child(41):before{right:100%}.online-draw-page .revealed-card{background:#f8faef;border-color:#b9cb9e}.online-draw-page .guidance-step{border-color:#d8e2ca}.online-draw-page .guidance-icon{stroke:#75964f}.online-draw-page .step-number{color:#599d39}.online-draw-page .explore{background:radial-gradient(circle at 95% 5%,#b7d93d18,transparent 50%),#192c20;color:#fff;border-color:#405338;padding:52px 44px}.online-draw-page .explore h2{color:#fff}.online-draw-page .explore .eyebrow{color:#d8e76e}.online-draw-page .explore-grid a,.online-draw-page .explore-grid a:nth-child(n){border:1px solid #ffffff24;border-top:0;background:#ffffff05;box-shadow:none;border-radius:14px;padding:30px;transition:background .2s}.online-draw-page .explore-grid a:hover{background:#ffffff0d}.online-draw-page .explore-grid h3{color:#fff;font-size:22px}.online-draw-page .explore-grid p{color:#ffffffaa}.online-draw-page .explore-grid span,.online-draw-page .explore-grid b{color:#d8e76e}.explore-icon{width:58px;height:58px;margin-bottom:24px;display:grid;place-items:center;background:#d8e76e12;border:1px solid #d8e76e33;border-radius:50%}.explore-icon svg{width:37px;height:37px;fill:none;stroke:#d8e76e;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.online-draw-page .oracle-footer{color:#657759}@media(min-width:1200px){.online-draw-page .fan-scroll{overflow-x:hidden}}@media(max-width:600px){.online-draw-page .oracle{padding-inline:16px}.online-draw-page .card-grid.fan-deck{min-width:1300px;height:525px}.online-draw-page .fan-deck .draw-card:nth-child(n){top:var(--fan-row-top);left:calc(50% + var(--fan-position)*(50% - 90px));width:calc((100% - 180px)/var(--fan-row-count));height:200px}.online-draw-page .fan-deck .draw-card img{width:95px}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%;top:var(--fan-row-top)}.online-draw-page .explore{padding:38px 20px}.online-draw-page .explore-grid a{padding:24px}.explore-icon{width:50px;height:50px;margin-bottom:18px}.explore-icon svg{width:32px;height:32px}}
/* Hit testing follows the visible card itself, without hover displacement. */
.online-draw-page .fan-deck .draw-card:nth-child(n),.online-draw-page .fan-deck .draw-card:hover,.online-draw-page .fan-deck .draw-card:focus-visible{width:95px;height:auto;aspect-ratio:827/1418;transform:translateX(-50%) translateY(var(--fan-lift)) rotate(var(--fan-rotation));transform-origin:center bottom;z-index:var(--fan-layer);border-radius:10px;transition:left .65s ease,transform .65s ease;transition-delay:var(--fan-delay)}.online-draw-page .fan-deck .draw-card img{position:static;display:block;left:auto;top:auto;width:100%;max-width:100%;transform:none;pointer-events:auto;transition:filter .15s;transition-delay:0s}.online-draw-page .fan-deck .draw-card:nth-child(n):before,.online-draw-page .fan-deck .draw-card:nth-child(n):after{display:none}.online-draw-page .fan-deck.is-shuffling .draw-card:nth-child(n){left:50%;transform:translateX(-50%) translateY(55px) rotate(0deg)}.online-draw-page .fan-deck.is-shuffling .draw-card img{transform:none}.online-draw-page .revealed-card .full-reading-button{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px;padding:14px 12px;border-radius:28px;background:#4f963d;color:white;font:600 14px/1.6 'Noto Sans TC',sans-serif;border:1px solid #4f963d;text-decoration:none;box-shadow:0 6px 18px #4f963d20}.online-draw-page .revealed-card .full-reading-button:hover{background:#3f7f30;border-color:#3f7f30}@media(max-width:600px){.online-draw-page .fan-deck .draw-card:nth-child(n){width:95px;height:auto}}
.online-draw-page a[aria-disabled="true"]{cursor:default}.online-draw-page .revealed-card .full-reading-button[aria-disabled="true"]:hover{background:#4f963d;border-color:#4f963d}.online-draw-page .explore-grid a[aria-disabled="true"]:hover{background:#ffffff05}
/* Table wash: scatter, intermingle, then deal into upright rows. */
.online-draw-page .fan-deck .draw-card:nth-child(n){--fan-rotation:0deg;transition:left .8s ease,top .8s ease,transform .8s ease;transition-delay:var(--fan-delay)}.online-draw-page .fan-deck.is-mixing .draw-card:nth-child(n){left:calc(50% + var(--mix-x));top:var(--mix-y);transform:translateX(-50%) rotate(var(--mix-angle));z-index:var(--mix-layer);transition:left .65s ease-in-out,top .65s ease-in-out,transform .65s ease-in-out;transition-delay:0s;pointer-events:none}.online-draw-page .fan-deck.is-mixing .draw-card img{transform:none;filter:none;pointer-events:none}
.draw-modes{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:930px;margin:35px auto 0;text-align:left}.mode-card{padding:30px;border:1px solid #d6dfc7;background:#fff;border-radius:18px}.mode-symbol{font-size:30px;color:#83a34d}.online-draw-page .mode-card h3{font-size:23px;margin:10px 0}.online-draw-page .mode-card p{font-size:15px;line-height:1.9}.online-draw-page .mode-card button{width:100%;margin:24px 0 0;font-size:14px;padding:16px 12px}.draw-progress{display:flex;gap:12px;justify-content:center;margin-top:22px}.draw-progress span{padding:8px 22px;border-radius:30px;border:1px solid #c9d7b9;color:#7c876e}.draw-progress .current{background:#4f963d;color:white;border-color:#4f963d}.draw-progress .complete{background:#e7efd9;color:#4f963d}.already-picked{opacity:.25}.timeline-result{margin:32px 0}.timeline-result>p{max-width:850px;margin:15px auto 28px}.timeline-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;text-align:left}.timeline-card{padding:24px;background:#fff;border:1px solid #d9e2ca;border-radius:18px}.timeline-position{text-align:center;color:#599d39!important;font-weight:600;letter-spacing:.18em}.timeline-card img{display:block;width:min(100%,200px);margin:20px auto 28px;border-radius:12px;box-shadow:0 10px 25px #314c2420}.online-draw-page .timeline-card h3{font-size:21px;line-height:1.6;margin:0 0 15px}.online-draw-page .timeline-card p,.timeline-card li{font-size:14px;line-height:1.9;color:#617168}.timeline-card ul{padding-left:20px;margin:18px 0}.timeline-card li{margin:10px 0}.timeline-action{border-top:1px solid #dce4cf;padding-top:16px}.timeline-integration{margin-top:30px;padding:32px;background:#edf3e4;border-radius:18px;text-align:left}.timeline-integration h3{font-size:25px;margin-top:0}.action-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.action-prompts p{border-left:2px solid #9fba78;padding-left:16px;font-size:14px}@media(max-width:760px){.draw-modes,.timeline-cards{grid-template-columns:1fr}.mode-card{padding:24px}.timeline-card{padding:25px}.timeline-integration{padding:24px}.action-prompts{grid-template-columns:1fr;gap:0}}
.online-draw-page #preparation .exploration-intro{max-width:790px;margin:16px auto 0;line-height:1.95;text-wrap:pretty}.online-draw-page #preparation #draw-title{max-width:850px;margin-inline:auto}
/* Traditional Tarot — a second path within the same drawing room. */
.traditional-entry{position:relative;max-width:930px;margin:34px auto 0;padding:34px;text-align:left;border:1px solid #b5c79e;border-radius:22px;background:radial-gradient(circle at 100% 0,#dbe7bf80,transparent 43%),#f5f8ec;overflow:hidden}
.traditional-entry:before{content:"";position:absolute;width:190px;height:190px;right:-75px;top:-75px;border:1px solid #afc18366;border-radius:50%;pointer-events:none}
.traditional-heading{position:relative;display:grid;grid-template-columns:70px 1fr;gap:22px;align-items:start;padding-bottom:25px;border-bottom:1px solid #c7d5b5}
.tarot-entry-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e5edcf;color:#668640}
.tarot-entry-icon svg{width:46px;height:46px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.traditional-heading .eyebrow{margin:0 0 8px!important;font-size:10px;letter-spacing:.12em}
.online-draw-page .traditional-heading h3{font:700 clamp(24px,2.5vw,31px)/1.5 'Noto Serif TC',serif;margin:0 0 10px;color:#234d4b}
.traditional-heading p:last-child{font-size:15px;line-height:1.9;margin:0;max-width:660px;text-wrap:pretty}
.traditional-options{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:25px}
.traditional-options article+article{border-left:1px solid #c7d5b5;padding-left:28px}
.tarot-option-label{font-size:11px;letter-spacing:.12em;color:#749247}
.traditional-options h4{font:600 18px/1.65 'Noto Serif TC',serif;margin:8px 0;color:#304c36}
.traditional-options p{font-size:14px;line-height:1.85;margin:0}
.online-draw-page .traditional-options button{width:100%;padding:16px 12px;margin-top:20px;font-size:14px;background:#28564f;box-shadow:0 7px 15px #28564f15}
.traditional-options button:hover:not(:disabled){background:#1c443e}
.tarot-entry-note{font-size:12px!important;color:#738165!important;line-height:1.8!important;margin:24px 0 0;padding-top:18px;border-top:1px dashed #c7d5b5}
.mode-return{margin-left:12px}
.tarot-situation{max-width:850px;margin:22px auto;padding:18px 22px;text-align:left;background:#edf3e4;border:1px solid #d9e2ca;border-radius:12px;overflow-wrap:anywhere}
.tarot-spread-intro{max-width:760px;margin:18px auto 25px;font-size:15px;text-wrap:pretty}
.tarot-position-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:26px 0}
.tarot-position-nav a{border:1px solid #becfaa;border-radius:25px;padding:9px 20px;text-decoration:none;color:#43633c;font-size:13px;background:#fff}
.tarot-position-nav a:hover{background:#edf3e4}
.tarot-results{display:grid;gap:28px;margin-top:32px}
.tarot-result-card{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);gap:36px;padding:32px;text-align:left;background:#fff;border:1px solid #d5dfc6;border-radius:22px;scroll-margin-top:110px;box-shadow:0 14px 40px #31502808}
.tarot-result-visual{align-self:start;text-align:center;min-width:0;padding:14px 20px 20px;border-radius:16px;background:radial-gradient(ellipse at 50% 45%,#e7efd6,transparent 72%),#f8faf3}
.tarot-place{display:inline-flex;margin:0 0 22px!important;padding:7px 20px;border:1px solid #c4d4aa;border-radius:22px;font-size:12px!important;letter-spacing:.14em;color:#638148!important}
.tarot-image-frame{width:min(100%,255px);margin:auto;aspect-ratio:827/1418;border-radius:13px;box-shadow:0 12px 28px #334b2b25;overflow:hidden;background:#edf3e4}
.tarot-image-frame img{display:block;width:100%;height:100%;object-fit:contain;animation:none!important;transition:none!important;transform:none}
.tarot-image-frame img.is-reversed{transform:rotate(180deg)}
.tarot-visual-caption{font-size:12px!important;line-height:1.8!important;color:#7b886f!important;margin:20px 0 0!important;text-wrap:pretty}
.tarot-card-header{padding:0 0 20px;border-bottom:1px solid #dce5d0;margin-bottom:20px}
.tarot-english{font-size:11px!important;letter-spacing:.12em;color:#89955f!important;margin:0 0 7px!important}
.online-draw-page .tarot-card-header h3{font:700 clamp(23px,2.4vw,31px)/1.5 'Noto Serif TC',serif;margin:0 0 13px;color:#234d4b;text-wrap:pretty}
.tarot-orientation{display:inline-block;padding:6px 13px;border-radius:22px;background:#e9f2dc;border:1px solid #c5d9a7;font-size:12px;line-height:1.6;color:#4b713c}
.tarot-orientation.reversed{color:#876c39;background:#f7f0de;border-color:#e2d4af}
.tarot-keywords{font-size:14px!important;letter-spacing:.04em;color:#547644!important;margin:14px 0 0!important}
.tarot-special-note{font-size:12px!important;line-height:1.8!important;margin:12px 0 0!important;color:#8a7858!important}
.tarot-aspects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tarot-aspect{background:#f7f9f3;border:1px solid #e1e8d8;border-radius:13px;padding:18px;min-width:0}
.tarot-aspect:last-child{background:#edf3e4;border-color:#d4dfbf}
.tarot-aspect h4{display:flex;align-items:center;gap:10px;font:600 16px/1.6 'Noto Sans TC',sans-serif;margin:0 0 10px;color:#3c6339}
.tarot-aspect svg{width:25px;height:25px;flex:none;fill:none;stroke:#7a984c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.tarot-aspect p{font-size:14px;line-height:1.85;margin:0!important;color:#657560!important;text-wrap:pretty}
.tarot-opposite{margin-top:20px;border-top:1px dashed #cfdbbf;padding-top:18px}
.tarot-opposite summary{cursor:pointer;font-size:13px;font-weight:600;color:#668246;line-height:1.8}
.tarot-reference-note{font-size:12px!important;color:#879077!important;margin:13px 0!important}
.tarot-opposite .tarot-aspects{margin-top:16px}
.tarot-integration{padding:30px;margin:30px 0;background:#edf3e4;border:1px solid #d1dfbc;border-radius:18px;text-align:left}
.tarot-integration .eyebrow{margin:0 0 12px}
.tarot-integration h3{font:700 24px/1.6 'Noto Serif TC',serif;margin:0 0 20px}
.tarot-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.tarot-integration-grid p{font-size:14px;line-height:1.85;margin:0;border-left:2px solid #9db66d;padding-left:15px}
.tarot-integration-grid b{display:block;color:#496a39;margin-bottom:8px;font-weight:600}
.tarot-reading-note{max-width:740px;margin:28px auto 0;font-size:13px!important;color:#7a866e!important}
@media(max-width:1000px){.tarot-result-card{gap:24px;padding:25px;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr)}.tarot-result-visual{padding:12px}.tarot-aspects{grid-template-columns:1fr}.tarot-aspect{padding:16px}}
@media(max-width:760px){.traditional-entry{padding:24px;margin-top:24px}.traditional-heading{grid-template-columns:50px minmax(0,1fr);gap:15px}.tarot-entry-icon{width:50px;height:50px}.tarot-entry-icon svg{width:36px;height:36px}.traditional-options{grid-template-columns:1fr;gap:24px}.traditional-options article+article{border-left:0;border-top:1px solid #c7d5b5;padding:24px 0 0}.traditional-options h4{font-size:17px}.tarot-result-card{grid-template-columns:1fr;padding:22px;gap:24px}.tarot-result-visual{padding:18px}.tarot-image-frame{max-width:220px}.tarot-place{margin-bottom:18px!important}.tarot-card-header h3{font-size:25px}.tarot-integration{padding:24px}.tarot-integration-grid{grid-template-columns:1fr;gap:20px}.tarot-position-nav{gap:8px}.tarot-position-nav a{padding:8px 12px;font-size:12px}.mode-return{display:block;margin:16px auto 0}}

.online-draw-page #preparation .soul-guidance-section-title{font:700 clamp(22px,2.4vw,30px)/1.6 "Noto Serif TC",serif;color:#548d3d;letter-spacing:.06em;margin:0 auto 14px;text-wrap:balance}

/* Clear labels for the two interpretive perspectives. */
.perspective-badge{position:relative;display:inline-flex;align-items:center;gap:13px;min-height:58px;padding:6px 22px 6px 7px;border-radius:40px;border:1px solid #b7cd9c;background:#edf5e1;color:#416d37;font:700 16px/1.6 "Noto Sans TC",sans-serif;letter-spacing:.08em;box-shadow:0 6px 18px #3e642a0c}
.perspective-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:#fff;color:#74954e}
.perspective-icon svg{width:34px;height:40px;display:block}
#preparation>.perspective-energy{margin:0 auto 22px}
.perspective-events{margin:4px 0 17px;border-color:#d8c998;background:#f6f0dd;color:#786237}
.perspective-events .perspective-icon{color:#9d8345}
.perspective-events .perspective-icon svg{width:33px;height:33px}
@media(max-width:600px){.perspective-badge{font-size:14px;gap:10px;letter-spacing:.05em;min-height:52px;padding-right:18px}.perspective-icon{width:38px;height:38px}.perspective-icon svg{height:35px;width:29px}.perspective-events .perspective-icon svg{width:29px;height:29px}}

/* Both Tarot option descriptions share one readable type scale. */
.traditional-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.traditional-options article{min-width:0;container-type:inline-size}
.online-draw-page .traditional-options article>p{
  font-size:14px;line-height:1.85;font-weight:400;letter-spacing:normal;
  white-space:normal;overflow-wrap:break-word;
}
@media(min-width:1100px){
  .online-draw-page .traditional-options article>p{white-space:nowrap}
}
@media(max-width:760px){
  .traditional-options{grid-template-columns:minmax(0,1fr)}
  .online-draw-page .traditional-options article>p{font-size:14px;white-space:normal}
}