:root{
  --base:#0b0d14;--base2:#11131c;--white:#f7f1e8;--muted:#aaa6ac;--gold:#d6b77a;--border:rgba(236,212,173,.16);
  color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--base);color:var(--white);font-synthesis:none
}
*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 650px at 50% -350px,rgba(155,116,72,.19),transparent),#0b0d14}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}.page-shell{width:min(100%,1080px);margin:auto;min-height:100vh;display:flex;flex-direction:column}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,56px);border-bottom:1px solid rgba(255,255,255,.055);z-index:4}.brand{display:inline-flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.23em;font-weight:760}.brand-mark{font-family:Georgia,serif;color:#d5b479;font-size:33px;font-weight:400}.brand-sub{display:block;font-size:9px;color:#a6a1a0;letter-spacing:.35em;line-height:2}.header-tail{font-size:10px;letter-spacing:.23em;color:#8c8790}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:26px clamp(24px,5vw,56px) 42px;border-top:1px solid rgba(255,255,255,.07);color:#88848a;font-size:11px;letter-spacing:.03em}
.intro{text-align:center;position:relative;isolation:isolate;padding:80px 24px 90px;flex:1;overflow:hidden}.intro-decoration{position:absolute;z-index:-1;width:660px;height:660px;left:50%;top:-234px;transform:translateX(-50%);opacity:.16;pointer-events:none;filter:sepia(.6)}.intro-decoration img{width:100%;height:100%}.eyebrow,.section-label{font-size:11px;font-weight:700;letter-spacing:.23em;color:#e1bc7e}.mini-star{margin:0 9px}.intro h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(45px,7.5vw,78px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:26px 0 24px}.intro h1 em{font-style:normal;color:#e0bf85}.intro-text{font-size:16px;color:#b5b0b0;line-height:1.75;width:min(100%,570px);margin:0 auto 39px}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(100%,670px);margin:0 auto}.mode-card{text-align:left;border-radius:13px;color:var(--white);padding:23px;position:relative;min-height:218px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;background:linear-gradient(143deg,rgba(43,37,34,.7),rgba(18,19,25,.97));border:1px solid var(--border);transition:transform .2s,border-color .2s,background .2s}.mode-card:hover{transform:translateY(-3px);border-color:#987d54}.mode-card.featured{border-color:rgba(213,176,110,.58);background:linear-gradient(143deg,rgba(78,61,40,.46),rgba(18,19,25,.98))}.mode-icon{font-size:28px;color:#c8a86f;height:31px}.mode-card strong{font-size:18px;letter-spacing:-.02em}.mode-card>span:not(.mode-icon):not(.mode-action):not(.featured-tag){color:#f5dfb8;font-size:12px}.mode-card small{font-size:12px;color:#9f999a;line-height:1.5}.mode-action{font-weight:750;letter-spacing:.15em;font-size:10px;color:#e8c98e;margin-top:auto;padding-top:13px}.mode-action span{padding-left:4px}.featured-tag{position:absolute;right:13px;top:17px;font-size:8px;letter-spacing:.1em;color:#e3c890}.continue-row{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap;padding:19px 0 0}.ghost-button,.link-button{border:0;background:transparent;color:#e6c68c;padding:8px;text-decoration:underline;text-underline-offset:4px}.link-button{color:#9e9797;font-size:12px}.element-strip{display:flex;justify-content:center;gap:clamp(10px,5vw,35px);padding-top:62px;flex-wrap:wrap}.element-chip{display:flex;align-items:center;gap:9px;color:#948f91;font-size:11px;letter-spacing:.1em}.element-mini{width:30px;height:30px;object-fit:contain;opacity:.75}
.quiz{flex:1;width:min(100%,790px);margin:auto;padding:44px 25px 75px}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:49px}.breadcrumb,.progress-top,.question-kicker{font-size:10px;letter-spacing:.19em;font-weight:730;color:#c1a276}.breadcrumb-separator{margin:0 12px;color:#5f5a57}.small-back{border:0;background:transparent;color:#b0a8a5;font-size:13px;display:flex;gap:10px;align-items:center;padding:8px}.small-back span{font-size:19px}.progress-top{display:flex;justify-content:space-between;gap:12px;letter-spacing:.13em;color:#e3cba7}.progress-dim,.progress-top>span:last-child{color:#9f9693}.progress-track{height:3px;margin-top:15px;background:#27252a;overflow:hidden;border-radius:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#947248,#e3bd7b);transition:width .25s ease}.question-panel{text-align:center;padding:50px 0 0}.question-ornament{color:#b89a67;font-family:Georgia,serif;font-size:26px;margin-bottom:27px}.question-kicker{color:#88818a;margin-bottom:20px;font-size:10px}.question-title{font-family:Georgia,serif;font-size:clamp(27px,4.5vw,42px);font-weight:400;line-height:1.32;min-height:117px;max-width:690px;margin:0 auto 37px;letter-spacing:-.02em}.answer-options{display:grid;gap:9px;max-width:620px;margin:auto}.answer{border:1px solid rgba(255,255,255,.105);background:#15171e;color:#ede9e8;border-radius:8px;min-height:59px;display:flex;align-items:center;text-align:left;gap:16px;padding:12px 20px;transition:border-color .16s,background .16s,transform .16s}.answer:hover{border-color:rgba(210,175,117,.6);background:#1d1c21}.answer.selected{border-color:#d7b579;background:linear-gradient(95deg,rgba(173,129,67,.18),rgba(26,25,29,.98))}.answer-dot{width:17px;height:17px;border:1.5px solid #6c6870;border-radius:50%;flex-shrink:0}.answer.selected .answer-dot{border:5px solid #d7b579}.answer-label{flex:1;font-size:14px}.quiz-actions{display:flex;gap:12px;justify-content:space-between;max-width:620px;margin:26px auto 0}.solid-button,.outline-button{border-radius:7px;border:1px solid #cbab74;min-height:52px;padding:12px 21px;font-size:11px;font-weight:780;letter-spacing:.12em;display:inline-flex;align-items:center;justify-content:center;gap:9px}.solid-button{background:#dfc08a;color:#1d1710}.solid-button:not(:disabled):hover{background:#edcd9b}.outline-button{background:transparent;color:#dbc49f;border-color:rgba(221,194,152,.38)}.outline-button:not(:disabled):hover{background:rgba(217,187,141,.075)}.quiz-tip{font-size:12px;text-align:center;margin:29px auto 0;color:#817b82;max-width:500px;line-height:1.65}
body.result-page{background:linear-gradient(180deg,#1a1512 0%,#121013 35%,#0b0d14 100%)}body.result-page .site-header{background:rgba(13,13,17,.65);border-color:rgba(255,255,255,.06)}.result{flex:1}.result-hero{position:relative;isolation:isolate;text-align:center;min-height:715px;padding:60px 24px 70px;display:flex;align-items:center;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(ellipse 74% 66% at 50% 37%,color-mix(in srgb,var(--accent-deep) 25%,transparent),transparent 72%),linear-gradient(180deg,rgba(20,16,18,.34),rgba(5,6,11,.14))}.result-hero:before{content:"";position:absolute;inset:0;opacity:.26;background-image:radial-gradient(circle at 11% 15%,var(--accent) 0 1px,transparent 1px),radial-gradient(circle at 81% 75%,var(--accent) 0 1px,transparent 1px);background-size:43px 39px,71px 53px;z-index:-2}.result-hero:after{content:"";height:1px;width:min(75%,750px);position:absolute;bottom:0;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.45}.hero-orb{position:absolute;z-index:-1;left:50%;top:14px;width:min(92vw,640px);height:min(92vw,640px);transform:translateX(-50%);pointer-events:none;opacity:.46;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 18%,transparent))}.hero-orb img{width:100%;height:100%}.result-eyebrow{color:var(--accent-light);margin-bottom:27px;font-size:10px}.hero-sigil{width:150px;height:150px;position:relative;margin-bottom:12px}.hero-sigil img{width:100%;height:100%;filter:drop-shadow(0 0 29px color-mix(in srgb,var(--accent) 47%,transparent))}.result-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(51px,11.2vw,103px);line-height:1;letter-spacing:-.058em;font-weight:400;margin:14px 0 8px;color:#fff7ec;text-shadow:0 3px 24px #0c0b0a}.result-subtitle{font-family:Georgia,serif;font-size:clamp(23px,4vw,33px);color:var(--accent-light);letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}.result-quote{font-family:Georgia,serif;font-size:17px;color:#f2e1c9;font-style:italic;line-height:1.5;max-width:460px;margin-bottom:0}.result-body{width:min(100%,800px);margin:-11px auto 90px;padding:0 21px;position:relative}.lore-card,.spectrum-card,.subtype-card{background:linear-gradient(142deg,rgba(30,28,29,.97),rgba(15,16,20,.98));border:1px solid rgba(255,255,255,.10);box-shadow:0 22px 70px rgba(0,0,0,.3);padding:clamp(25px,5vw,50px);border-radius:4px}.lore-card{border-top:2px solid var(--accent)}.lore-card .section-label,.spectrum-card .section-label,.subtype-card .section-label{color:var(--accent);margin:0 0 15px}.lore-card h2,.spectrum-card h2{font-family:Georgia,serif;font-size:clamp(26px,4.6vw,39px);font-weight:400;line-height:1.1;margin:0 0 22px;color:#f9f1e8}.lore-card p{font-size:15px;line-height:1.83;color:#cdc7c5;margin:0}.lore-card h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:25px 0 13px;color:var(--accent-light)}.hairline{height:1px;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent);margin:32px 0}.lore-small{font-size:13px;color:#a9a1a2;line-height:1.6;border-left:2px solid var(--accent);padding-left:15px;margin-top:27px}.spectrum-card{margin-top:16px}.card-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:26px}.card-heading h2{margin-bottom:0}.spectrum-emblem{color:var(--accent);font-size:32px;font-family:Georgia,serif}.spectrum-entry{margin-bottom:24px}.spectrum-entry:last-of-type{margin-bottom:0}.spectrum-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;gap:10px}.spectrum-name{display:inline-flex;align-items:center;gap:11px;font-size:13px;color:#d7d2d0;font-weight:650}.spectrum-head b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.spectrum-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.spectrum-icon img{width:30px;height:30px}.tag-top{font-size:8px;letter-spacing:.1em;color:var(--accent);border:1px solid var(--accent-deep);padding:5px 6px}.spectrum-track{height:8px;border-radius:6px;background:#34323a;overflow:hidden}.spectrum-bar{height:100%;background:var(--bar-color);border-radius:6px;box-shadow:0 0 12px var(--bar-color)}.spectrum-note{font-size:13px;line-height:1.6;color:#c6b29f;background:rgba(227,188,129,.065);border-left:2px solid var(--accent);padding:11px 14px;margin:26px 0 0}.subtype-card{margin-top:16px}.subtype-tags{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.facet-pill{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);padding:9px 12px;border-radius:3px;font-size:12px}.facet-pill.mixed{color:var(--accent-light);border-color:var(--accent-deep)}.subtype-card p{color:#aca3a4;font-size:13px;line-height:1.7;margin:10px 0 0}.result-actions{display:flex;gap:12px;margin-top:22px}.result-actions button{flex:1}.disclaimer{text-align:center;color:#88817d;margin-top:27px;font-size:11px;line-height:1.7}.toast{position:fixed;z-index:20;bottom:28px;left:50%;transform:translate(-50%,20px);padding:12px 18px;border:1px solid #9f8253;background:#1b1a1f;color:#fff5dd;box-shadow:0 10px 30px #0008;opacity:0;transition:opacity .2s,transform .2s;max-width:90%;text-align:center;font-size:12px;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:680px){.site-header{height:72px;padding:0 21px}.header-tail{display:none}.site-footer{display:block;text-align:center;line-height:2}.site-footer span{display:block}.intro{padding:68px 18px 65px}.intro-text{font-size:14px}.mode-grid{grid-template-columns:1fr;max-width:440px}.mode-card{min-height:172px;padding:20px}.element-strip{padding-top:42px;column-gap:17px;row-gap:13px}.element-chip{font-size:10px}.element-mini{width:25px;height:25px}.quiz{padding:33px 18px 45px}.quiz-top{margin-bottom:35px}.question-panel{padding-top:35px}.question-title{min-height:125px;margin-bottom:31px}.answer{min-height:55px;padding:10px 16px}.answer-options{gap:8px}.question-title{min-height:0;font-size:clamp(25px,6vw,34px);margin-bottom:26px}.question-panel{padding-top:26px}.quiz-actions{margin-top:22px}.solid-button,.outline-button{padding:13px;font-size:10px}.result-hero{min-height:610px;padding:55px 18px 50px}.hero-orb{top:26px}.hero-sigil{width:125px;height:125px}.result-body{margin-top:-7px;padding:0 14px}.result-subtitle{letter-spacing:.11em}.result-actions{flex-direction:column}.lore-card,.spectrum-card,.subtype-card{padding:25px 21px}.tag-top{font-size:7px}.spectrum-name{font-size:12px}.spectrum-head b{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}