.person-scene{background-image:url('./assets/personality-atlas.png');background-size:400% 400%;background-position:var(--scene-x) var(--scene-y);background-repeat:no-repeat;background-color:var(--person-soft);aspect-ratio:1;overflow:hidden}
.quiz-screen{--quiz-accent:var(--person-accent);--quiz-soft:var(--person-soft);background:var(--person-soft);background-image:var(--question-bg);background-position:center top;background-size:100% 100%;background-repeat:no-repeat;transition:background-color .3s}
.quiz-world{height:198px;position:relative;display:flex;align-items:center;justify-content:center;margin:12px -24px 10px;animation:scene-in .4s ease-out}.quiz-companion{width:164px;border-radius:50%;border:5px solid #ffffffa8;box-shadow:0 12px 32px #193b3b12}.world-caption{position:absolute;bottom:0;right:24px;padding:5px 10px;border-radius:20px;background:#ffffffc9;color:var(--person-accent);font-size:10px;letter-spacing:1px}.quiz-screen .question-sheet{padding:20px 18px;background:#ffffffdb;border:1px solid #fff;border-radius:23px;box-shadow:0 10px 30px #163e3510}.quiz-screen .question-copy{min-height:96px}.quiz-screen .question-copy h1{font-size:24px}.quiz-screen .answer-set{margin-top:16px}.quiz-screen .answer-option{min-height:86px}.quiz-screen .answer-option.is-selected{background:var(--person-soft);border-color:var(--person-accent)}.quiz-screen .quiz-error:empty{display:none}.quiz-screen .previous-button{color:var(--person-accent)}.quiz-screen:after{margin-top:18px;color:#5b7378}
.soul-result{background:linear-gradient(155deg,var(--person-soft),#fff 78%);border-top:5px solid var(--person-accent);animation:scene-in .4s ease-out}.soul-result .soul-type,.soul-result .soul-type-name{color:var(--person-accent)}.result-portrait{width:min(100%,290px);margin:22px auto 12px;border-radius:28px;border:6px solid #ffffffc9;box-shadow:0 14px 34px #24394313}.world-name{font-size:12px;letter-spacing:2px;color:var(--person-accent);margin:14px 0 20px}.soul-result .soul-metrics{background:var(--person-soft);grid-template-columns:1fr 1fr;gap:16px}.soul-result .soul-metric{display:flex;flex-wrap:wrap;gap:8px;font-size:12px}.soul-result .soul-metric>span{flex:1;white-space:nowrap}.soul-result .soul-metric>i{order:3;width:100%;height:7px;background:#ffffffa6}.soul-result .soul-metric em{background:var(--person-accent)}.soul-result .soul-primary{background:var(--person-accent)}.soul-result .soul-secondary{color:var(--person-accent)}.soul-result .soul-quote{font-size:15px}.soul-result .soul-nav .brand-icon{stroke:var(--person-accent)}
.report-paper{background:linear-gradient(var(--person-soft),#fcfefc 900px)}.report-poster{background:linear-gradient(140deg,var(--person-soft),#fff)}.report-portrait{width:min(100%,300px);margin:16px auto;border-radius:24px}.report-nav{border-bottom:2px solid var(--person-accent)}.chapter-hero{background:var(--person-soft)}.chapter-hero h2,.poster-type{color:var(--person-accent)}.chapter-hero:after{background:none;border-color:var(--person-accent)}
@keyframes scene-in{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-height:740px) and (max-width:699px){.quiz-world{height:136px}.quiz-companion{width:118px}.quiz-screen .question-sheet{padding:16px 14px}.quiz-screen .question-copy{min-height:75px}.quiz-screen .question-copy h1{font-size:21px}.quiz-screen .answer-option{min-height:76px}.result-portrait{width:215px}}
@media(prefers-reduced-motion:reduce){.quiz-world,.soul-result{animation:none}.quiz-screen{transition:none}}