.q-wrap{font-family:var(--font-sans);color:var(--color-ink)}.q-btn{font-family:var(--font-sans);font-weight:700;font-size:1.02rem;cursor:pointer;border:0;color:#fff;background:var(--color-brand-700);padding:14px 40px;border-radius:999px;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--color-brand-900) 70%,transparent);transition:transform .25s var(--ease-out-soft),box-shadow .25s var(--ease-out-soft),background .25s;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.q-btn:hover{transform:translateY(-2px);background:var(--color-brand-600)}.q-btn.gold{background:linear-gradient(100deg,var(--color-gold-600),var(--color-gold-500))}.q-btn.gold:hover{background:var(--color-gold-600)}.q-btn.ghost{background:#fff;color:var(--color-brand-700);border:1px solid var(--color-brand-100);box-shadow:none}.q-btn.ghost:hover{border-color:var(--color-gold-400);color:var(--color-gold-600);background:var(--color-brand-50)}.q-btn:disabled{opacity:.4;cursor:default;transform:none}.q-kicker{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold-600);display:inline-flex;align-items:center;gap:8px;margin:0}.q-kicker:before{content:"";width:22px;height:1px;background:var(--color-gold-500)}.q-intro{position:relative;text-align:center;padding:30px 0 40px}.q-fp{position:absolute;left:50%;top:-50px;transform:translate(-50%);width:520px;max-width:130%;opacity:.1;pointer-events:none;color:var(--color-brand-500)}.q-intro .q-body{position:relative;z-index:1}.q-intro h1{font-family:var(--font-serif);font-weight:900;font-size:clamp(2.1rem,6vw,3rem);line-height:1.2;margin:.5rem 0 .2rem;color:var(--color-brand-700)}.q-sub{font-size:1.08rem;color:var(--color-muted);max-width:30rem;margin:.4rem auto 0}.q-meta{display:flex;justify-content:center;gap:26px;margin:28px 0 30px;font-family:var(--font-mono);font-size:.82rem;color:var(--color-muted)}.q-meta b{color:var(--color-brand-700)}.q-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.q-source{margin-top:30px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-muted)}.q-progress{height:5px;border-radius:999px;background:var(--color-brand-100);overflow:hidden;margin-bottom:10px}.q-progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--color-gold-600),var(--color-gold-400));transition:width .5s var(--ease-out-soft)}.q-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.78rem;color:var(--color-muted);margin-bottom:26px}.q-tag{color:var(--color-gold-600);border:1px solid color-mix(in srgb,var(--color-gold-500) 30%,transparent);padding:1px 9px;border-radius:999px;font-size:.7rem}.q-card{background:#fff;border:1px solid color-mix(in srgb,var(--color-brand-900) 8%,transparent);border-radius:20px;box-shadow:0 18px 44px -20px color-mix(in srgb,var(--color-brand-900) 50%,transparent);padding:36px 32px 30px}.q-title{font-family:var(--font-serif);font-weight:700;font-size:1.05rem;color:var(--color-brand-500);text-align:center;margin:0 0 4px}.q-prompt{text-align:center;color:var(--color-muted);font-size:.86rem;margin-bottom:24px}.q-opt{display:flex;gap:16px;align-items:flex-start;width:100%;text-align:left;cursor:pointer;background:var(--color-paper);border:1.5px solid var(--color-brand-100);border-radius:14px;padding:16px 18px;margin-bottom:12px;font-family:var(--font-sans);font-size:1.02rem;line-height:1.7;color:var(--color-ink);transition:border-color .22s var(--ease-out-soft),transform .22s var(--ease-out-soft),box-shadow .22s var(--ease-out-soft),background .22s}.q-opt:last-child{margin-bottom:0}.q-opt:hover{transform:translateY(-2px);border-color:var(--color-gold-400);background:#fff;box-shadow:0 12px 26px -16px color-mix(in srgb,var(--color-brand-900) 50%,transparent)}.q-badge{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:.95rem;color:var(--color-brand-600);background:#fff;border:1.5px solid var(--color-brand-200);transition:all .22s var(--ease-out-soft)}.q-opt:hover .q-badge{background:var(--color-gold-500);border-color:var(--color-gold-500);color:#fff}.q-foot{display:flex;justify-content:space-between;margin-top:18px}.q-lnk{font-family:var(--font-mono);font-size:.78rem;color:var(--color-muted);background:none;border:0;cursor:pointer;padding:6px 8px;border-radius:8px}.q-lnk:hover:not(:disabled){color:var(--color-brand-600)}.q-lnk:disabled{opacity:.35;cursor:default}.q-likert-row{padding:18px 4px;border-bottom:1px solid var(--color-brand-50)}.q-likert-row:last-child{border-bottom:0}.q-likert-text{font-size:1rem;line-height:1.7;color:var(--color-ink);margin-bottom:12px}.q-likert-scale{display:flex;gap:8px}.q-scale-end{font-family:var(--font-mono);font-size:.66rem;color:var(--color-muted);align-self:center;white-space:nowrap}.q-likert-opt{flex:1;min-width:0;cursor:pointer;font-family:var(--font-mono);font-size:.95rem;color:var(--color-brand-600);background:var(--color-paper);border:1.5px solid var(--color-brand-100);border-radius:10px;padding:10px 0;transition:all .18s var(--ease-out-soft)}.q-likert-opt:hover{border-color:var(--color-gold-400)}.q-likert-opt.on{background:var(--color-brand-700);border-color:var(--color-brand-700);color:#fff}.q-hero{position:relative;text-align:center;overflow:hidden;background:linear-gradient(165deg,var(--color-brand-700),var(--color-brand-800));color:#fff;border-radius:24px;padding:46px 26px 40px;box-shadow:0 18px 44px -20px color-mix(in srgb,var(--color-brand-900) 50%,transparent)}.q-hero-fp{position:absolute;right:-90px;top:-90px;width:380px;color:var(--color-gold-400);opacity:.16}.q-hero>:not(.q-hero-fp){position:relative;z-index:1}.q-hero .q-rk{font-family:var(--font-mono);letter-spacing:.28em;font-size:.74rem;text-transform:uppercase;color:var(--color-gold-400)}.q-hero .q-name{font-family:var(--font-serif);font-weight:900;font-size:2.4rem;margin:8px 0 2px}.q-hero .q-name small{display:block;font-size:1.05rem;font-weight:700;color:var(--color-gold-400);margin-top:4px}.q-hero .q-blurb{max-width:30rem;margin:14px auto 0;color:color-mix(in srgb,#fff 82%,transparent);font-size:.98rem;line-height:1.8}.q-medallion{position:relative;width:148px;height:148px;margin:14px auto 10px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--color-gold-400) 20%,transparent),transparent 68%),color-mix(in srgb,#ffffff 7%,transparent);border:1px solid color-mix(in srgb,var(--color-gold-400) 42%,transparent);box-shadow:inset 0 2px 30px color-mix(in srgb,var(--color-brand-900) 45%,transparent)}.q-medallion .q-mark{position:absolute;width:132%;height:132%;color:var(--color-gold-400);opacity:.16}.q-medallion .q-creature{position:relative;width:82%;height:82%;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--color-brand-900) 55%,transparent))}.q-panel{background:#fff;border:1px solid color-mix(in srgb,var(--color-brand-900) 8%,transparent);border-radius:18px;box-shadow:0 18px 44px -20px color-mix(in srgb,var(--color-brand-900) 50%,transparent);padding:28px;margin-top:20px}.q-sechead{font-family:var(--font-serif);font-weight:900;font-size:1.12rem;color:var(--color-brand-700);display:flex;align-items:center;gap:10px;margin:0 0 18px}.q-sechead:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-gold-500)}.q-chips{display:flex;flex-wrap:wrap;gap:10px}.q-chip{font-family:var(--font-mono);font-size:.82rem;color:var(--color-brand-600);background:var(--color-brand-50);border:1px solid var(--color-brand-100);padding:6px 14px;border-radius:999px}.q-traits{margin:0;padding:0;list-style:none;counter-reset:t}.q-traits li{counter-increment:t;position:relative;padding:10px 0 10px 40px;border-bottom:1px solid var(--color-brand-50);line-height:1.75;color:color-mix(in srgb,var(--color-ink) 90%,transparent)}.q-traits li:last-child{border-bottom:0}.q-traits li:before{content:"0" counter(t);position:absolute;left:0;top:10px;font-family:var(--font-mono);font-size:.82rem;color:var(--color-gold-500);font-weight:600}.q-bars{display:flex;flex-direction:column;gap:13px}.q-bar-row{display:grid;grid-template-columns:6.5rem 1fr 2.6rem;align-items:center;gap:12px}.q-bar-name{font-size:.9rem;color:var(--color-brand-700);font-weight:500}.q-bar-track{position:relative;height:10px;border-radius:999px;background:var(--color-brand-50);overflow:hidden}.q-bar-fill{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,var(--color-brand-500),var(--color-brand-400));transition:width .6s var(--ease-out-soft)}.q-bar-row.top .q-bar-fill{background:linear-gradient(90deg,var(--color-gold-600),var(--color-gold-400))}.q-bar-row.top .q-bar-name{color:var(--color-gold-600);font-weight:700}.q-bar-val{font-family:var(--font-mono);font-size:.78rem;color:var(--color-muted);text-align:right}.q-ractions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}.q-sharemsg{text-align:center;margin-top:12px;font-family:var(--font-mono);font-size:.8rem;color:var(--color-jade-600)}.q-note{text-align:center;margin-top:18px;font-size:.8rem;color:var(--color-muted)}@media(max-width:480px){.q-hero{padding:38px 20px 32px}.q-hero .q-name{font-size:2rem}.q-medallion{width:124px;height:124px}.q-card{padding:28px 20px 24px}.q-panel{padding:22px 20px}.q-bar-row{grid-template-columns:5rem 1fr 2.4rem;gap:8px}.q-meta{gap:18px}}@media(prefers-reduced-motion:reduce){.q-btn,.q-opt,.q-badge,.q-progress>span,.q-bar-fill,.q-likert-opt{transition:none}}