:root{color-scheme:dark;--bg:#101918;--panel:#172320;--gold:#c8ad7c;--text:#edece4;--muted:#a2aea5;--line:#b69a622c;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 75% 38%,#395d4129,transparent 55%),radial-gradient(ellipse at 0% 100%,#62796610,transparent 45%);pointer-events:none;z-index:-1}.grain{position:fixed;inset:0;opacity:.045;pointer-events:none;z-index:5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{touch-action:manipulation}a{color:inherit;text-decoration:none}.masthead{max-width:1440px;margin:auto;padding:27px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:13px;font-family:var(--serif);font-size:21px;letter-spacing:3px}.brand-mark{font-size:43px;line-height:1;color:var(--gold)}.brand small{display:block;font-family:Georgia,serif;font-size:10px;letter-spacing:2.1px;color:var(--muted);margin-top:1px}.header-note,.edition{color:var(--muted);font-size:13px;letter-spacing:1px}.edition{color:var(--gold);font-family:var(--serif)}main{max-width:1320px;margin:auto;padding:0 6%}.intro{min-height:690px;min-height:min(740px,calc(100svh - 185px));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:42px 0}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:13px;letter-spacing:4px;margin:0 0 22px}.eyebrow span{width:26px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(36px,4.1vw,58px);font-weight:400;letter-spacing:3px;line-height:1.4;margin-bottom:23px}h1 em{font-style:normal;color:var(--gold)}.intro-desc{color:var(--muted);line-height:1.95;letter-spacing:1px;margin-bottom:30px}.primary{border:1px solid #d3b983;background:var(--gold);color:#14201b;min-height:52px;padding:13px 27px;font-weight:600;letter-spacing:2px;transition:background .2s,transform .2s}.primary:hover:enabled{background:#e0c89d;transform:translateY(-2px)}.start-button{min-width:240px;display:flex;align-items:center;justify-content:space-between;gap:35px}.start-button span{font-size:25px;line-height:1}.start-note{font-size:12px;color:var(--muted);margin:15px 0 30px}.intro-meta{display:flex;align-items:center;gap:25px;padding-top:23px;border-top:1px solid var(--line);max-width:375px}.intro-meta>div{display:flex;align-items:center;gap:13px}.intro-meta strong{font:38px Georgia,serif;color:var(--gold)}.intro-meta span,.intro-meta p{font-size:12px;color:var(--muted);margin:0}.intro-meta i{width:1px;height:30px;background:var(--line)}.art-area{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center;isolation:isolate}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:510px;height:510px;max-width:110%;aspect-ratio:1;z-index:-1}.orbit-two{width:445px;height:445px;border-style:dashed;opacity:.7;transform:rotate(-22deg)}.orbit:before,.orbit:after{content:"";position:absolute;top:50%;left:-10%;width:120%;height:1px;background:var(--line);transform:rotate(31deg)}.orbit:after{transform:rotate(-31deg)}.arcana-card{width:285px;height:430px;border:1px solid #ba9e6870;padding:11px;background:linear-gradient(135deg,#22312b,#101b18);box-shadow:0 20px 80px #0005;transform:rotate(-7deg);position:relative;animation:float 9s ease-in-out infinite}.arcana-card:before,.arcana-card:after{content:"✧";position:absolute;left:19px;top:10px;color:var(--gold);font-size:24px}.arcana-card:after{top:auto;left:auto;right:19px;bottom:8px}.card-inner{height:100%;border:1px solid var(--line);display:flex;align-items:center;flex-direction:column;padding:22px 10px}.card-number{font:17px Georgia,serif;letter-spacing:6px;color:var(--gold)}.sigil{width:100%;height:265px;color:var(--gold);margin:7px 0}.card-title{font:22px var(--serif);letter-spacing:6px;margin-bottom:10px}.card-caption{font:10px Georgia,serif;color:var(--gold);letter-spacing:2px}.orbit-label{position:absolute;color:var(--muted);font-size:11px;letter-spacing:4px;text-align:center}.orbit-label.top{top:2px;font-family:Georgia,serif}.orbit-label.bottom{bottom:4px;letter-spacing:3px}.orbit-star{position:absolute;color:var(--gold)}.star-one{left:4%;top:32%;font-size:23px}.star-two{right:5%;bottom:25%;font-size:36px}.star-three{right:19%;top:6%;font-size:19px}footer{border-top:1px solid var(--line);padding:23px 5.5%;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#92a095;font-size:12px;letter-spacing:.5px}.quiz-shell{max-width:860px;margin:0 auto;padding:44px 0 60px;min-height:calc(100svh - 180px)}.quiz-top{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:14px}.text-button{border:0;background:none;color:var(--muted);padding:8px 0;font-size:14px}.text-button:hover:enabled{color:var(--gold)}.progress-track{height:3px;background:#ffffff0e;margin:16px 0 23px;overflow:hidden}.progress-track div{height:100%;background:var(--gold);transition:width .3s}.chapter-list{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#75857a;margin-bottom:42px}.chapter-list .active{color:var(--gold)}.question-header .eyebrow{margin-bottom:13px;font-size:12px}.question-title{font:400 clamp(25px,3vw,36px)/1.6 var(--serif);letter-spacing:1px;margin-bottom:14px}.question-context{color:var(--muted);font-size:15px;margin-bottom:28px;line-height:1.9}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{display:flex;text-align:left;align-items:flex-start;gap:16px;border:1px solid #a4ad982a;background:#1a272257;min-height:107px;padding:21px 22px;color:var(--text);transition:border .2s,background .2s}.answer:hover{border-color:#c8ad7c8c;background:#26332b}.answer[aria-pressed=true]{border-color:var(--gold);background:#b6996420}.answer-letter{font:18px Georgia,serif;color:var(--gold);border:1px solid var(--line);width:33px;height:33px;flex-shrink:0;display:grid;place-items:center}.answer[aria-pressed=true] .answer-letter{background:var(--gold);color:var(--bg)}.answer strong{display:block;font-size:16px;font-weight:500;margin-bottom:5px}.answer small{display:block;font-size:13px;color:var(--muted);line-height:1.8}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:29px}.quiz-actions .primary{min-width:170px}.quiet-note{font-size:12px;color:var(--muted);margin:22px 0 0;text-align:center}.fade-in{animation:appear .45s ease-out}.result{padding:42px 0 54px;max-width:1050px;margin:auto}.result-heading{text-align:center}.result-heading .eyebrow{justify-content:center;margin-bottom:12px}.result-heading h1{font-size:32px;margin-bottom:9px}.result-heading>p:last-child{color:var(--muted);font-size:14px}.result-grid{display:grid;grid-template-columns:290px 1fr;gap:40px;align-items:start;margin-top:34px}.result-card{border:1px solid #c8ad7c77;background:linear-gradient(145deg,#27382e,#121d19);padding:30px 25px;text-align:center;position:relative;min-height:424px}.result-card:before{content:"";position:absolute;inset:9px;border:1px solid var(--line);pointer-events:none}.result-roman{font:14px Georgia,serif;letter-spacing:4px;color:var(--gold)}.result-symbol{font-size:68px;color:var(--gold);line-height:1.4;display:block;margin:25px 0 16px}.result-card h2{font:36px var(--serif);letter-spacing:7px;margin:0 0 12px}.result-english{font:11px Georgia,serif;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.sequence{font-size:14px;margin-top:25px;color:var(--gold)}.result-tags{font-size:12px;color:var(--muted);margin:0}.result-copy h2{font:25px/1.6 var(--serif);color:var(--gold);margin:0 0 12px}.result-description{font-size:16px;color:#d1d8cf;line-height:1.95;margin-bottom:24px}.section-label{font-size:12px;letter-spacing:2px;color:var(--gold);margin:23px 0 12px}.reasons{list-style:none;margin:0;padding:0}.reasons li{font-size:14px;color:#bbc8bd;border-left:1px solid #c8ad7c70;padding:2px 0 2px 15px;margin:13px 0;line-height:1.8}.risk{font-size:14px;color:var(--muted);padding-top:18px;margin-top:23px;border-top:1px solid var(--line)}.risk b{color:var(--gold);font-weight:400}.resonance{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.resonance-item{border:1px solid var(--line);padding:20px;background:#ffffff02}.resonance-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.resonance-row strong{font:20px var(--serif)}.resonance-row span{color:var(--gold);font:20px Georgia,serif}.resonance-item small{color:var(--muted);font-size:12px}.resonance-track{height:3px;background:#ffffff10;margin:15px 0 8px}.resonance-track div{height:100%;background:var(--gold)}.result-end{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.result-end p{max-width:680px;font-size:12px;color:var(--muted);margin:0}.result-end button{white-space:nowrap}.method{margin-top:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:15px}.method summary{cursor:pointer}.method p{margin:12px 0 0;line-height:1.9}h1:focus,h2:focus{outline:none}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:rotate(-7deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-10px)}}@media(min-width:1500px){.intro{gap:100px}}@media(max-width:900px){.masthead{padding:23px 5%}.intro{gap:15px}.art-area{min-height:480px}.arcana-card{width:240px;height:382px}.sigil{height:230px}.orbit{width:390px;height:390px}.orbit-two{width:340px;height:340px}.orbit-label{font-size:10px;letter-spacing:2px}.header-note{display:none}.result-grid{gap:26px;grid-template-columns:250px 1fr}.answer{padding:18px 16px}}@media(max-width:650px){main{padding:0 6%}.masthead{padding:18px 6%}.brand{font-size:18px;gap:9px}.brand-mark{font-size:34px}.brand small{font-size:9px;letter-spacing:1.5px}.edition{font-size:12px}.intro{display:flex;flex-direction:column-reverse;gap:28px;padding:28px 0 39px}.intro-copy{width:100%;position:relative}.art-area{min-height:230px;width:100%;max-width:340px}.arcana-card{width:132px;height:205px;padding:6px}.card-inner{padding:10px 5px}.card-number{font-size:10px;letter-spacing:3px}.sigil{height:126px;margin:1px 0}.card-title{font-size:12px;letter-spacing:3px;margin-bottom:3px}.card-caption{font-size:6px;letter-spacing:1px}.arcana-card:before,.arcana-card:after{font-size:13px;left:12px;top:5px}.arcana-card:after{left:auto;top:auto;right:12px;bottom:5px}.orbit{width:228px;height:228px}.orbit-two{width:195px;height:195px}.orbit-label{display:none}.star-one{left:11%;top:25%}.star-two{right:12%;bottom:20%;font-size:25px}.star-three{right:20%;top:3%}h1{font-size:35px;line-height:1.4;letter-spacing:2px}.intro h1 br:nth-of-type(1){display:none}.eyebrow{margin-bottom:15px;font-size:12px}.intro-desc{font-size:14px;margin-bottom:23px}.intro-desc br{display:none}.start-button{width:100%;justify-content:center;gap:25px}.start-note{text-align:center;margin-bottom:23px}.intro-meta{max-width:none;justify-content:center;padding-top:18px}.intro-meta strong{font-size:31px}footer{flex-direction:column;gap:6px;text-align:center;font-size:11px;padding:19px 6%}.quiz-shell{padding:25px 0 38px}.chapter-list{font-size:11px;margin-bottom:27px;gap:4px}.question-title{font-size:27px}.question-context{font-size:14px;margin-bottom:23px}.answers{grid-template-columns:1fr;gap:11px}.answer{min-height:83px;padding:16px}.answer strong{font-size:15px}.answer small{font-size:12px}.quiz-actions{margin-top:24px}.quiz-actions .primary{min-width:150px;padding:12px 18px}.result{padding:30px 0}.result-heading h1{font-size:27px}.result-heading>p:last-child{font-size:13px}.result-grid{grid-template-columns:1fr;gap:28px}.result-card{width:100%;max-width:310px;min-height:365px;margin:auto;padding:24px}.result-symbol{margin:12px 0;font-size:54px}.sequence{margin-top:20px}.result-copy h2{font-size:24px}.resonance{gap:9px}.resonance-item{padding:14px 10px}.resonance-row{display:block}.resonance-row strong{display:block;font-size:17px;margin-bottom:9px}.resonance-row span{font-size:18px}.resonance-item small{font-size:11px}.result-end{flex-direction:column;align-items:stretch}.result-end .primary{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
