@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap');

:root{--v-black:#111;--v-ink:#171214;--v-wine:#5b1e24;--v-red:#9d1f2e;--v-gold:#b89a5e;--v-cream:#f3eee6;--v-pink:#d8b8be;--v-pearl:#c7c2bd;--v-silver:#8b8f98;--v-green:#3e5c4c}
.villain-mode{margin:0;background:var(--v-black);color:var(--v-cream);font-family:"Noto Serif SC","Songti SC",serif}.villain-mode .site-header,.villain-mode>footer,.villain-mode>.grain{display:none}.villain-mode #app{width:100%;max-width:none;margin:0;padding:0}.villain-mode *{box-sizing:border-box}.villain-mode button,.villain-mode input{font:inherit}.villain-mode button{cursor:pointer}.villain-mode .shop-mark{position:fixed;top:auto;right:18px;bottom:16px;width:auto;height:auto;z-index:100;background:rgba(17,17,17,.78);border:1px solid rgba(184,154,94,.5);color:var(--v-pearl);padding:8px 12px;font:11px/1.2 sans-serif;letter-spacing:.08em;backdrop-filter:blur(12px)}
.villain-filigree{position:absolute;inset:18px;pointer-events:none;z-index:2}.villain-filigree:before,.villain-filigree:after{content:"";position:absolute;width:120px;height:120px;border-color:rgba(184,154,94,.56)}.villain-filigree:before{left:0;top:0;border-left:1px solid;border-top:1px solid}.villain-filigree:after{right:0;bottom:0;border-right:1px solid;border-bottom:1px solid}.villain-filigree i,.villain-filigree b{position:absolute;display:block;background:rgba(184,154,94,.7)}.villain-filigree i:first-child{left:0;top:0;width:36px;height:1px;transform:rotate(45deg);transform-origin:left}.villain-filigree i:nth-child(2){right:0;bottom:0;width:36px;height:1px;transform:rotate(45deg);transform-origin:right}.villain-filigree b:nth-child(3){left:8px;top:8px;width:5px;height:5px;border-radius:50%}.villain-filigree b:nth-child(4){right:8px;bottom:8px;width:5px;height:5px;border-radius:50%}
.villain-back{position:absolute;z-index:5;left:34px;top:32px;border:0;background:none;color:var(--v-pearl);font:600 12px/1 sans-serif;letter-spacing:.16em}

.villain-home{min-height:100vh;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(480px,1.14fr);background:radial-gradient(circle at 18% 30%,rgba(91,30,36,.28),transparent 32%),linear-gradient(135deg,#0c0a0b,#191315 58%,#0b090a)}.villain-home:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(184,154,94,.26) 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.018) 48px)}.villain-home-copy{position:relative;z-index:3;align-self:center;padding:110px 7vw 100px}.villain-home-copy>p,.villain-home-copy>span{font:600 11px/1.4 sans-serif;letter-spacing:.2em;color:var(--v-gold)}.villain-home-copy>span{display:block;color:var(--v-silver);margin-top:14px}.villain-home-copy h1{font-size:clamp(48px,5.5vw,88px);font-weight:500;line-height:1.12;letter-spacing:.03em;margin:30px 0 24px}.villain-home-copy h1 strong{font-weight:800;color:var(--v-pink);text-shadow:0 14px 50px rgba(157,31,46,.24)}.villain-home-copy blockquote{margin:0 0 24px;padding:18px 0 18px 22px;border-left:1px solid var(--v-gold);font-size:18px;line-height:1.9;color:var(--v-pearl)}.villain-home-intro{max-width:580px;color:#cfc5c0;font-size:15px;line-height:2}.villain-redeem{margin-top:38px}.villain-redeem label{display:block;color:var(--v-gold);font:600 11px/1 sans-serif;letter-spacing:.15em;margin-bottom:10px}.villain-redeem>div{display:flex;max-width:600px}.villain-redeem input{min-width:0;flex:1;border:1px solid rgba(184,154,94,.45);border-right:0;background:rgba(255,255,255,.04);color:white;padding:15px 18px;outline:none}.villain-redeem input:focus{border-color:var(--v-gold)}.villain-redeem button,.villain-gold{border:1px solid var(--v-gold);background:var(--v-gold);color:#171214;padding:14px 20px;font-weight:700}.villain-redeem button b{margin-left:15px}.villain-home-copy>small{display:block;margin-top:17px;color:var(--v-silver);font:11px/1.5 sans-serif}.villain-error{color:#ffc3cb!important;letter-spacing:0!important}.villain-home-art{position:relative;z-index:1;margin:0;min-height:100vh;overflow:hidden}.villain-home-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171214 0,transparent 19%),linear-gradient(0deg,rgba(0,0,0,.54),transparent 35%)}.villain-home-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.08)}.villain-home-art figcaption{position:absolute;z-index:2;bottom:36px;left:8%;right:8%;display:flex;justify-content:space-between;color:var(--v-pearl);font:10px/1 sans-serif;letter-spacing:.2em}.villain-home-folio{position:absolute;z-index:4;left:34px;bottom:32px;color:var(--v-silver);font:10px/1 sans-serif;letter-spacing:.18em}

.villain-resume{min-height:100vh;position:relative;display:grid;place-items:center;padding:70px 24px;background:radial-gradient(circle at 70% 22%,rgba(157,31,46,.2),transparent 28%),linear-gradient(135deg,#0d0b0c,#26181b)}.villain-resume section{position:relative;z-index:3;width:min(780px,100%);border:1px solid rgba(184,154,94,.45);background:rgba(17,17,17,.72);padding:64px;box-shadow:0 30px 90px rgba(0,0,0,.45)}.villain-resume p{color:var(--v-gold);font:600 11px/1 sans-serif;letter-spacing:.2em}.villain-resume h1{font-size:44px;font-weight:500;margin:18px 0}.villain-resume section>span{display:block;color:var(--v-pearl);line-height:2}.villain-resume-url{margin:28px 0;padding:16px;border:1px solid rgba(184,154,94,.28);background:#0c0a0b;color:#cfc8c0;font:13px/1.6 monospace;word-break:break-all}.villain-resume nav{display:flex;gap:12px;flex-wrap:wrap}.villain-resume nav button{border:1px solid var(--v-gold);background:transparent;color:var(--v-cream);padding:13px 18px}.villain-resume nav .villain-gold{background:var(--v-gold);color:#171214}.villain-resume small{display:block;color:var(--v-silver);margin-top:18px}

.villain-quiz{min-height:100vh;position:relative;overflow:hidden;padding:36px 5vw 60px;background:radial-gradient(circle at 85% 20%,rgba(91,30,36,.28),transparent 28%),radial-gradient(circle at 10% 90%,rgba(184,154,94,.09),transparent 26%),#100d0f}.villain-quiz:before{content:"11";position:absolute;right:-1vw;bottom:-12vh;color:rgba(255,255,255,.018);font:900 46vw/1 Georgia,serif}.villain-quiz>header{position:relative;z-index:3;display:grid;grid-template-columns:auto minmax(140px,1fr) auto;align-items:center;gap:28px;color:var(--v-gold);font:600 10px/1 sans-serif;letter-spacing:.18em}.villain-quiz>header div{height:1px;background:rgba(184,154,94,.25)}.villain-quiz>header i{display:block;height:100%;background:var(--v-gold);transition:width .25s}.villain-question{position:relative;z-index:3;width:min(980px,86vw);margin:10vh auto 0}.villain-question>p{color:var(--v-pink);font:600 11px/1 sans-serif;letter-spacing:.16em}.villain-question h1{min-height:150px;font-size:clamp(26px,3vw,46px);font-weight:500;line-height:1.75;margin:18px 0 38px;max-width:900px}.villain-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.villain-scale button{position:relative;min-height:128px;border:1px solid rgba(184,154,94,.3);background:rgba(255,255,255,.025);color:var(--v-cream);padding:18px 14px;text-align:left;transition:.2s}.villain-scale button:hover,.villain-scale button.selected{border-color:var(--v-gold);background:rgba(91,30,36,.46);transform:translateY(-3px)}.villain-scale button b{display:block;color:var(--v-gold);font:500 24px/1 "Cormorant Garamond",serif}.villain-scale button span{display:block;margin-top:22px;font-size:13px;line-height:1.65}.villain-scale button i{position:absolute;left:14px;right:14px;bottom:12px;height:1px;background:rgba(184,154,94,.24)}.villain-prev{margin-top:28px;border:0;background:none;color:var(--v-pearl);padding:8px 0}.villain-prev:disabled{opacity:.25}.villain-quiz>aside{position:absolute;z-index:3;left:2vw;top:36%;display:flex;flex-direction:column;align-items:center;color:var(--v-silver);font:12px/1 sans-serif}.villain-quiz>aside i{height:130px;width:1px;background:linear-gradient(var(--v-gold),transparent);margin:12px}.villain-quiz>aside small{writing-mode:vertical-rl;margin-top:18px;letter-spacing:.15em;font-size:9px}

.villain-loading{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,rgba(91,30,36,.33),transparent 34%),#0b090a}.villain-loading-moon{position:relative;width:180px;height:180px;border:1px solid rgba(184,154,94,.52);border-radius:50%;box-shadow:0 0 80px rgba(157,31,46,.2)}.villain-loading-moon i{position:absolute;inset:24px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f3eee6,#8b8f98 45%,#24191c 72%);animation:villainPulse 1.7s infinite alternate}.villain-loading-moon b{position:absolute;inset:-14px;border:1px solid rgba(184,154,94,.25);border-radius:50%;border-left-color:transparent;animation:villainSpin 5s linear infinite}.villain-loading>p{color:var(--v-gold);font:600 11px/1 sans-serif;letter-spacing:.22em;margin:38px 0 12px}.villain-loading h1{font-size:44px;font-weight:500;line-height:1.4;margin:0}.villain-loading>div:last-child{display:flex;gap:24px;margin-top:32px;color:var(--v-silver);font:10px/1 sans-serif;letter-spacing:.12em}@keyframes villainPulse{to{transform:scale(.95);filter:brightness(1.25)}}@keyframes villainSpin{to{transform:rotate(360deg)}}

.villain-result-body{background:#0c0a0b}.villain-result{overflow:hidden;background:linear-gradient(90deg,rgba(184,154,94,.018) 1px,transparent 1px),#0c0a0b;background-size:48px 48px}.villain-result-nav{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid rgba(184,154,94,.25);color:var(--v-gold);font:600 10px/1 sans-serif;letter-spacing:.18em}.villain-result-nav button{border:0;background:none;color:var(--v-pearl);font:inherit}.villain-result-hero{position:relative;min-height:calc(100vh - 62px);display:grid;align-items:end;padding:10vh 7vw 12vh;overflow:hidden}.villain-hero-poster{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(9,7,8,.95) 0,rgba(9,7,8,.74) 42%,rgba(9,7,8,.14)),linear-gradient(0deg,rgba(9,7,8,.88),transparent 55%),var(--villain-poster);background-size:cover;background-position:center 22%;filter:saturate(.82)}.villain-hero-copy{position:relative;z-index:3;width:min(720px,75vw)}.villain-hero-copy>p{color:var(--v-pink);font-size:17px;letter-spacing:.18em}.villain-hero-copy>span{color:var(--v-gold);font:600 11px/1 sans-serif;letter-spacing:.19em}.villain-hero-copy h1{font-size:clamp(68px,10vw,150px);line-height:1;margin:22px 0 28px;font-weight:600;text-shadow:0 20px 80px #000}.villain-hero-copy blockquote{max-width:580px;margin:0;padding-left:20px;border-left:1px solid var(--v-gold);font-size:17px;line-height:1.9;color:var(--v-pearl)}.villain-result-hero>a{position:absolute;z-index:3;right:6vw;bottom:7vh;color:var(--v-gold);text-decoration:none;font-size:12px;letter-spacing:.12em}.villain-reveal .villain-hero-copy{animation:villainRise .9s both}@keyframes villainRise{from{opacity:0;transform:translateY(35px)}}
.villain-world,.villain-story,.villain-spectrum,.villain-share{width:min(1180px,90vw);margin:0 auto;padding:110px 0}.villain-world>header p,.villain-story>header p,.villain-spectrum>header p,.villain-share>article>p{color:var(--v-gold);font:600 10px/1 sans-serif;letter-spacing:.2em}.villain-world>header h2,.villain-story>header h2,.villain-spectrum>header h2{font-size:clamp(34px,5vw,64px);font-weight:500;margin:14px 0 42px}.villain-world figure{margin:0;border:1px solid rgba(184,154,94,.36);padding:12px;background:#151113;box-shadow:0 32px 90px rgba(0,0,0,.36)}.villain-world img{display:block;width:100%;aspect-ratio:1.04;object-fit:cover}.villain-world figcaption{padding:15px 4px 3px;color:var(--v-silver);font:9px/1 sans-serif;letter-spacing:.17em;text-align:right}
.villain-story{display:grid;grid-template-columns:310px 1fr;gap:9vw;border-top:1px solid rgba(184,154,94,.2)}.villain-story>header{position:sticky;top:40px;align-self:start}.villain-story>article{font-size:17px;line-height:2.12;color:#ddd3cc}.villain-story>article p{margin:0 0 1.55em}.villain-story>article .villain-key-sentence{padding-left:16px;border-left:1px solid rgba(184,154,94,.62);color:#dfc17f;font-size:inherit;font-weight:600;text-shadow:0 0 24px rgba(184,154,94,.18)}.villain-keyword-mark{color:var(--v-gold);background:none;font:inherit;font-weight:700;text-shadow:0 0 18px rgba(184,154,94,.16)}.villain-keywords{grid-column:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:-1.5em}.villain-keywords span{display:inline-flex;align-items:center;min-height:36px;padding:8px 15px;border:1px solid rgba(184,154,94,.42);border-radius:999px;color:var(--v-gold);background:rgba(184,154,94,.07);font:600 12px/1.2 sans-serif;letter-spacing:.08em}
.villain-spectrum{border-top:1px solid rgba(184,154,94,.2)}.villain-spectrum>header>span{color:var(--v-silver);font-size:12px}.villain-spectrum>div{margin-top:40px;display:grid;grid-template-columns:minmax(420px,1fr) 280px;gap:50px;align-items:center;background:linear-gradient(135deg,rgba(91,30,36,.2),rgba(255,255,255,.02));border:1px solid rgba(184,154,94,.28);padding:36px}.villain-spectrum>div>aside{position:relative;border-left:1px solid rgba(184,154,94,.3);padding-left:34px}.villain-spectrum>div>aside:after{content:"";position:absolute;left:26px;top:30px;width:150px;height:150px;border-radius:50%;background:rgba(184,154,94,.08);filter:blur(38px);pointer-events:none}.villain-spectrum>div>aside p,.villain-spectrum>div>aside span{position:relative;z-index:1;color:var(--v-silver);font:10px/1 sans-serif;letter-spacing:.15em}.villain-spectrum>div>aside strong{position:relative;z-index:1;display:block;color:#e1c27e;font-size:48px;line-height:1.15;margin:18px 0 6px;text-shadow:0 0 16px rgba(217,183,110,.72),0 0 44px rgba(157,31,46,.38)}.villain-spectrum>div>aside b{position:relative;z-index:1;display:block;color:var(--v-gold);font:500 94px/1 "Cormorant Garamond",serif;text-shadow:0 0 24px rgba(217,183,110,.58)}.villain-spectrum>div>aside em{position:relative;z-index:1;display:block;margin-top:22px;color:var(--v-pearl);font-size:12px;font-style:normal;line-height:1.9}.villain-radar{width:100%;height:auto}.villain-radar .grid polygon,.villain-radar .grid line{fill:none;stroke:rgba(184,154,94,.25);stroke-width:1}.villain-radar .shape{fill:rgba(157,31,46,.28);stroke:var(--v-gold);stroke-width:3}.villain-radar .nodes circle{fill:var(--v-pearl);stroke:var(--v-wine);stroke-width:3}.villain-radar .nodes .active{fill:var(--v-gold)}.villain-radar text{fill:var(--v-pearl);font-size:13px}.villain-radar text tspan+ tspan{fill:var(--v-silver);font:8px sans-serif;letter-spacing:.1em}.villain-radar text.active{fill:var(--v-gold);font-weight:700;filter:drop-shadow(0 0 7px rgba(217,183,110,.7))}.villain-spectrum>section{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.villain-spectrum>section article{border:1px solid rgba(184,154,94,.2);padding:17px;background:rgba(255,255,255,.018)}.villain-spectrum>section article>div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:end}.villain-spectrum>section article b{font-size:16px}.villain-spectrum>section article span{color:var(--v-silver);font:9px sans-serif;letter-spacing:.12em}.villain-spectrum>section article strong{color:var(--v-gold);font-size:22px}.villain-spectrum>section article>p{min-height:3.7em;margin:15px 0 0;color:#aaa2a0;font-size:11px;line-height:1.75}.villain-spectrum>section article>i{display:block;height:2px;margin-top:14px;background:rgba(184,154,94,.18)}.villain-spectrum>section article u{display:block;height:100%;background:linear-gradient(90deg,var(--v-wine),var(--v-gold))}.villain-spectrum>section article.active{border-color:rgba(217,183,110,.78);background:linear-gradient(135deg,rgba(91,30,36,.34),rgba(184,154,94,.07));box-shadow:0 0 30px rgba(184,154,94,.12),inset 0 0 24px rgba(184,154,94,.04)}.villain-spectrum>section article.active b{color:#e2c37f;font-size:23px;text-shadow:0 0 14px rgba(217,183,110,.62)}
.villain-share{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center;border-top:1px solid rgba(184,154,94,.2)}.villain-card-preview{min-height:590px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;background:linear-gradient(0deg,rgba(9,7,8,.96),rgba(9,7,8,.18)),var(--villain-poster) center/cover;border:1px solid rgba(184,154,94,.45)}.villain-card-preview p,.villain-card-preview span{font:600 10px/1 sans-serif;letter-spacing:.16em;color:var(--v-gold)}.villain-card-preview h2{font-size:58px;margin:18px 0}.villain-card-preview blockquote{margin:0 0 20px;color:var(--v-pearl);line-height:1.8}.villain-card-preview b{color:var(--v-gold)}.villain-share>article h2{font-size:38px;font-weight:500}.villain-share>article>span{display:block;color:var(--v-pearl);line-height:1.9;margin-bottom:26px}.villain-share>article button{padding:15px 24px}.villain-disclaimer{width:min(900px,86vw);margin:0 auto;color:var(--v-silver);font-size:12px;text-align:center;line-height:1.9}.villain-actions{width:min(1000px,90vw);margin:34px auto 0;padding:0 0 110px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.villain-actions button{border:1px solid rgba(184,154,94,.48);background:transparent;color:var(--v-cream);padding:13px 18px}.villain-actions .villain-gold{background:var(--v-gold);color:#171214}

@media(max-width:900px){.villain-home{grid-template-columns:1fr}.villain-home-copy{padding:105px 7vw 70px}.villain-home-art{min-height:65vh}.villain-home-art:after{background:linear-gradient(0deg,rgba(0,0,0,.54),transparent 40%)}.villain-question{width:92vw;margin-top:8vh}.villain-scale{grid-template-columns:1fr}.villain-scale button{min-height:72px;display:grid;grid-template-columns:38px 1fr;align-items:center}.villain-scale button span{margin:0}.villain-scale button i{display:none}.villain-quiz>aside{display:none}.villain-story{grid-template-columns:1fr;gap:22px}.villain-story>header{position:static}.villain-keywords{grid-column:auto;margin-top:0}.villain-spectrum>div{grid-template-columns:1fr}.villain-spectrum>div>aside{border-left:0;border-top:1px solid rgba(184,154,94,.3);padding:26px 0 0}.villain-spectrum>section{grid-template-columns:repeat(2,1fr)}.villain-share{grid-template-columns:1fr}.villain-home-folio{display:none}}
@media(max-width:560px){.villain-filigree{inset:10px}.villain-back{left:22px;top:22px}.villain-home-copy h1{font-size:44px}.villain-redeem>div{display:block}.villain-redeem input{width:100%;border-right:1px solid rgba(184,154,94,.45)}.villain-redeem button{width:100%}.villain-resume section{padding:36px 24px}.villain-resume h1{font-size:34px}.villain-quiz{padding:25px 4vw 45px}.villain-quiz>header{grid-template-columns:1fr auto}.villain-quiz>header div{grid-column:1/-1;grid-row:2}.villain-question h1{font-size:24px;min-height:unset;margin-bottom:25px}.villain-result-nav{padding:0 4vw}.villain-result-hero{padding:16vh 7vw 14vh;min-height:86vh}.villain-hero-poster{background-image:linear-gradient(0deg,rgba(9,7,8,.92),rgba(9,7,8,.12) 78%),var(--villain-poster);background-position:center}.villain-hero-copy{width:100%}.villain-hero-copy h1{font-size:64px}.villain-hero-copy blockquote{font-size:14px}.villain-result-hero>a{left:7vw;right:auto}.villain-world,.villain-story,.villain-spectrum,.villain-share{width:88vw;padding:76px 0}.villain-world>header h2,.villain-story>header h2,.villain-spectrum>header h2{font-size:34px}.villain-world figure{padding:6px}.villain-story>article{font-size:15px;line-height:2}.villain-keywords{gap:8px}.villain-keywords span{padding:8px 12px;font-size:11px}.villain-spectrum>div{padding:15px}.villain-radar text{font-size:12px}.villain-spectrum>section{grid-template-columns:1fr}.villain-card-preview{min-height:500px;padding:28px}.villain-card-preview h2{font-size:46px}.villain-actions{padding-bottom:80px}.villain-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.villain-mode *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}