.quiz-launch{display:none;position:absolute;z-index:90;left:50%;bottom:5%;transform:translateX(-50%);padding:.8em 1.7em;border:1px solid rgba(122,77,70,.55);border-radius:999px;background:rgba(255,249,235,.9);color:#704d49;font:inherit;font-size:clamp(10px,.75vw,15px);letter-spacing:.2em;cursor:pointer;box-shadow:0 10px 30px rgba(73,47,40,.15)}.stage[data-step="7"]:not(.quiz-open) .quiz-launch{display:block}.quiz-root{position:absolute;z-index:200;inset:0;display:none;color:#584a45}.stage.quiz-open .quiz-root{display:block}.stage.quiz-open>.frame,.stage.quiz-open>.vignette,.stage.quiz-open>.title,.stage.quiz-open>.hotspot,.stage.quiz-open>.narration,.stage.quiz-open>.original-verse,.stage.quiz-open>.guide,.stage.quiz-open>.scene-nav,.stage.quiz-open>.restart,.stage.quiz-open>.quiz-launch{visibility:hidden}.quiz-panel{position:absolute;inset:0;display:grid;grid-template-columns:56% 44%;overflow:hidden;background:#f5efe3 url("assets/quiz/backgrounds/quiz-background.png") center/cover no-repeat}.quiz-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:6% 8% 6% 9%}.quiz-kicker{margin:0 0 1.2em;color:#a26c70;font-size:clamp(9px,.65vw,13px);letter-spacing:.28em}.quiz-copy h2{margin:0;color:#5c4b47;font-size:clamp(25px,3.2vw,62px);font-weight:400;line-height:1.28;letter-spacing:.1em}.quiz-intro .quiz-copy>p:not(.quiz-kicker){margin:1.4em 0 2em;font-size:clamp(13px,1.05vw,21px);letter-spacing:.12em}.quiz-primary,.quiz-secondary,.fate-skip{min-height:44px;padding:.75em 1.45em;border-radius:999px;font:inherit;font-size:clamp(10px,.75vw,15px);letter-spacing:.14em;cursor:pointer}.quiz-primary{align-self:flex-start;border:1px solid #a86d72;background:#a86d72;color:#fff}.quiz-primary:disabled{opacity:.38;cursor:not-allowed}.quiz-secondary,.fate-skip{border:1px solid rgba(112,82,76,.38);background:rgba(255,252,244,.62);color:#68544f}.quiz-copy small{margin-top:1.2em;color:#8a7770;font-size:clamp(8px,.57vw,12px);letter-spacing:.08em}.quiz-close{position:absolute;z-index:8;right:3%;top:4%;width:clamp(34px,3vw,54px);height:clamp(34px,3vw,54px);border:1px solid rgba(110,81,73,.3);border-radius:50%;background:rgba(255,252,244,.68);color:#765f58;font-size:clamp(18px,1.6vw,30px);cursor:pointer}.quiz-intro-art{display:grid;place-items:center}.quiz-intro-art span{display:grid;place-items:center;width:min(24vw,44vh);aspect-ratio:1;border:1px solid rgba(172,111,119,.36);border-radius:50%;background:rgba(244,205,205,.4);color:#9e6269;font-size:clamp(80px,11vw,210px);font-family:"STKaiti","KaiTi",serif;box-shadow:0 0 0 2.4vw rgba(255,255,255,.28)}.quiz-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1em}.quiz-head b{font-weight:400;font-size:clamp(12px,.9vw,18px);letter-spacing:.16em}.quiz-head>span{font-size:clamp(10px,.7vw,14px);letter-spacing:.18em}.quiz-progress{height:2px;margin:1em 0 1.4em;background:rgba(144,108,102,.18)}.quiz-progress i{display:block;height:100%;background:#bd7e83;transition:width .4s}.quiz-dimension{margin:0 0 .65em;color:#89756e;font-size:clamp(9px,.62vw,13px);letter-spacing:.12em}.quiz-screen h2{font-size:clamp(18px,1.7vw,34px);letter-spacing:.04em;line-height:1.5}.quiz-options{display:grid;gap:.7em;margin:1.35em 0}.quiz-options button{display:flex;align-items:center;gap:1em;min-height:48px;padding:.65em 1em;border:1px solid rgba(139,101,94,.28);border-radius:8px;background:rgba(255,252,245,.7);color:#62514c;text-align:left;font:inherit;font-size:clamp(10px,.77vw,15px);cursor:pointer;transition:.25s}.quiz-options button:hover,.quiz-options button.selected{border-color:#b6767d;background:rgba(236,194,195,.42);transform:translateX(.3em)}.quiz-options em{display:grid;place-items:center;flex:0 0 2em;height:2em;border:1px solid currentColor;border-radius:50%;font-style:normal}.quiz-screen footer,.quiz-actions{display:flex;gap:1em}.quiz-screen footer{justify-content:space-between}.quiz-background-art{background:linear-gradient(90deg,#f5efe3 0,transparent 25%)}.quiz-result{background-image:linear-gradient(90deg,rgba(247,242,232,.98) 0 50%,rgba(247,242,232,.1) 72%),url("assets/quiz/backgrounds/quiz-background.png")}.quiz-result h2{font-size:clamp(34px,4.5vw,86px)}.quiz-result h3{margin:.2em 0 .9em;color:#ad7378;font-size:clamp(17px,1.7vw,34px);font-weight:400;letter-spacing:.25em}.quiz-traits{display:flex;flex-wrap:wrap;gap:.6em}.quiz-traits span{padding:.42em .9em;border:1px solid rgba(157,102,108,.35);border-radius:999px;font-size:clamp(9px,.62vw,13px)}.quiz-description{max-width:42em;margin:1.5em 0;line-height:1.9;font-size:clamp(11px,.82vw,17px)}.quiz-character{position:relative;display:grid;place-items:end center;padding:5% 5% 0}.quiz-character img{position:relative;z-index:2;max-width:100%;max-height:90%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 25px rgba(74,52,46,.15))}.quiz-character img.missing{display:none}.quiz-character-fallback{position:absolute;inset:12% 12% 5%;display:grid;place-items:center;border:1px solid rgba(167,113,118,.25);background:radial-gradient(circle,#f1d6d2,transparent 65%);color:#96676a}.quiz-character-fallback b{font-size:clamp(30px,4vw,75px);font-weight:400;writing-mode:vertical-rl;letter-spacing:.2em}.quiz-character-fallback span{position:absolute;bottom:8%;letter-spacing:.5em}.fate-panel{background-image:linear-gradient(90deg,rgba(247,242,232,.97),rgba(247,242,232,.3)),url("assets/quiz/backgrounds/quiz-background.png")}.fate-panel h2{font-size:clamp(24px,2.8vw,54px)}.fate-skip{align-self:flex-start;margin-top:1em}.fate-stage{position:relative;display:grid;place-items:center;cursor:pointer;touch-action:none}.fate-symbol{display:grid;place-items:center;width:min(22vw,40vh);aspect-ratio:1;border:1px solid rgba(158,100,106,.32);border-radius:50%;background:rgba(236,201,199,.42);transition:1.6s cubic-bezier(.2,.7,.2,1)}.fate-symbol span{font-size:clamp(28px,4vw,72px);letter-spacing:.2em}.fate-stage i{position:absolute;width:12px;height:20px;border-radius:80% 10% 70%;background:#dba8aa;opacity:0}.fate-panel.complete .fate-symbol{transform:translate(18%,-12%) scale(.75) rotate(12deg);opacity:.15}.fate-panel.complete .fate-stage i{animation:fateDrift 1.8s ease-out forwards}.fate-panel.complete .fate-stage i:nth-child(2){animation-delay:.2s;transform:translate(70px,-20px)}.fate-panel.complete .fate-stage i:nth-child(3){animation-delay:.4s;transform:translate(-80px,10px)}.fate-verse{margin-top:1.7em;opacity:0;transform:translateY(10px);pointer-events:none;transition:1s .8s}.fate-panel.complete .fate-verse{opacity:1;transform:none;pointer-events:auto}.fate-verse blockquote{margin:0 0 .8em;color:#925f65;font-size:clamp(18px,1.7vw,34px);line-height:1.7}.fate-verse p{max-width:38em;line-height:1.8;font-size:clamp(10px,.75vw,15px)}@keyframes fateDrift{0%{opacity:0}25%{opacity:.9}100%{opacity:0;translate:120px -100px;rotate:300deg}}@media(max-aspect-ratio:4/3){.quiz-copy{padding-left:6%;padding-right:5%}.quiz-panel{grid-template-columns:60% 40%}.quiz-description{line-height:1.6}.quiz-options{gap:.45em;margin:.8em 0}.quiz-options button{min-height:42px}}@media(prefers-reduced-motion:reduce){.quiz-options button,.fate-symbol,.fate-verse{transition-duration:.01ms}.fate-panel.complete .fate-stage i{animation-duration:.01ms}}
.quiz-divider{width:min(28vw,520px);height:auto;margin:-.35em 0 .7em;object-fit:contain;opacity:.72}.quiz-actions button{display:inline-flex;align-items:center;justify-content:center;gap:.65em}.quiz-icon{display:inline-block;flex:0 0 auto;width:clamp(22px,1.7vw,34px);height:clamp(22px,1.7vw,34px);background-image:url("assets/quiz/icons/icon.png");background-repeat:no-repeat;background-size:300% 100%}.quiz-icon-restart{background-position:left center}

/* Quiz typography: keep body copy readable inside the responsive 16:9 stage. */
.quiz-kicker{font-size:clamp(12px,.82vw,16px)}
.quiz-head b{font-size:clamp(15px,1vw,20px)}
.quiz-head>span{font-size:clamp(12px,.78vw,16px)}
.quiz-dimension{font-size:clamp(12px,.76vw,15px)}
.quiz-screen h2{font-size:clamp(22px,1.85vw,36px);line-height:1.45}
.quiz-options button{min-height:54px;font-size:clamp(14px,.92vw,18px);line-height:1.45}
.quiz-primary,.quiz-secondary,.fate-skip{font-size:clamp(14px,.9vw,17px)}
.quiz-intro .quiz-copy>p:not(.quiz-kicker){font-size:clamp(15px,1.1vw,22px);line-height:1.8}
.quiz-result h3{display:flex;align-items:center;justify-content:center;width:clamp(300px,36vw,620px);min-height:clamp(68px,7.2vw,118px);margin:-.2em 0 .35em;padding:0 12%;background:url("assets/quiz/decorations/text-frame.png") center/100% 100% no-repeat;font-size:clamp(19px,1.75vw,34px);letter-spacing:.28em;white-space:nowrap}
.quiz-traits span{font-size:clamp(12px,.74vw,15px)}
.quiz-description{font-size:clamp(14px,.95vw,18px);line-height:1.85}
.quiz-copy small{font-size:clamp(11px,.68vw,13px)}
.fate-verse blockquote{font-size:clamp(21px,1.8vw,35px)}
.fate-verse p{font-size:clamp(14px,.9vw,17px)}

.quiz-actions button{min-height:clamp(60px,4.5vw,76px);padding:.65em 1.55em}
.quiz-icon{width:clamp(54px,3.8vw,72px);height:clamp(54px,3.8vw,72px);margin:-.25em -.2em}

@media(max-height:620px){
  .quiz-copy{padding-top:4%;padding-bottom:4%}
  .quiz-options{gap:.5em;margin:.9em 0}
  .quiz-options button{min-height:46px}
  .quiz-screen h2{font-size:clamp(20px,1.7vw,32px)}
}

/* Result page follows the proportions of result-reference.png. */
.quiz-result{grid-template-columns:52% 48%}
.quiz-result .quiz-copy{justify-content:flex-start;padding:4.2% 3.5% 2.5% 5.4%}
.result-brand{display:flex;flex-direction:column;align-items:flex-start;width:max-content;color:#7f3335}
.result-brand strong{font-size:clamp(38px,3.8vw,64px);font-weight:400;line-height:1;letter-spacing:.08em}
.result-brand span{align-self:center;margin-top:.6em;padding:0 2em;color:#554442;font-size:clamp(14px,1.15vw,21px);letter-spacing:.45em;white-space:nowrap}
.result-label{margin:2.1em 0 .35em;color:#a65e61;font-size:clamp(15px,1.08vw,20px);letter-spacing:.14em}
.quiz-result .quiz-kicker{display:none}
.quiz-result h2{font-size:clamp(58px,5.8vw,98px);line-height:1.02;letter-spacing:.08em}
.quiz-result h3{width:clamp(310px,34vw,570px);min-height:clamp(56px,5.3vw,88px);margin:.12em 0 .4em;padding:0 12%;font-size:clamp(22px,2vw,34px)}
.quiz-result .quiz-traits{gap:.75em}
.quiz-result .quiz-traits span{padding:.48em 1.25em;font-size:clamp(13px,.9vw,17px)}
.quiz-result .quiz-description{max-width:44em;margin:1.05em 0 .35em;font-size:clamp(15px,1.05vw,20px);line-height:1.72}
.quiz-result .quiz-divider{width:min(29vw,485px);height:clamp(24px,2.3vw,38px);margin:.05em 0 .75em;object-fit:fill;opacity:.82}
.quiz-result .quiz-actions{gap:1.15em}
.quiz-result .quiz-actions button{min-height:clamp(56px,4.4vw,74px);font-size:clamp(15px,1.05vw,19px)}
.quiz-result .quiz-primary b{font-size:1.6em;font-weight:300;line-height:0}
.quiz-result .quiz-copy small{display:none}
.quiz-result .quiz-character{padding:3% 2% 0 0}
.quiz-result .quiz-character img{max-width:108%;max-height:98%}

@media(max-height:680px){
  .quiz-result .quiz-copy{padding-top:2.8%}
  .result-label{margin-top:1.25em}
  .quiz-result h2{font-size:clamp(52px,5.25vw,88px)}
  .quiz-result h3{min-height:52px}
  .quiz-result .quiz-description{margin-top:.7em;line-height:1.58}
  .quiz-result .quiz-divider{margin-bottom:.45em}
}

/* Simplified quiz layout based on quiz-reference.png. */
.quiz-screen .quiz-copy{justify-content:flex-start;padding:3.6% 7% 3.2% 6.8%}
.quiz-brand{display:flex;flex-direction:column;align-items:flex-start;color:#7d3033}
.quiz-brand strong{font-size:clamp(30px,2.8vw,50px);font-weight:400;line-height:1;letter-spacing:.07em}
.quiz-brand span{margin-top:.48em;color:#5d4b48;font-size:clamp(12px,.86vw,16px);letter-spacing:.42em}
.quiz-section-label{margin:2em 0 .7em;color:#a45559;font-size:clamp(15px,1.05vw,19px);letter-spacing:.08em}
.quiz-meta{display:flex;align-items:center;gap:1.25em;color:#514440;font-size:clamp(13px,.9vw,17px);white-space:nowrap}
.quiz-meta>span b{color:#a54e53;font-size:1.28em;font-weight:400}
.quiz-meta .quiz-progress{flex:1;height:6px;margin:0;border:1px solid rgba(191,115,104,.38);border-radius:999px;background:rgba(249,231,214,.72);box-shadow:none}
.quiz-meta .quiz-progress i{border-radius:999px;background:#bd6b70;box-shadow:none}
.quiz-chapter{align-self:flex-start;margin:1.35em 0 .35em;padding:.45em 1.25em;border:0;border-radius:999px;background:rgba(239,187,181,.34);color:#8f474a;font-size:clamp(13px,.92vw,17px);letter-spacing:.1em}
.quiz-screen .quiz-dimension{margin:.35em 0;color:#8b7770;font-size:clamp(11px,.72vw,14px)}
.quiz-screen h2{margin:.12em 0 .72em;color:#753438;font-size:clamp(23px,1.9vw,36px);line-height:1.42}
.quiz-screen .quiz-options{gap:clamp(7px,.62vw,11px);margin:0 0 1.15em}
.quiz-screen .quiz-options button{position:relative;min-height:clamp(50px,4.25vw,68px);padding:.55em clamp(52px,4.5vw,72px) .55em clamp(60px,5vw,80px);border:1px solid rgba(190,119,106,.58);border-radius:999px;background:rgba(255,250,242,.64);box-shadow:none;color:#5a4a46;font-size:clamp(14px,.98vw,18px);transform:none}
.quiz-screen .quiz-options button:hover{border-color:#bd6d70;background:rgba(250,226,218,.7);transform:none}
.quiz-screen .quiz-options button.selected{border-color:#c66f73;background:linear-gradient(90deg,rgba(241,190,187,.72),rgba(250,216,210,.72));box-shadow:none;color:#8d3c40;transform:none}
.quiz-screen .quiz-options em{position:absolute;left:clamp(12px,1.1vw,18px);display:grid;place-items:center;width:clamp(34px,2.8vw,46px);height:clamp(34px,2.8vw,46px);border:0;border-radius:50%;background:#f2d9ca;box-shadow:none;color:#8e3f42;font-size:clamp(16px,1.15vw,21px);font-style:normal;transform:none}
.quiz-screen .quiz-options button.selected em{background:#c66f73;color:#fff}
.quiz-screen .quiz-options button>i{right:clamp(13px,1.2vw,20px);width:clamp(31px,2.65vw,43px);height:clamp(31px,2.65vw,43px);border:2px solid #c66d70;background:transparent;color:transparent;font-size:1.2em}
.quiz-screen .quiz-options button.selected>i{border-color:#bd6469;background:#bd6469;color:#fff}
.quiz-screen footer{gap:1.5em;justify-content:flex-start}
.quiz-screen footer .quiz-secondary,.quiz-screen footer .quiz-primary{min-width:clamp(150px,15.5vw,245px);min-height:clamp(50px,4.3vw,68px);border-radius:999px;box-shadow:none;font-size:clamp(15px,1.05vw,19px)}
.quiz-screen footer .quiz-secondary{border:1px solid #b85d63;background:rgba(255,249,239,.7);color:#8d3e42}
.quiz-screen footer .quiz-primary{border:1px solid #b45f64;background:#b9696d;color:#fff}
.quiz-screen footer .quiz-secondary::before,.quiz-screen footer .quiz-primary::after{content:none}

@media(max-height:680px){
  .quiz-screen .quiz-copy{padding-top:2.5%;padding-bottom:2.2%}
  .quiz-section-label{margin-top:1.2em}
  .quiz-chapter{margin-top:.85em}
  .quiz-screen h2{margin-bottom:.5em}
  .quiz-screen .quiz-options{gap:6px;margin-bottom:.72em}
  .quiz-screen .quiz-options button{min-height:46px}
}

/* Result composition: supplied full-page painting with a complete vertical character scene. */
.quiz-result{background-color:#f8f1e6;background-image:url("assets/quiz/backgrounds/result-background.png");background-position:center;background-size:cover;background-repeat:no-repeat}
.quiz-result .quiz-character{overflow:hidden;align-items:end;justify-items:center;padding:2.5% 2% 0}
.quiz-result .quiz-character img{width:auto;height:95%;max-width:100%;max-height:95%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 14px 24px rgba(99,62,55,.1))}

/* Ornamental controls based on the supplied UI component sheet. */
.quiz-screen .quiz-head{align-items:center}
.quiz-screen .quiz-head b{display:inline-flex;align-items:center;min-height:2.25em;margin-top:.55em;padding:.25em 1.45em;border:1px solid #d88e86;border-radius:999px;background:linear-gradient(180deg,rgba(255,244,234,.94),rgba(249,214,207,.9));box-shadow:inset 0 0 0 3px rgba(255,250,241,.8),0 1px 0 rgba(157,75,72,.18);color:#8f3e41;font-weight:400;letter-spacing:.18em}
.quiz-screen .quiz-head>span{color:#93484b;font-size:clamp(15px,1.05vw,19px);font-variant-numeric:tabular-nums}
.quiz-progress{height:clamp(8px,.7vw,12px);margin:1em 0 1.25em;border:1px solid rgba(192,112,107,.52);border-radius:999px;background:rgba(255,246,235,.82);box-shadow:inset 0 0 0 2px rgba(255,255,255,.72);overflow:hidden}
.quiz-progress i{border-radius:inherit;background:linear-gradient(90deg,#d98783,#be6267);box-shadow:inset 0 1px 1px rgba(255,255,255,.4)}
.quiz-screen h2{font-size:clamp(24px,2vw,38px);color:#76383b}
.quiz-options{gap:clamp(9px,.75vw,14px)}
.quiz-options button{position:relative;min-height:clamp(60px,5vw,82px);padding:.52em clamp(58px,5vw,82px) .52em clamp(70px,6vw,96px);border:1px solid #d6958c;border-radius:clamp(16px,1.5vw,25px);background:linear-gradient(180deg,rgba(255,250,242,.94),rgba(255,242,231,.88));box-shadow:inset 0 0 0 3px rgba(255,255,255,.72),inset 0 0 0 5px rgba(222,151,139,.28),0 2px 5px rgba(119,68,62,.08);font-size:clamp(15px,1.05vw,20px)}
.quiz-options button:hover{transform:translateX(.18em)}
.quiz-options button.selected{border-color:#c8666b;background:linear-gradient(90deg,rgba(244,198,192,.94),rgba(255,229,220,.92));box-shadow:inset 0 0 0 3px rgba(255,245,238,.74),inset 0 0 0 5px rgba(190,91,94,.25),0 3px 8px rgba(130,65,63,.1)}
.quiz-options em{position:absolute;left:clamp(14px,1.4vw,24px);width:clamp(42px,3.7vw,62px);height:clamp(42px,3.7vw,62px);border:1px solid #cf7577;border-radius:42% 48% 42% 48%;background:linear-gradient(145deg,#d98b89,#c9676d);box-shadow:inset 0 0 0 3px rgba(255,220,211,.65),0 0 0 2px rgba(255,248,237,.9);color:#fff;font-size:1.25em;transform:rotate(45deg)}
.quiz-options em>span{display:block;color:#fff;font-size:clamp(17px,1.35vw,24px);line-height:1;transform:rotate(-45deg)}
.quiz-options button>i{position:absolute;right:clamp(16px,1.6vw,27px);display:grid;place-items:center;width:clamp(34px,3vw,50px);height:clamp(34px,3vw,50px);border:2px solid #c66d70;border-radius:50%;color:#fff;font-size:1.35em;font-style:normal}
.quiz-options button.selected>i{border-color:#bf6267;background:#bf6267}
.quiz-screen footer .quiz-secondary,.quiz-screen footer .quiz-primary{position:relative;min-width:clamp(150px,15vw,250px);min-height:clamp(54px,4.6vw,76px);border-radius:clamp(18px,1.6vw,27px);box-shadow:inset 0 0 0 3px rgba(255,250,241,.65),0 2px 5px rgba(120,68,63,.08);font-size:clamp(15px,1.05vw,20px)}
.quiz-screen footer .quiz-secondary::before{content:"‹";margin-right:.55em;font-size:1.65em;line-height:0}
.quiz-screen footer .quiz-primary::after{content:"›";margin-left:.55em;font-size:1.65em;line-height:0}

/* Final result artwork supplied for the title and action controls. */
.quiz-result h3{width:clamp(330px,31vw,520px);height:clamp(50px,4.5vw,74px);min-height:0;aspect-ratio:auto;margin:.28em 0 .72em;padding:0 12%;border:0;border-radius:0;background-color:transparent;background-image:url("assets/quiz/decorations/result-title-frame-trimmed.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat;box-shadow:none}
.quiz-result .quiz-traits{gap:clamp(8px,.72vw,13px)}
.quiz-result .quiz-traits span{position:relative;display:grid;place-items:center;flex:0 0 clamp(108px,8.8vw,148px);min-height:clamp(36px,2.7vw,46px);padding:0 .75em;border:1px solid #d48b84;border-radius:999px;background:transparent;box-shadow:none;color:#8b3c3f;font-size:clamp(15px,1.05vw,20px);white-space:nowrap}
.quiz-result .quiz-traits span::before,.quiz-result .quiz-traits span::after{content:"";position:absolute;top:50%;width:6px;height:6px;border:1px solid #cf7773;background:#fff2e8;transform:translateY(-50%) rotate(45deg)}
.quiz-result .quiz-traits span::before{left:-4px}.quiz-result .quiz-traits span::after{right:-4px}
.quiz-result .quiz-actions button{height:clamp(60px,4.8vw,78px);min-height:clamp(60px,4.8vw,78px);border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;background-size:100% 100%;box-shadow:none}
.quiz-result .quiz-actions .quiz-secondary{min-width:clamp(190px,16vw,270px);color:#873d3f;background-image:url("assets/quiz/decorations/result-secondary-button-trimmed.png")}
.quiz-result .quiz-actions .quiz-primary{min-width:clamp(230px,19vw,320px);color:#fff;background-image:url("assets/quiz/decorations/result-primary-button-trimmed.png")}
.quiz-result .quiz-actions button:hover{filter:brightness(1.035);transform:translateY(-1px)}

/* Align every result text region to one left edge and open the vertical rhythm. */
.quiz-result .quiz-copy>*{align-self:flex-start}
.quiz-result .result-brand span{align-self:flex-start;margin-top:.72em;padding:0;letter-spacing:.42em}
.quiz-result .result-label{margin:2.25em 0 .55em}
.quiz-result h2{margin:.08em 0 .16em}
.quiz-result h3{margin:.28em 0 .72em}
.quiz-result .quiz-traits{margin-top:.9em}
.quiz-result .quiz-description{margin:1.35em 0 .85em;line-height:1.95;text-align:left}
.quiz-result .quiz-divider{width:min(31vw,520px);height:auto;aspect-ratio:10.84/1;margin:.65em 0 1.15em;object-fit:contain;object-position:center;opacity:.95}
.quiz-result .quiz-actions{margin-top:.65em;justify-content:flex-start}

@media(max-height:680px){
  .quiz-result .result-label{margin-top:1.45em}
  .quiz-result .quiz-description{margin-top:1em;line-height:1.78}
  .quiz-result .quiz-actions{margin-top:.35em}
}

/* Keep the simplified quiz navigation free of ornamental arrow pseudo-elements. */
.quiz-screen footer .quiz-secondary::before,.quiz-screen footer .quiz-primary::after{content:none;margin:0}