:root{--ink:#17130f;--paper:#eee7d6;--paper2:#e3d9c3;--red:#8f2e24;--gold:#a78349;--muted:#786f61}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);letter-spacing:.02em;margin:0;font-family:Noto Serif SC,Songti SC,STSong,serif}button{font:inherit}button:focus-visible{outline-offset:3px;outline:2px solid #d8b36c}.landing{background:radial-gradient(circle at 72% 18%,#a3372924,#0000 34%),linear-gradient(110deg,#f0e9d9,#e1d5bc);min-height:100vh;position:relative;overflow:hidden}.grain{opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");position:absolute;inset:0}.landing nav,.result-nav{z-index:2;letter-spacing:.14em;border-bottom:1px solid #271e162e;align-items:center;gap:14px;max-width:1180px;height:78px;margin:auto;padding:0 30px;font-weight:700;display:flex;position:relative}.landing nav em{letter-spacing:.08em;border:1px solid #271e1659;border-radius:20px;margin-left:auto;padding:4px 8px;font:11px sans-serif}.brand-mark{background:var(--red);color:#f4e8ce;place-items:center;width:38px;height:38px;font-size:20px;display:grid;transform:rotate(-3deg);box-shadow:inset 0 0 0 2px #8f2e24,inset 0 0 0 3px #d5a86a}.hero{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;max-width:1180px;min-height:690px;margin:auto;padding:76px 30px 60px;display:grid;position:relative}.eyebrow,.act{letter-spacing:.3em;color:var(--red);text-transform:uppercase;font:600 12px/1.4 sans-serif}.hero-copy h1{letter-spacing:.01em;margin:22px 0 26px;font-size:clamp(56px,7vw,96px);font-weight:900;line-height:1.08}.hero-copy h1 span{color:var(--red);position:relative}.hero-copy h1 span:after{content:"";background:linear-gradient(90deg,var(--red),transparent);width:78%;height:5px;position:absolute;bottom:-9px;left:0;transform:skew(-22deg)}.lead{color:#554d42;max-width:560px;font-size:18px;line-height:2}.primary{background:var(--red);color:#fff3de;cursor:pointer;border:0;justify-content:space-between;align-items:center;gap:30px;min-width:210px;padding:17px 24px;transition:all .2s;display:inline-flex;box-shadow:0 10px 30px #5b1c1438}.primary:hover{background:#78231d;transform:translateY(-2px)}.primary span{font-size:20px}.facts{color:var(--muted);gap:32px;margin-top:30px;font:13px sans-serif;display:flex}.facts b{color:var(--ink);margin-right:5px;font-size:22px}.hero-art{background:linear-gradient(155deg,#d8c9aa,#b9a481);border:1px solid #42311f38;height:550px;position:relative;overflow:hidden;box-shadow:18px 20px #5d2e1e1a}.hero-art:before{content:"";z-index:5;border:1px solid #f5e5c48c;position:absolute;inset:14px}.sun{background:radial-gradient(circle at 48% 45%,#c86443,#922e25 68%,#742019);border-radius:50%;width:270px;height:270px;position:absolute;top:58px;right:-30px;box-shadow:0 0 80px #8b312461}.mountain{clip-path:polygon(0 100%,12% 58%,23% 70%,38% 26%,48% 54%,62% 36%,72% 68%,88% 48%,100% 100%);background:#423a31;width:560px;height:350px;position:absolute;bottom:-100px}.m1{opacity:.36;left:-120px}.m2{opacity:.8;background:#171511;bottom:-145px;right:-190px}.warrior{z-index:3;filter:drop-shadow(18px 10px 16px #0000004d);background:linear-gradient(90deg,#171713,#342c24);border-radius:50% 50% 8% 8%;width:85px;height:270px;position:absolute;bottom:65px;left:46%;transform:translate(-50%)}.warrior:before{content:"";background:#181612;border-radius:50%;width:58px;height:58px;position:absolute;top:-40px;left:13px}.warrior:after{content:"";background:#181612;width:7px;height:320px;position:absolute;top:-90px;right:-34px;transform:rotate(-5deg)}.warrior i{clip-path:polygon(50% 0,100% 100%,0 100%);background:#242019;width:145px;height:90px;position:absolute;top:38px;left:-30px}.warrior b{background:#262119;border-radius:80% 0;width:120px;height:110px;position:absolute;top:95px;left:-70px;transform:rotate(24deg)}.vertical-title{z-index:6;writing-mode:vertical-rl;letter-spacing:.25em;color:#efe1c7;text-shadow:0 2px 8px #000;font-size:29px;position:absolute;bottom:30px;right:26px}.vertical-title span{color:#d1ac6f;font-size:13px}.promise{z-index:2;border-top:1px solid #271e162e;max-width:1180px;margin:0 auto;padding:45px 30px 90px;position:relative}.promise>p{color:var(--muted);letter-spacing:.35em;font-size:13px}.promise>div{background:#382a1b2e;grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.promise article{background:#efe8d8e0;min-height:160px;padding:26px}.promise article b{color:var(--red);font-size:13px}.promise article h2{margin:26px 0 10px;font-size:19px}.promise article span{color:var(--muted);font-size:13px;line-height:1.7}.landing footer,.result-footer{text-align:center;letter-spacing:.18em;color:#a99c87;background:#1c1814;padding:24px;font-size:12px}.quiz-shell{background:radial-gradient(circle at 15% 30%,#8a2b2121,#0000 26%),linear-gradient(#eee7d7,#ded2bb);min-height:100vh;padding-bottom:50px}.quiz-top{justify-content:space-between;align-items:center;max-width:820px;height:72px;margin:auto;padding:0 20px;display:flex}.text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:10px}.brand-small{letter-spacing:.16em;font-weight:800}.counter{color:var(--muted);font:12px sans-serif}.progress{background:#2b201424;max-width:820px;height:3px;margin:auto}.progress i{background:var(--red);height:100%;transition:all .3s;display:block}.question-card{background:#f8f2e5b8;border:1px solid #45331f29;max-width:760px;margin:48px auto 0;padding:50px 60px;animation:.35s rise;box-shadow:0 20px 70px #3d2b171a}.question-card .act{text-align:center}.seal{border:1px solid var(--red);width:46px;height:46px;color:var(--red);place-items:center;margin:20px auto;font:14px sans-serif;display:grid;transform:rotate(45deg)}.seal:first-line{transform:rotate(-45deg)}.question-card h1{text-align:center;margin:18px 0;font-size:30px}.question-text{text-align:center;max-width:590px;margin:0 auto 34px;font-size:19px;line-height:1.9}.options{gap:12px;display:grid}.option{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:#ffffff5c;border:1px solid #3a2b1b30;align-items:flex-start;gap:15px;padding:17px 18px;transition:all .18s;display:flex}.option:hover,.option.selected{border-color:var(--red);background:#f5e9d5;transform:translate(3px)}.option span{border:1px solid var(--gold);height:29px;color:var(--red);flex:0 0 29px;place-items:center;font:12px sans-serif;display:grid}.option b{font-size:15px;font-weight:500;line-height:1.7}.question-nav{justify-content:space-between;align-items:center;margin-top:27px;display:flex}.question-nav button{cursor:pointer;color:var(--red);background:0 0;border:0}.question-nav button:disabled{opacity:.25}.question-nav p{color:#978a76;font-size:11px}.result-page{background:#e9e0cd;min-height:100vh}.result-nav{justify-content:space-between}.result-hero{grid-template-columns:390px 1fr;align-items:center;gap:75px;max-width:1100px;margin:0 auto;padding:55px 30px 80px;display:grid}.poster-card{aspect-ratio:3/4;background:radial-gradient(circle at 68% 23%,color-mix(in srgb,var(--accent) 65%,#bd9354),transparent 32%),linear-gradient(150deg,#211a16,#0f0d0b);color:#eee0c4;outline-offset:-10px;box-shadow:22px 25px 0 color-mix(in srgb,var(--accent) 18%,transparent),0 30px 70px #2619114d;border:1px solid #b59458;outline:1px solid #6d5434;padding:30px;position:relative;overflow:hidden}.poster-card:before{content:"";opacity:.86;background:linear-gradient(90deg,#0000002e,#080706 70%);border-radius:48% 48% 10% 10%;width:270px;height:380px;position:absolute;top:62px;right:-30px;transform:rotate(-5deg)}.poster-card>p{letter-spacing:.36em;z-index:2;font-size:11px;position:relative}.portrait-glyph{color:#e5cb991f;font-size:255px;font-weight:900;line-height:1;position:absolute;top:63px;right:25px}.poster-lines{background:linear-gradient(90deg,#b79154,#0000);height:1px;position:absolute;top:52px;left:30px;right:30px}.poster-card h1{z-index:2;letter-spacing:.1em;margin:0;font-size:66px;position:absolute;bottom:170px;left:30px}.poster-card h1 small{font-size:18px}.poster-card h2{color:#d5ad6d;letter-spacing:.3em;z-index:2;margin:0;font-size:17px;position:absolute;bottom:137px;left:34px}.keywords{z-index:2;gap:12px;display:flex;position:absolute;bottom:100px;left:32px}.keywords span{border:1px solid #d5ad6d80;padding:4px 6px;font-size:10px}.poster-card blockquote{color:#d4c4a8;z-index:2;margin:0;font-size:12px;line-height:1.7;position:absolute;bottom:45px;left:32px;right:30px}.poster-card>em{color:#8e7d62;font:9px sans-serif;position:absolute;bottom:20px;right:20px}.result-intro h1{margin:20px 0;font-size:68px;line-height:1.05}.result-intro h1 span{color:var(--accent)}.hook{max-width:540px;font-size:21px;line-height:1.8}.score-note{border-top:1px solid #3326182e;border-bottom:1px solid #3326182e;grid-template-columns:90px 1fr auto;align-items:center;margin:28px 0;padding:18px 0;display:grid}.score-note span,.score-note em{color:var(--muted);font-size:11px;font-style:normal}.score-note b{font-size:15px}.outline{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;padding:13px 20px}.report{max-width:980px;margin:auto;padding:30px 30px 100px}.section-title{align-items:center;gap:18px;margin:42px 0 24px;display:flex}.section-title>span,.full-report article>span{color:var(--accent);letter-spacing:.18em;font:11px sans-serif}.section-title p{letter-spacing:.2em;color:var(--muted);margin:0;font-size:12px}.section-title h2{margin:8px 0;font-size:28px}.dimension-grid{background:#f3ecdd;border:1px solid #3e2d1c21;grid-template-columns:1fr 1fr;gap:18px 40px;padding:32px;display:grid}.dimension{grid-template-columns:45px 1fr 38px;align-items:center;gap:12px;display:grid}.dimension span,.dimension b{font-size:12px}.dimension b{text-align:right;color:var(--accent)}.dimension>div{background:#d8cfbd;height:6px}.dimension i{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,#9b7d4c),var(--accent));height:100%;display:block}.analysis-card{color:#e8dcc5;background:#201b16;margin:26px 0;padding:34px}.analysis-card>p{letter-spacing:.25em;color:#b69a6c;font-size:11px}.analysis-card h2{font-size:22px;line-height:1.6}.analysis-card span{color:#bdb19e;font-size:14px;line-height:2}.unlock{min-height:500px;margin-top:30px;position:relative}.blur-report{filter:blur(6px);opacity:.22;-webkit-user-select:none;user-select:none;padding:35px}.blur-report h2{font-size:25px}.blur-report p{line-height:2}.unlock-box{text-align:center;background:#f5edde;border:1px solid #b9975c;width:min(540px,90%);padding:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 70px #34241438}.unlock-box>span{letter-spacing:.25em;color:var(--accent);font-size:11px}.unlock-box h2{line-height:1.6}.unlock-box ul{text-align:left;color:var(--muted);padding-left:20px;font-size:13px;line-height:2;display:inline-block}.unlock-box .primary{margin:12px auto}.unlock-box>p{color:#998d78;font-size:10px}.full-report{margin-top:45px}.full-report article{border-top:1px solid #3527182e;grid-template-columns:50px 1fr;gap:20px;padding:34px 0;display:grid}.full-report h2{margin:0 0 14px;font-size:25px}.full-report p{color:#554d42;margin:0;font-size:16px;line-height:2}.result-footer{padding:48px 20px}.result-footer .primary{margin:auto}.result-footer p{margin:20px 0 0}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=760px){.landing nav,.result-nav{height:64px;padding:0 18px}.hero{min-height:0;padding:55px 22px 45px;display:block}.hero-copy h1{font-size:51px}.lead{font-size:16px}.hero-art{height:420px;margin-top:50px}.promise{padding:40px 20px}.promise>div{grid-template-columns:1fr 1fr}.question-card{margin:24px 14px 0;padding:34px 20px}.question-card h1{font-size:25px}.question-text{font-size:17px}.question-nav p{display:none}.result-hero{padding:35px 20px 55px;display:block}.poster-card{max-width:380px;margin:auto}.result-intro{padding-top:55px}.result-intro h1{font-size:50px}.score-note{grid-template-columns:78px 1fr}.score-note em{display:none}.report{padding:20px 18px 70px}.dimension-grid{grid-template-columns:1fr;padding:24px 18px}.unlock-box{padding:28px 20px}.full-report article{grid-template-columns:35px 1fr}}@media (width<=430px){.hero-copy h1{font-size:44px}.facts{gap:18px}.promise>div{grid-template-columns:1fr}.poster-card{width:100%}.result-intro h1{font-size:44px}.question-card{padding:28px 16px}.option{padding:14px 12px}}@media print{body{background:#fff}.result-nav,.result-intro,.report,.result-footer{display:none}.result-hero{padding:0;display:block}.poster-card{width:600px;box-shadow:none;margin:auto}}.poster-card{display:none}.poster-frame{aspect-ratio:3/4;box-shadow:22px 25px 0 color-mix(in srgb,var(--accent) 18%,transparent),0 30px 70px #2619114d;background:#15120f;border:1px solid #b59458;position:relative;overflow:hidden}.character-poster{object-fit:cover;width:100%;height:100%;display:block}.outline{text-decoration:none;display:inline-block}.download-poster:hover{background:var(--accent);color:#fff}@media (width<=760px){.poster-frame{max-width:380px;margin:auto}}@media (width<=430px){.poster-frame{width:100%}}.site-footer{text-align:center;color:#716757;letter-spacing:.05em;background:#efe8d8eb;border-top:1px solid #2f231724;padding:25px 18px;font:12px/1.8 sans-serif}.site-footer p{margin:0 0 5px}.site-footer div{justify-content:center;align-items:center;gap:9px;display:flex}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer-dark{color:#a99c87;background:#1c1814;border-top-color:#ffffff14}.landing>.site-footer{z-index:2;position:relative}.quiz-shell>.site-footer{background:0 0;max-width:760px;margin:50px auto 0}.result-page>.site-footer{margin-top:0}