@font-face{font-family:Cormorant;src:url('./assets/cormorant.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f5f2e9;--ink:#173c33;--muted:#606860;--gold:#866836;--line:#d4d5c7;--white:#fffcf5;--red:#8e3f32;--radius:12px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Manrope,Arial,sans-serif}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:5px}::selection{background:#d7c69f;color:#143c32}*{scrollbar-color:#9b9f88 var(--paper);scrollbar-width:thin}h1,h2,h3,p{margin:0}h1,h2,.serif{font-family:Cormorant,Georgia,serif;font-weight:600;line-height:1.02;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(54px,5.8vw,82px)}h2{font-size:clamp(38px,4vw,53px)}h3{font-size:17px;line-height:1.35}p{max-width:70ch}a{text-decoration:none}.site-header{max-width:1280px;margin:auto;padding:25px 48px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:Cormorant,Georgia,serif;font-size:29px;font-weight:600;line-height:1}.brand-sub{display:block;font:9px/1.6 Manrope,Arial,sans-serif;letter-spacing:.22em;margin-top:4px}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.site-header nav a:hover{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:15px 24px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:6px;font-weight:700;font-size:14px;line-height:1.5;transition:background .18s,transform .18s}.button:hover{background:#245447;transform:translateY(-1px)}.button.small{padding:11px 16px;font-size:12px;gap:16px}.button.light{background:var(--paper);color:var(--ink);border-color:var(--line)}.button.light:hover{background:#e9e6da}.button.gold{background:#d2bd8f;border-color:#d2bd8f;color:#17382e}.text-button{border:0;background:none;padding:10px 0;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:6px}.container{max-width:1184px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center;padding:58px 0 64px}.hero-copy h1{max-width:560px}.hero-copy h1 em{font-style:normal;color:var(--red)}.hero-copy>p{font-size:16px;line-height:1.8;color:var(--muted);margin:24px 0 28px;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px}.micro{font-size:11px;color:var(--muted);letter-spacing:.015em}.hero-copy .micro{margin-top:20px}.hero-art{height:540px;position:relative;background:#143a37 url('./assets/hallowfall.jpg') 38% center/cover;border-radius:160px 160px 12px 12px;display:flex;align-items:flex-end;justify-content:center;padding:28px;isolation:isolate;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,#0b2727dc);z-index:-1}.art-caption{position:absolute;top:30px;right:0;left:0;text-align:center;color:#fff4d9;font-size:11px;letter-spacing:.13em}.sample-card{background:#fcf8ed;width:100%;max-width:375px;padding:18px;border-radius:12px;box-shadow:0 18px 45px #061e2c70;transform:rotate(-3deg);animation:card-reveal .9s cubic-bezier(.16,1,.3,1)}.sample-top{display:flex;justify-content:space-between;font-size:10px;color:#5b6559;padding-bottom:12px;border-bottom:1px solid #d9d7c8}.sample-character{display:flex;align-items:center;gap:18px;padding:18px 0}.sample-character img{width:82px;height:100px;object-fit:cover;object-position:63% 25%;border-radius:40px 40px 5px 5px}.sample-character h3{font:600 37px/1.1 Cormorant,Georgia,serif}.sample-character p{font-size:11px;color:var(--muted)}.sample-character strong{font-size:10px;color:#725921}.mini-axis{display:grid;grid-template-columns:87px 1fr 30px;gap:8px;align-items:center;font-size:10px;margin:7px 0}.mini-axis .track{height:5px}.sample-bottom{font-size:10px;margin-top:13px;padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.track{height:8px;background:#dfdbcc;border-radius:10px;overflow:hidden}.track>span{display:block;height:100%;background:var(--ink);border-radius:10px}.promise{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:45px;padding:26px 0 30px}.promise h3{font-family:Cormorant,Georgia,serif;font-size:27px;line-height:1.05}.promise p{font-size:12px;color:var(--muted);margin-top:6px}.promise-item{display:flex;align-items:center;gap:16px}.line-icon{width:28px;height:28px;flex-shrink:0;fill:none;stroke:var(--gold);stroke-width:1.3}.section{padding:80px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-head p{max-width:375px;font-size:13px;color:var(--muted)}.axis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.axis-guide{border-top:1px solid var(--line);padding:18px 0}.axis-guide summary{cursor:pointer;list-style:none}.axis-guide summary::-webkit-details-marker{display:none}.axis-guide summary>span{float:right;font-size:18px;color:var(--gold)}.axis-guide h3{font-size:14px;margin-bottom:5px}.axis-guide .poles{font-size:11px;color:var(--muted)}.axis-guide p{font-size:12px;color:var(--muted);margin-top:15px}.axis-guide[open] summary>span{transform:rotate(45deg)}.faction-section{position:relative;isolation:isolate;background:#173c33;color:var(--paper);padding:58px;border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;gap:75px}.faction-section:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#15382ff7,#15382fdf),url('./assets/hallowfall.jpg') center/cover}.faction-section p{color:#d0d9c6;font-size:13px;margin:18px 0 25px}.faction-list{display:flex;flex-direction:column;justify-content:center}.faction-line{border-bottom:1px solid #91a18b5e;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.faction-line:first-child{padding-top:0}.faction-line:last-child{border:0}.faction-line strong{font:600 25px/1 Cormorant,Georgia,serif}.faction-line span{font-size:11px;color:#d3c396}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin:34px 0 48px}.step{border-top:1px solid var(--gold);padding-top:22px}.step b{font-size:11px;color:var(--gold)}.step h3{font-family:Cormorant,Georgia,serif;font-size:27px;margin:9px 0}.step p{font-size:13px;color:var(--muted)}.faq{max-width:780px}.faq details{border-top:1px solid var(--line);padding:19px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:12px 0 0;font-size:13px;color:var(--muted)}.source-list{font-size:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;margin-top:26px;padding-left:20px}.source-list a{text-decoration:underline}.lore-section{border-top:1px solid var(--line);padding-top:45px}.lore-section>p{margin-top:18px;color:var(--muted);font-size:13px}footer{max-width:1184px;margin:25px auto 0;padding:28px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;font-size:10px;color:var(--muted)}footer .footer-brand{font:600 25px/1 Cormorant,Georgia,serif;color:var(--ink);white-space:nowrap}footer>a:last-child{white-space:nowrap;margin-left:auto}.skip{position:fixed;top:-100px;left:20px;z-index:10;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px}#main:focus{outline:none}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:6px;background:var(--ink);color:var(--paper);box-shadow:0 5px 25px #132e322b;font-size:13px;z-index:20;max-width:90vw}#toast:empty{display:none}
.journey{max-width:780px;margin:60px auto 90px;min-height:50vh}.journey h1{font-size:60px}.journey-intro{margin:20px 0 32px;color:var(--muted)}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mode-card{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--white);display:flex;flex-direction:column;align-items:flex-start}.mode-card h2{font-size:37px}.mode-card p{font-size:13px;margin:15px 0 20px;color:var(--muted)}.mode-card .button{margin-top:auto}.mode-meta{font-size:12px;color:var(--gold);font-weight:700}.resume-block{margin-bottom:30px;background:#e5e9dc;padding:18px 22px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}.quiz-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:0 0 12px}.progress{height:3px;background:var(--line);margin-bottom:44px}.progress span{display:block;height:100%;background:var(--gold);transition:none}.question-axis{font-size:12px;color:var(--gold);margin-bottom:14px;font-weight:700}.question-title{font:600 42px/1.17 Cormorant,Georgia,serif;letter-spacing:-.012em;min-height:100px;max-width:720px;text-wrap:balance}.lore-note{font-size:12px;color:var(--muted);margin:20px 0 32px;max-width:700px}.lore-note summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.lore-note p{margin:12px 0}.lore-note a{text-decoration:underline}.answers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.answer{padding:20px 8px;min-height:112px;border:1px solid #b7c4b4;border-radius:8px;background:#e4e9dc;color:var(--ink);font-size:12px;font-weight:700;transition:transform .15s,background .15s}.answer:hover{transform:translateY(-3px);background:#d0ddc7}.answer:nth-child(3){background:#ebe8de;border-color:#d3cdbd}.answer:nth-child(n+4){background:#f0e3d9;border-color:#d6b8a6;color:#74392e}.answer:nth-child(n+4):hover{background:#e9cdbb}.answer[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.answer kbd{display:block;margin-top:12px;font:10px Manrope;opacity:.75}.quiz-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.quiz-bottom .text-button{font-size:12px}.quiz-bottom span{font-size:11px;color:var(--muted)}.question-wrap{animation:question-in .25s ease-out}.results{padding:50px 0 70px}.result-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:32px}.result-heading h1{font-size:56px}.result-heading p{font-size:12px;color:var(--muted);margin-top:12px}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-hero{background:var(--ink);color:var(--paper);border-radius:12px;display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;margin-bottom:38px}.character-visual{min-height:340px;position:relative;background:#2a5043;display:flex;align-items:center;justify-content:center}.character-visual img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:63% 30%}.character-visual .initials{font:600 120px Cormorant,Georgia,serif;color:#dbc896;border:1px solid #dbc896;border-radius:50%;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.character-info{padding:40px}.character-info .match{font-size:12px;color:#dbc896}.character-info h2{font-size:56px;margin:12px 0 7px}.character-info .title{font-size:12px;color:#c7d0bc}.character-info p{font-size:13px;color:#d6ddcd;margin-top:20px}.character-info a{font-size:11px;text-decoration:underline;display:inline-block;margin-top:16px}.matches-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:42px 0 65px}.matches-columns h2{font-size:35px;margin-bottom:20px}.match-row{padding:18px 0;border-bottom:1px solid var(--line)}.match-row summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}.match-row summary span{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap}.match-row p{font-size:12px;color:var(--muted);margin-top:12px}.match-row a{font-size:11px;text-decoration:underline}.results-axes{display:grid;grid-template-columns:1fr 1fr;gap:26px 50px;margin-top:30px}.result-axis h3{font-size:13px;margin-bottom:8px}.axis-labels{display:flex;justify-content:space-between;font-size:11px;margin:8px 0;color:var(--muted);gap:16px}.axis-labels strong{color:var(--ink)}.result-axis .track{display:flex;height:10px;background:#beaa87}.result-axis .track span{border-radius:0;background:var(--ink)}.result-note{font-size:12px;color:var(--muted);margin-top:32px}.review-answers{margin-top:45px;padding-top:25px;border-top:1px solid var(--line)}.review-answers summary{cursor:pointer;font-weight:700}.review-item{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px}.review-item button{background:none;border:0;color:var(--red);text-decoration:underline;white-space:nowrap}.share-fallback{width:100%;padding:12px;margin-top:16px;background:var(--white);border:1px solid var(--line);color:var(--ink)}.empty{text-align:center;padding:100px 25px}.empty p{margin:25px auto}.start-fresh{margin-top:28px}.method{margin-top:32px}.method summary{cursor:pointer;font-size:13px;font-weight:700}.method p{font-size:12px;margin-top:12px;color:var(--muted)}
@keyframes card-reveal{from{transform:translateY(22px) rotate(-1deg);filter:blur(2px)}to{transform:translateY(0) rotate(-3deg);filter:blur(0)}}@keyframes question-in{from{transform:translateY(7px)}to{transform:translateY(0)}}
@media(min-width:1400px){.hero{gap:85px}}@media(max-width:1250px){.container,footer{margin-left:38px;margin-right:38px}.hero{gap:40px}.site-header{padding:22px 38px}.hero-art{height:510px}.hero-actions{gap:18px}}
@media(max-width:900px){.site-header nav{display:none}.site-header>.button{margin-left:auto}.hero{gap:30px}.hero-art{height:470px;padding:20px}.hero h1{font-size:60px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.promise{gap:25px}.promise h3{font-size:23px}.promise-item{gap:10px}.axis-grid{grid-template-columns:1fr 1fr}.faction-section{gap:35px;padding:35px}.journey{margin:45px 35px 75px}.result-heading{display:block}.result-actions{margin-top:20px}.character-info{padding:27px}.character-info h2{font-size:47px}}
@media(max-width:640px){body{font-size:14px}.site-header{padding:18px 22px;gap:12px}.brand{font-size:26px;gap:8px}.brand img{width:34px;height:34px}.brand-sub{font-size:8px}.site-header>.button{padding:9px 11px;font-size:10px;gap:8px}.container,footer{margin-left:22px;margin-right:22px}.hero{grid-template-columns:1fr;padding:38px 0 34px;gap:32px}.hero h1{font-size:57px;max-width:470px}.hero-copy>p{font-size:14px;margin:20px 0 22px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{padding:14px 19px}.hero-actions .text-button{font-size:12px}.hero-art{height:440px;border-radius:140px 140px 12px 12px;max-width:450px;width:100%;margin:auto;padding:24px}.sample-card{max-width:310px}.hero-copy .micro{font-size:10px;margin-top:15px}.promise{grid-template-columns:1fr;gap:23px;padding:25px 0}.promise>h3{font-size:30px}.promise h3 br{display:none}.promise-item{gap:18px}.promise-item h3{font-size:24px}.section{padding:49px 0}.section-head{display:block;margin-bottom:26px}.section-head p{margin-top:16px}.axis-grid{gap:0 22px}.axis-guide h3{font-size:13px}.axis-guide .poles{font-size:10px}.faction-section{grid-template-columns:1fr;gap:10px;padding:28px}.faction-line strong{font-size:24px}.steps{grid-template-columns:1fr;gap:27px;margin-bottom:35px}.step{padding-top:16px}.source-list{grid-template-columns:1fr}.lore-section h2{font-size:36px}footer{display:block;padding:24px 0}footer p{margin:16px 0}.journey{margin:36px 22px 60px}.journey h1{font-size:48px}.mode-options{grid-template-columns:1fr}.mode-card{padding:26px}.mode-card h2{font-size:34px}.resume-block{align-items:flex-start;flex-direction:column;gap:10px}.progress{margin-bottom:30px}.question-title{font-size:34px;min-height:0}.answers{grid-template-columns:1fr;gap:8px}.answer{min-height:0;display:flex;justify-content:space-between;align-items:center;padding:13px 18px;font-size:13px}.answer kbd{margin:0}.lore-note{margin:18px 0 25px}.quiz-bottom{align-items:flex-start;gap:20px}.quiz-bottom span{max-width:150px;text-align:right}.results{padding-top:32px}.result-heading h1{font-size:46px}.result-hero{grid-template-columns:1fr}.character-visual{min-height:245px}.character-info{padding:27px}.matches-columns{grid-template-columns:1fr;gap:32px;margin:35px 0 45px}.results-axes{grid-template-columns:1fr;gap:23px}.result-actions .button{font-size:12px;padding:11px 14px}.result-note{font-size:11px}.review-item{display:block}.review-item button{margin-top:7px;padding:4px 0}h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@font-face{font-family:Manrope;src:url('./assets/manrope-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}

.journey .question-title{font-size:42px;line-height:1.17}.hero-copy>.micro{font-size:11px;line-height:1.7}.art-caption{background:#173c33d9;left:50%;right:auto;transform:translateX(-50%);width:max-content;padding:4px 10px;border-radius:4px;top:28px;font-size:10px}@media(max-width:640px){.journey .question-title{font-size:34px}.hero-copy>.micro{font-size:10px}.faction-line strong{max-width:180px}.faction-line span{text-align:right}}

