/* Isolated pre-release quiz experience: reuse the Multiversal site shell without changing its global styles. */
.quiz-shell{width:min(1100px,calc(100% - 2*var(--gutter)));margin:auto;padding:clamp(42px,6vw,90px) 0 88px;min-height:65vh}
.quiz-kicker{font-size:.72rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;color:var(--cyan)}
.quiz-heading{font-size:clamp(2.35rem,6vw,5rem);max-width:930px;line-height:1.03;letter-spacing:-.045em;margin:.8rem 0 1.25rem}
.quiz-description{font-size:clamp(1rem,1.7vw,1.18rem);max-width:730px;color:#d1dae7;line-height:1.65}
.quiz-privacy{font-size:.86rem;color:#b7c6d8;line-height:1.5;max-width:850px}
.quiz-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.quiz-discovery-card{min-height:350px;padding:30px;border:1px solid #3a5570;background:linear-gradient(145deg,#0d1d33,#06101b);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.quiz-discovery-card:before{content:'';width:200px;height:200px;border-radius:50%;position:absolute;right:-65px;top:-60px;background:radial-gradient(circle,#00eaff47,transparent 70%);pointer-events:none}
.quiz-discovery-card--species:before{background:radial-gradient(circle,#ff007247,transparent 70%)}
.quiz-discovery-card h2{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.12;letter-spacing:-.035em;max-width:390px;margin:.8rem 0 1rem}
.quiz-discovery-card p{max-width:440px;color:#c8d3df;line-height:1.65}
.quiz-discovery-card .button{align-self:flex-start;margin-top:24px}
.quiz-status{display:inline-block;color:#f4de7e;letter-spacing:.09em;text-transform:uppercase;font-weight:900;font-size:.66rem}
.quiz-stage{max-width:790px;margin:auto}
.quiz-prep{background:linear-gradient(160deg,#0d1b2b,#07111d);border:1px solid #334e68;padding:clamp(22px,4.2vw,44px);margin-top:34px}
.quiz-prep h2{font-size:1.65rem;line-height:1.2}
.quiz-prep p{color:#c4d1df;line-height:1.6}
.quiz-start{margin-top:18px}
.quiz-progress{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0 12px;font-size:.77rem;font-weight:800;color:#cbd8e5;text-transform:uppercase;letter-spacing:.05em}
.quiz-meter{height:6px;background:#22354c;overflow:hidden;border-radius:50px;margin-bottom:24px}
.quiz-meter-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--pink));transition:width .17s linear}
.quiz-panel{background:#071522;border:1px solid #36536d;padding:clamp(20px,4vw,39px)}
.quiz-panel fieldset{border:0;margin:0;padding:0;display:block}
.quiz-panel legend{font-size:clamp(1.45rem,2.7vw,2.05rem);font-weight:850;line-height:1.3;letter-spacing:-.02em;padding:0;margin-bottom:27px}
.quiz-answers{display:grid;gap:12px}
.quiz-choice{display:flex;gap:14px;align-items:center;padding:18px 17px;background:#0c2032;border:1px solid #36506b;cursor:pointer;min-height:64px;font-size:1rem;color:#eff4f9;transition:background .16s,border-color .16s}
.quiz-choice:hover{background:#112d44;border-color:#7c9dbb}
.quiz-choice:focus-within{outline:3px solid #f3ff63;outline-offset:2px}
.quiz-choice:has(input:checked){background:#10384c;border-color:var(--cyan);box-shadow:inset 4px 0 var(--cyan)}
.quiz-choice input{accent-color:var(--cyan);width:19px;height:19px;min-height:19px;margin:0;flex-shrink:0}
.quiz-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}
.quiz-button{min-height:48px;padding:11px 22px;background:#101f34;border:1px solid #7190ad;color:white;font-weight:850;cursor:pointer}
.quiz-button:focus-visible,.quiz-link:focus-visible{outline:3px solid #f3ff63;outline-offset:3px}
.quiz-button:hover{border-color:var(--cyan)}
.quiz-button--next{background:var(--pink);border-color:var(--pink);color:white}
.quiz-button:disabled{cursor:not-allowed;opacity:.42}
.quiz-matches{display:grid;gap:10px;margin:18px 0}
.quiz-match{border:1px solid #334f65;background:#0b2032;padding:16px 18px}
.quiz-match strong{display:block;font-size:1.25rem;color:#fbfcff}
.quiz-match p{margin:.45rem 0 0;color:#cbd6e1}
.quiz-affinity-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 25px}
.quiz-affinity-tags span{display:inline-block;background:#102c40;border:1px solid #33768b;border-radius:30px;padding:8px 12px;color:#d7f6f7;font-size:.86rem}
.quiz-notice{border-left:3px solid #f1df7c;padding:12px 16px;background:#28241948;color:#f6e9ad;font-size:.93rem;line-height:1.55;margin-top:24px}
.quiz-error{border:1px solid #c85f82;padding:20px;background:#2c1120;color:#ffe0e9}
.quiz-footer-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;font-size:.93rem}
.quiz-footer-links a{color:#a5ecff;text-underline-offset:3px}
@media(max-width:720px){.quiz-card-grid{grid-template-columns:1fr}.quiz-discovery-card{min-height:315px;padding:24px}.quiz-shell{width:calc(100% - 28px);padding:40px 0 62px}.quiz-choice{padding:15px 13px}.quiz-controls .quiz-button{flex:1}.quiz-description{font-size:1rem}}
@media(prefers-reduced-motion:reduce){.quiz-meter-fill,.quiz-choice{transition:none}}

/* Question heading is the keyboard focus destination after Next/Back. */
.quiz-question-title{font-size:clamp(1.45rem,2.7vw,2.05rem);font-weight:850;line-height:1.3;letter-spacing:-.02em;margin:0 0 27px;outline-offset:8px}
.quiz-question-title:focus{outline:none}
.quiz-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
