:root{--bg:#08090b;--card:#111415;--text:#f3efe5;--muted:#b6b4ac;--gold:#c5a46d;--line:#c5a46d25;--dragon:#c5a46d;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-image:radial-gradient(ellipse at 100% 10%,#493e2810,transparent 45%)}a{color:var(--gold);text-underline-offset:5px}button,a,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #e1c28b;outline-offset:5px}h2[tabindex]:focus{outline:none}[hidden]{display:none!important}h1,h2,h3{font:400 36px/1.2 Georgia,serif}h1{font-size:clamp(46px,5.2vw,76px);letter-spacing:-2.5px;margin:22px 0}h2{font-size:clamp(29px,3vw,40px);margin:0 0 24px}h3{font-size:26px}h1 em,h2 em{color:var(--gold);font-weight:400}p{color:var(--muted)}.site-header,main,footer{width:min(1160px,calc(100% - 64px));margin:auto}.site-header{height:88px;display:flex;align-items:center;gap:44px;position:relative;z-index:3}.logo{font:25px Georgia,serif;color:var(--text);text-decoration:none;white-space:nowrap;letter-spacing:-.5px}.logo:before{content:'♢';color:var(--gold);margin-right:10px}.logo span{color:var(--gold)}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font-size:14px}nav a:hover,nav a[aria-current]{color:var(--gold)}.header-cta{margin-left:auto;text-decoration:none;white-space:nowrap;font-size:13px;letter-spacing:1px;border-bottom:1px solid #c5a46d80;padding-bottom:5px}.menu-toggle{display:none;background:none;border:0;color:var(--gold);font-size:26px;min-width:44px;min-height:44px}.hero{position:relative;min-height:505px;padding:75px 0 48px;isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:640px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--gold);margin:0 0 18px}.lead{max-width:550px;font-size:18px;line-height:1.8}.hero .lead{max-width:420px;margin:26px 0}.button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 24px;text-decoration:none;font-weight:600;font-size:12px;letter-spacing:1.4px;border:1px solid var(--gold);background:var(--gold);color:#14120e;min-height:50px;transition:background .18s,border-color .18s,box-shadow .18s}.button:hover{background:#dcc396;box-shadow:0 0 30px #c5a46d16}.secondary-button{background:transparent;color:var(--text);border-color:#c5a46d55}.secondary-button:hover{background:#c5a46d10}.hero-perks{font-size:12px;letter-spacing:.3px;margin-top:20px}.hero-perks span{color:var(--gold);margin:0 7px}.hero-art{position:absolute;right:-25px;top:-20px;width:55%;height:565px;z-index:0;pointer-events:none}.hero-dragon{position:absolute;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 45px #a7945620);opacity:.95}.dragon-halo{position:absolute;inset:45px 35px;border:1px solid #c5a46d13;border-radius:50%;background:radial-gradient(ellipse,#a3945f14,transparent 68%)}.dragon-halo:after{content:'';position:absolute;inset:30px;border:1px solid #c5a46d10;border-radius:50%}.hero-fog{position:absolute;bottom:0;left:0;right:0;height:170px;background:linear-gradient(0deg,var(--bg),#08090b00);filter:blur(9px)}.art-caption{position:absolute;bottom:32px;right:70px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2.4px;color:#c5a46d85}.hero-index{position:absolute;left:0;bottom:5px;font-size:9px;letter-spacing:3px;color:#bcb09970}.hero:after{content:'';position:absolute;inset:-20px -30px;z-index:-1;background:radial-gradient(ellipse at 88% 55%,#4f45261a,transparent 60%);pointer-events:none}.quiz-shell{scroll-margin-top:20px;padding:42px 48px;margin:35px 0 80px;position:relative;background:linear-gradient(125deg,#17191a,#0d1011);border:1px solid #c5a46d35;box-shadow:0 20px 70px #0005}.quiz-shell:before,.quiz-shell:after{content:'';position:absolute;width:20px;height:20px;pointer-events:none;border-color:var(--gold);opacity:.6}.quiz-shell:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.quiz-shell:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.quiz-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;letter-spacing:1px}#question-roman{font:28px Georgia,serif;color:var(--gold)}progress{display:block;width:100%;height:2px;border:0;margin:18px 0 30px;background:#c5a46d20}progress::-webkit-progress-bar{background:#c5a46d20}progress::-webkit-progress-value{background:linear-gradient(90deg,#8b744b,#e0c595)}progress::-moz-progress-bar{background:var(--gold)}#question-text{font-size:clamp(28px,3vw,40px);max-width:820px}#question-chapter{font-size:10px;margin-bottom:15px}.options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0}.option{display:flex;align-items:center;gap:18px;min-height:113px;padding:20px 23px;background:linear-gradient(135deg,#20211f60,#111414);border:1px solid #b8a67d30;color:var(--text);text-align:left;transition:border-color .18s,background .18s,box-shadow .18s}.option:hover{background:#24251f;border-color:#c5a46d80}.option[aria-pressed=true]{background:linear-gradient(120deg,#c5a46d20,#c5a46d08);border-color:var(--gold);box-shadow:inset 3px 0 var(--gold),0 0 25px #c5a46d09}.option-letter{color:var(--gold);font:20px Georgia,serif;border-right:1px solid #c5a46d30;padding-right:16px}.option-copy{display:flex;flex-direction:column;gap:7px;flex:1}.option-title{font-size:15px;font-weight:500;line-height:1.5}.option-hint{font-size:12px;color:var(--muted);line-height:1.5}.option-mark{color:var(--gold);opacity:0}.option[aria-pressed=true] .option-mark{opacity:1}.quiz-controls{display:flex;justify-content:space-between;gap:12px}.text-button{border:0;background:none;color:var(--muted);min-height:46px;font-size:12px;letter-spacing:1px}.text-button:hover{color:var(--gold)}.content-section{padding:60px 0;border:0}.content-section>p{max-width:800px}.content-section:has(>.colors){margin:25px -32px;padding:65px 32px;background:linear-gradient(180deg,#141615,#0b0d0d)}.content-section:has(>.faq){max-width:890px}.content-section:has(>.explore){padding-bottom:80px}.colors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.color-card{position:relative;isolation:isolate;overflow:hidden;padding:25px 26px;background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--dragon) 11%,transparent),transparent 80%),#0b0e0e;border:1px solid #ffffff0c;min-height:330px}.color-card:hover{border-color:color-mix(in srgb,var(--dragon) 40%,transparent)}.color-number{font-size:8px;letter-spacing:1.8px;color:#c0b9a27e}.color-dragon{position:absolute;right:-30px;top:8px;width:145px;height:150px;opacity:.34;z-index:-1;filter:sepia(.2)}.color-card h3{font-size:34px;letter-spacing:2px;margin:50px 0 22px;color:var(--text)}.color-card h3 span{display:block;font:9px system-ui;letter-spacing:2px;color:var(--dragon);margin-top:9px}.personality-tags{display:flex;gap:6px;flex-wrap:wrap;list-style:none;padding:0;margin:16px 0}.personality-tags li{font-size:10px;letter-spacing:.4px;padding:3px 7px;color:#d4cbb9;border:1px solid #c5a46d25;margin:0;line-height:1.5}.color-card p{font-size:14px;line-height:1.8;max-width:260px;margin:18px 0 24px}.color-card a{font-size:10px;letter-spacing:1px;text-decoration:none}.color-card a span{margin-left:12px}.black{--dragon:#b2a28a}.blue{--dragon:#8fa4bd}.green{--dragon:#9eb39a}.red{--dragon:#bd9083}.orange{--dragon:#c5a176}.brown{--dragon:#b6a289}.interpretation-note{font-size:12px;max-width:740px;color:var(--muted);margin:25px 0 0}.small,.source{font-size:13px;line-height:1.8}.explore{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.explore>a{font:25px/1.3 Georgia,serif;color:var(--text);text-decoration:none;padding:25px 0 25px 20px;border-left:1px solid #c5a46d55}.explore span{display:block;margin-top:16px;font:12px system-ui;color:var(--gold)}details{border-bottom:1px solid #c5a46d18;padding:20px 0}summary{cursor:pointer;font-size:16px;color:var(--text)}details p{max-width:800px;font-size:15px}.page-heading{padding:68px 0 40px;max-width:900px;position:relative}.page-heading:before{content:'THE RIDER’S ARCHIVE';position:absolute;right:-120px;top:130px;writing-mode:vertical-rl;color:#c5a46d50;font-size:9px;letter-spacing:3px}.page-heading h1{font-size:clamp(40px,5vw,66px)}li{color:var(--muted);margin:8px 0}ol,ul:not(.personality-tags){padding-left:24px}.badge{display:inline-block;font-size:9px;letter-spacing:1px;white-space:nowrap;padding:4px 9px;border:1px solid #c5a46d35;color:#d4c3a5;background:#c5a46d0a}.official{color:#b8c6ac}.multiple-reports{color:#d9c494}.community-reported{color:#c7b99e}.unverified{color:#b4acba}.confidence-key{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;padding:22px 30px;background:#151816}.confidence-key p{font-size:12px;margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.table-scroll{overflow-x:auto;margin:28px 0 20px;background:#131616}table{border-collapse:collapse;width:100%;min-width:660px;text-align:left;font-size:14px}th{color:var(--gold);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}td,th{padding:22px;border-bottom:1px solid #ffffff09;vertical-align:top}td{color:var(--muted)}.update-stamp{font-size:12px;letter-spacing:.7px;color:var(--gold);margin:20px 0}.tail-list{display:grid;grid-template-columns:190px 1fr;gap:18px;padding:28px;background:#111514;max-width:850px}.tail-list dt{color:var(--gold)}.tail-list dd{margin:0;color:var(--muted)}footer{margin-top:50px;padding:45px 0;border-top:1px solid var(--line)}footer nav{margin:25px 0;flex-wrap:wrap}footer p{font-size:12px;max-width:850px}.skip{position:absolute;left:20px;top:-100px;z-index:20;background:var(--bg);padding:10px}.skip:focus{top:10px}textarea{display:block;width:100%;min-height:150px;font:16px system-ui;margin-top:12px}#quiz-status{margin-bottom:0}#quiz-status:empty{display:none}
/* The result is a keepsake, with one clear visual and a compact story. */
.quiz-shell.has-result{max-width:920px;margin:35px auto 80px;padding:35px 45px;background:radial-gradient(ellipse at 25% 45%,#c5a46d10,transparent 60%),linear-gradient(140deg,#171b18,#0e1111);border-color:#c5a46d60}.result-heading{text-align:center}.result-heading .eyebrow{font-size:10px;margin-bottom:12px}.result-heading h2{font-size:65px;color:#e8d4ad;margin:0;letter-spacing:-2px}.dragon-kind{font:18px Georgia,serif;color:var(--text);margin:8px 0 20px}.result-bond{display:grid;grid-template-columns:36% 1fr;gap:30px;align-items:center}.result-portrait{position:relative;text-align:center}.result-portrait img{position:relative;width:100%;height:auto;z-index:1;filter:drop-shadow(0 0 20px #c5a46d20)}.emblem-ring{position:absolute;inset:8% 0;border:1px solid #c5a46d30;border-radius:50%}.emblem-ring:after{content:'';position:absolute;inset:12px;border:1px solid #c5a46d12;border-radius:50%}.portrait-caption{display:block;font-size:9px;letter-spacing:2.5px;color:var(--gold);margin-top:-10px}.rider-label{font-size:9px;color:var(--gold);letter-spacing:1.8px;margin:0}.rider-name{font:27px Georgia,serif;color:var(--text);margin:6px 0 14px}.result-story .personality-tags{margin:0 0 22px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 22px}.result-details dt{font-size:9px;letter-spacing:1.7px;color:var(--gold)}.result-details dd{font:46px/1.1 Georgia,serif;margin:7px 0 0;color:var(--text)}.result-details dd span{font-size:22px;color:var(--gold)}.result-details dd.signet-name{font-size:23px;line-height:1.4}.result-details p{font-size:10px;margin:6px 0 0}.bond-explanation h3{font:italic 20px Georgia,serif;margin:0 0 10px;color:var(--text)}.bond-explanation p{font-size:14px;line-height:1.8;margin:0}blockquote{font:italic 19px/1.6 Georgia,serif;color:#d2ba90;margin:20px 0 0}.result-footnote{text-align:center;font-size:8px;letter-spacing:1.8px;color:var(--muted);margin:30px 0 20px}.result-actions{display:flex;justify-content:center;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:20px}.result-actions .button,.result-actions .secondary-button{font-size:10px;min-height:44px;padding:12px 19px}.result-actions .text-button{font-size:10px}
@media(max-width:1000px){.site-header{gap:25px}.header-cta{display:none}nav{margin-left:auto}.hero-copy{max-width:550px}.hero-art{right:-25px;opacity:.8}.page-heading:before{display:none}.color-card{padding:22px}.colors{gap:12px}.color-card h3{font-size:30px}}
@media(max-width:700px){.site-header,main,footer{width:calc(100% - 36px)}.site-header{height:72px;justify-content:space-between}.logo{font-size:23px}.menu-toggle{display:block}#navigation{display:none;position:absolute;top:72px;left:-18px;right:-18px;padding:24px;background:#111514;z-index:10;border-bottom:1px solid var(--line)}#navigation.is-open{display:flex;flex-direction:column;gap:20px}#navigation a{font-size:16px}.hero{min-height:530px;padding:165px 0 25px}.hero-art{width:330px;height:340px;right:-40px;top:-30px;opacity:.76}.hero-dragon{mask-image:linear-gradient(#000 55%,transparent 100%)}.dragon-halo{inset:35px 25px}.hero-fog{height:100px}.art-caption{display:none}.hero-copy{max-width:100%}.hero .eyebrow{font-size:9px;letter-spacing:1.5px;margin:8px 0 14px}.hero h1{font-size:48px;letter-spacing:-1.5px;margin:14px 0 18px}.hero .lead{font-size:16px;line-height:1.7;max-width:320px;margin:18px 0 25px}.hero-perks{font-size:11px;margin-top:15px}.hero-perks span{margin:0 4px}.hero-index{display:none}.quiz-shell{padding:28px 22px;margin:24px 0 50px}.options{grid-template-columns:1fr;gap:10px;margin:23px 0}.option{min-height:91px;padding:15px;gap:13px}.option-letter{font-size:18px;padding-right:12px}.option-title{font-size:15px}.option-hint{font-size:12px}#question-text{font-size:29px}#question-chapter{font-size:9px;letter-spacing:1.7px}.quiz-meta{font-size:10px}#question-roman{font-size:23px}progress{margin:16px 0 25px}.quiz-controls .button{padding:13px 15px;font-size:10px;letter-spacing:1px}.content-section{padding:37px 0}.content-section:has(>.colors){margin:20px -18px;padding:38px 18px}.colors{grid-template-columns:1fr 1fr;gap:10px}.color-card{padding:20px 16px;min-height:340px}.color-dragon{width:105px;height:108px;right:-24px;top:15px}.color-number{font-size:7px;letter-spacing:.7px}.color-card h3{font-size:25px;margin-top:55px;letter-spacing:1px}.color-card h3 span{font-size:8px;letter-spacing:1.2px}.color-card .personality-tags{gap:4px}.personality-tags li{font-size:9px;padding:3px 5px}.color-card p{font-size:13px}.color-card a{font-size:8px;letter-spacing:.6px}.color-card a span{margin-left:3px}.interpretation-note{font-size:11px}.explore{grid-template-columns:1fr;gap:22px}.explore>a{padding:12px 0 12px 20px}.content-section:has(>.explore){padding-bottom:40px}.page-heading{padding:45px 0 20px}.page-heading h1{font-size:44px}.page-heading .lead{font-size:16px}.confidence-key{padding:20px;gap:20px}.table-scroll{margin-top:20px}.tail-list{grid-template-columns:1fr;gap:8px;padding:22px}.tail-list dd{margin-bottom:16px}.quiz-shell.has-result{padding:21px 17px;margin:20px auto 50px;scroll-margin-top:10px}.result-heading .eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 7px}.result-heading h2{font-size:45px;letter-spacing:-1px}.dragon-kind{font-size:16px;margin:6px 0 4px}.result-bond{display:flex;flex-direction:column;gap:8px}.result-portrait{width:120px;height:112px}.result-portrait img{width:112px;height:112px}.emblem-ring{inset:4px 5px}.portrait-caption{display:none}.result-story{text-align:center;width:100%}.rider-label{font-size:8px;letter-spacing:1.5px}.rider-name{font-size:23px;margin:4px 0 9px}.result-story .personality-tags{justify-content:center;margin:0 0 14px}.result-story .personality-tags li{font-size:9px;padding:3px 7px}.result-details{gap:12px;margin:0 0 16px}.result-details dt{font-size:8px;letter-spacing:1.2px}.result-details dd{font-size:33px;margin:5px 0 0}.result-details dd.signet-name{font-size:19px}.result-details dd span{font-size:18px}.result-details p{font-size:9px;line-height:1.4;margin-top:5px}.bond-explanation h3{font-size:18px;margin-bottom:7px}.bond-explanation p{font-size:13px;line-height:1.65}blockquote{font-size:16px;line-height:1.5;margin:13px 0 0}.result-footnote{font-size:7px;letter-spacing:1.2px;margin:15px 0 12px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:12px}.result-actions .button{grid-column:1/-1;min-height:40px;padding:10px 12px;font-size:10px}.result-actions .secondary-button,.result-actions .text-button{min-height:35px;padding:8px 10px;font-size:9px}.result-actions .text-button{border:1px solid #c5a46d25}.result-actions .button span{margin-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* Keep the hero's atmosphere inside the page at narrow widths. */
.hero{overflow:clip}.hero h1{font-size:clamp(46px,4.25vw,68px)}
@media(min-width:1001px){.hero-copy{max-width:660px}}
@media(max-width:700px){.hero h1{font-size:48px}}

/* Readability takes priority over fitting the result onto one screen. */
.result-story .personality-tags li{font-size:13px;padding:4px 9px}
.bond-explanation p{font-size:16px;line-height:1.75}
.result-details dt,.rider-label{font-size:11px}
.result-details p{font-size:12px}
.result-heading .eyebrow{font-size:11px}
.result-footnote{font-size:10px;line-height:1.7}
.result-actions .button,.result-actions .secondary-button,.result-actions .text-button{font-size:12px;min-height:46px;letter-spacing:1px}
@media(max-width:700px){.result-story .personality-tags li{font-size:13px}.bond-explanation p{font-size:16px}.result-details dt,.rider-label{font-size:10px;letter-spacing:1px}.result-details p{font-size:12px}.result-heading .eyebrow{font-size:10px}.result-footnote{font-size:9px}.result-actions .button,.result-actions .secondary-button,.result-actions .text-button{font-size:12px;min-height:46px}.result-details dd{font-size:40px}.result-details dd.signet-name{font-size:20px}}