.quiz-shell{max-width:1040px;padding-block:1.25rem 2.5rem}.quiz-panel{gap:.875rem;display:grid}.quiz-title{max-width:28ch;font-size:clamp(1.5rem,3vw,2.125rem)}.quiz-helper,.answer-description{color:var(--muted);font-size:1rem}progress{width:100%;height:5px;accent-color:var(--accent);background:var(--line);border:0;display:block}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.quiz-options{gap:.5rem;display:grid}.answer-choice{text-align:left;width:100%;min-height:56px;color:var(--text);background:var(--surface);border:1px solid var(--control-line);cursor:pointer;font:inherit;border-radius:3px;align-items:center;gap:.75rem;padding:.65rem .875rem;display:flex}.answer-choice:hover{border-color:var(--accent)}.answer-choice:has(input:checked){border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 4px 0 var(--accent)}.answer-choice:has(input:focus-visible){outline:3px solid var(--gold);outline-offset:3px}.answer-choice:has(input:disabled){opacity:.65;cursor:default;border-style:dashed}.answer-choice input{accent-color:var(--accent);flex-shrink:0;margin:0}.answer-content{flex:1;gap:.2rem;display:grid}.answer-label{font-weight:600}.answer-emoji{flex-shrink:0;font-size:1.5rem}.quiz-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.quiz-actions .button{cursor:pointer;justify-content:center;gap:0;min-height:48px}.button:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.primary-result,.alternative-result{align-content:start;gap:.75rem;min-width:0;display:grid}.primary-result h2,.result-section h2,.result-preparation h2{font-size:1.35rem}.fit-label{color:var(--accent);font-weight:700}.result-section{border-top:1px solid var(--line);gap:1rem;padding-top:1rem;display:grid}.alternative-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}.primary-result{background:var(--surface);border:1px solid var(--line)}.result-reasons,.result-cautions{margin:0;padding-left:1.25rem}.result-reasons li,.result-cautions li{margin-block:.25rem}.result-cautions{color:var(--muted)}.restart-dialog{max-width:min(560px,100% - 2rem);color:var(--text);background:var(--surface);border:2px solid var(--accent);padding:1.5rem}.restart-dialog h2{margin-bottom:1.5rem;font-size:1.4rem}.restart-dialog::backdrop{background:#0009}.quiz-error{border:2px solid var(--gold);padding:1rem}@media (width<=600px){.quiz-shell{padding-block:1rem 2rem}.alternative-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.answer-choice{transition:border-color .1s,background-color .1s}}.quiz-actions .button:not(.button-primary){color:var(--text);background:var(--surface)}.alternative-details{color:var(--muted);font-size:.875rem}.alternative-details>summary,.edition-details>summary{cursor:pointer;min-height:48px;color:var(--text);padding-block:.6rem;font-size:1rem;font-weight:600;display:list-item}.alternative-details[open]>:not(summary){margin-top:.75rem}.platform-notice{border-left:3px solid var(--accent);background:0 0;gap:.5rem;padding:.25rem 0 .25rem .875rem;display:grid}.support-link{color:var(--accent);text-underline-offset:.2em;overflow-wrap:anywhere}.primary-result{border-top:4px solid var(--accent)}.alternative-result h3{font-size:1.35rem}.result-preparation{background:0 0;border:0;gap:1rem;padding:.75rem 0;display:grid}.showing-results .quiz-helper{color:var(--muted);font-size:.875rem}.alternative-result .capability-grid{grid-template-columns:1fr}.quiz-panel:not(.showing-results){gap:.75rem;max-width:1040px;margin-inline:auto}#quiz-root{scroll-margin-top:16px}#quest-heading:focus{outline:none}.quiz-hint{font-size:.875rem;font-style:normal}.quest-progress{align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.progress-info{flex:1;min-width:0}.progress-count{color:var(--muted);margin-block:.2rem;font-size:.875rem}.answer-choice input{appearance:none;border:2px solid var(--control-line);background:var(--surface);border-radius:3px;place-content:center;width:20px;height:20px;display:grid}.answer-choice input[type=radio]{border-radius:50%}.answer-choice input:checked{border-color:var(--accent);background:var(--accent)}.answer-choice input:checked:after{content:"";border:2px solid var(--button-text);border-top:0;border-left:0;width:8px;height:8px;transform:translateY(-1px)rotate(45deg)}.answer-choice input:focus-visible{outline:none}.answer-choice:has(input:disabled):hover{border-color:var(--control-line)}.selection-status{color:var(--muted);font-size:.875rem}.selection-status.at-limit{color:var(--text);font-weight:600}.question-actions{grid-template-columns:1fr 1.5fr;padding-top:.5rem;display:grid}.question-actions>.button-primary{grid-area:1/2}.question-actions>.button:not(.button-primary):not(.button-tertiary){box-shadow:none;grid-area:1/1}.quiz-actions .button.button-tertiary{box-shadow:none;color:var(--muted);text-underline-offset:3px;background:0 0;border-color:#0000;padding-inline:.25rem;font-size:.875rem;font-weight:500;text-decoration:underline}.question-actions>.button-tertiary{grid-column:1/-1;justify-self:start}.quiz-actions .button.button-tertiary:hover{color:var(--text);transform:none}.primary-result{gap:1rem;padding:1.5rem}.result-intro{grid-template-columns:minmax(0,1fr) 272px;align-items:center;gap:1.5rem;display:grid}.result-identity{gap:.65rem;min-width:0;display:grid}.primary-result h1{letter-spacing:-1px;overflow-wrap:anywhere;font-size:clamp(2rem,4vw,3rem)}.result-artwork{aspect-ratio:1;place-items:center;width:256px;display:grid}.result-artwork:empty{display:none}.result-intro:not(:has(.result-artwork:not(:empty))){grid-template-columns:1fr}.result-artwork img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:url(#result-artwork-desktop);display:block}.alternative-result .result-intro{grid-template-columns:1fr}.compatibility-warnings{border-left:3px solid var(--accent);margin:0;padding:.5rem .5rem .5rem 1.5rem;font-size:.875rem}.result-traits,.result-comparison{color:var(--muted);font-size:.875rem}.alternative-result{background:0 0;border:0;padding:0}.alternative-details{border-top:1px solid var(--line)}.capability-stats h2{font-size:1.125rem}.edition-details>summary{color:var(--accent)}.edition-details>article{padding-top:.5rem}@media (width<=760px){.result-identity .eyebrow{letter-spacing:1px}.primary-result h1{font-size:1.75rem}.result-intro:has(.result-artwork:not(:empty)){grid-template-columns:minmax(0,1fr) 144px;align-items:start;gap:.65rem 1rem}.result-intro:has(.result-artwork:not(:empty)) .result-identity{display:contents}.result-intro:has(.result-artwork:not(:empty)) .result-identity>*{grid-column:1/-1}.result-intro:has(.result-artwork:not(:empty)) .result-identity>:is(.eyebrow,h1,.result-archetype){grid-column:1}.result-artwork{grid-area:1/2/span 3;width:144px}.result-artwork img{filter:url(#result-artwork-mobile)}.result-intro:not(:has(.result-artwork:not(:empty))){display:block}}@media (width<=600px){.primary-result{border-inline:0;background:0 0;border-bottom:0;padding:1rem 0}.quest-progress{gap:.75rem}.answer-emoji{font-size:1.25rem}.answer-choice{gap:.625rem;padding:.625rem}.alternative-result+.alternative-result{border-top:1px solid var(--line);padding-top:1rem}.result-preparation{padding-inline:0}}@media (width<=360px){.result-intro:has(.result-artwork:not(:empty)){grid-template-columns:minmax(0,1fr) 112px}.result-artwork{width:112px}.result-artwork img{filter:url(#result-artwork-compact)}.primary-result h1{font-size:1.5rem}}@media (hover:hover){.answer-choice:not(:has(input:checked,input:disabled)):hover{background:color-mix(in srgb, var(--accent-soft) 55%, var(--surface))}}@media (width>=601px){.alternative-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alternative-grid>.alternative-result+.alternative-result{border-left:1px solid var(--line);padding-left:1.5rem}}.showing-results{max-width:880px;margin-inline:auto}.journey-arrival{width:96px;height:90px;position:absolute;bottom:0;right:0}.journey-arrival-scene{background:var(--scene-sky);width:100%;height:90px;margin-bottom:-12px;position:relative;overflow:hidden}.arrival-sun{width:72px;height:36px;position:absolute;bottom:0;right:180px}.arrival-cloud{opacity:.65;width:128px;height:48px;position:absolute;top:18px;left:40px}.arrival-cloud-far{width:96px;height:36px;top:4px;left:29%}.arrival-cloud-third{width:112px;height:42px;top:34px;left:51%}@media (width<=760px){.arrival-sun{width:60px;height:30px;right:112px}.arrival-cloud{width:72px;height:27px;top:12px;left:16px}.arrival-cloud-far,.arrival-cloud-third{display:none}}.question-journey{min-width:0}.journey-desktop{width:100%;height:auto}.journey-mobile{display:none}@media (width>=761px){.quiz-panel:not(.showing-results){grid-template-columns:minmax(0,1fr) clamp(176px,24vw,248px);justify-content:center;column-gap:clamp(24px,4vw,56px);max-width:964px;min-height:560px;padding-block:16px;position:relative}.quiz-panel:not(.showing-results)>:not(.question-journey){grid-column:1}.question-journey{border:2px solid var(--art-frame);grid-area:2/2;width:clamp(176px,24vw,248px);position:absolute;top:24px;right:0;overflow:hidden}.quiz-panel:has(>.result-note:not([hidden])) .question-journey{grid-row:3}.journey-desktop{width:calc(100% + 96px);max-width:none;height:auto;margin-left:-48px}}@media (width<=760px){.quiz-panel:not(.showing-results){max-width:660px}.journey-desktop{display:none}.journey-mobile{width:100%;height:64px;display:block}}@media (width<=600px){.alternative-grid .capability-grid{grid-template-columns:1fr}}.result-profile-link{color:var(--muted);text-underline-offset:3px;margin-top:8px;font-size:.875rem;font-weight:500;text-decoration:underline;display:inline-block}.result-profile-link:is(:hover,:focus-visible){color:var(--text)}