.quiz-page{color-scheme:dark}.quiz-wrap{max-width:1420px;margin:auto;padding:30px 5% 60px}.quiz-wayfinding{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #41424b;padding:0 0 22px;margin-bottom:40px;font-size:12px}.quiz-wayfinding a{color:#ddd;text-decoration:none}.quiz-wayfinding span{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--accent-text)}
.quiz-stage.is-intro #app h1{font-size:clamp(50px,5.2vw,72px)}
.quiz-stage{max-width:840px;margin:auto;scroll-margin-top:24px}.quiz-stage.is-intro{max-width:none;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.quiz-stage [hidden]{display:none!important}.quiz-intro-art{margin:0;background:#08090d;border:1px solid #484952;border-bottom:4px solid var(--red);transform:rotate(2deg);box-shadow:14px 14px 0 #d7192d35}.quiz-intro-art img{display:block;width:100%;height:490px;object-fit:cover;object-position:center 20%}.quiz-intro-art figcaption{padding:21px;font:29px/1.1 var(--display)}.quiz-intro-art figcaption span{display:block;font:12px/1.5 var(--font-body);color:#bfc0ca;margin-top:10px}
#app{min-width:0}#app h1{font-size:clamp(53px,6vw,84px);line-height:1.02;margin:18px 0 24px;color:white;letter-spacing:-.015em}#app h1:focus,#app h2:focus{outline:none}#app h2{font-size:34px;line-height:1.15;margin:27px 0 18px}#app h3{font-size:28px;line-height:1.18;margin:0 0 13px}#app p{color:#cbccd5;line-height:1.75}#app .lead{font-size:19px;color:#e2e2e9}#app .eyebrow{color:var(--accent-text);font-size:12px;font-weight:800;letter-spacing:.13em}#app .meta{font-size:13px;color:#bfc0cb;margin:24px 0}#app .small{font-size:13px;line-height:1.65;color:#bfc0cb}#app .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
#app button{background:#1b1c25;border:1px solid #595a66;color:white;padding:15px 19px;min-height:50px;cursor:pointer;font:700 14px/1.5 var(--font-body);text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}#app button:hover:not(:disabled){transform:translateY(-4px);border-color:var(--accent-text);box-shadow:0 12px 25px #d7192d2b}#app button:disabled{opacity:.5;cursor:not-allowed}#app button.primary{background:var(--red);border-color:var(--red);color:white}#app #begin{font-size:16px;padding:18px 25px;min-width:210px}#app a:focus-visible,#app button:focus-visible,#app input:focus-visible,#app .option:focus-within{outline:3px solid white;outline-offset:4px}
#app .taglist{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}#app .tag{font-size:11px;line-height:1.4;border:1px solid #454651;background:#15161c;padding:7px 10px;color:#e0e0e7}.quiz-stage.is-intro .small{margin-top:19px}
#app .progress{height:5px;background:#3c3d48;overflow:hidden;margin:12px 0 30px}#app .progress span{display:block;height:100%;background:var(--accent-text)}.quiz-stage.is-question #app h1{font-size:clamp(31px,4vw,46px);line-height:1.17;margin:24px 0 28px}#app .option{display:flex;gap:16px;align-items:flex-start;margin:14px 0;padding:22px;border:1px solid #555661;border-left:3px solid #555661;background:#17181f;cursor:pointer;font-size:17px;line-height:1.6;color:#eeeef3;transition:transform .18s,box-shadow .18s,border-color .18s}#app .option input{accent-color:var(--red);width:19px;height:19px;flex:0 0 19px;margin:4px 0 0}#app .option:hover{transform:translateY(-4px);border-color:var(--accent-text);box-shadow:0 12px 25px #d7192d24}#app .option:has(input:checked){border-color:var(--accent-text);background:linear-gradient(110deg,#33141d,#1b1921)}#app #question-form .actions{justify-content:space-between;margin-top:30px}
#app .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:30px 0}#app button.card{display:block;padding:25px;border-top:3px solid var(--red);height:100%;width:100%}#app .card p{font-weight:400;font-size:15px;margin:0}#app .note{background:#22151c;border-left:4px solid var(--red);padding:22px 26px;margin:26px 0}#app .note p{margin:6px 0}#app .note .cost{font-size:18px;color:white}#app .result-list{padding-left:24px;color:#cdd0da;line-height:1.75}#app .result-list li{padding-left:5px;margin:13px 0}
#app .quiz-next{border-block:1px solid #4a3540;padding:15px 0 25px;margin-top:36px}#app .quiz-next h2{font-size:29px;margin:14px 0 20px}.quiz-lore-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}.quiz-lore-links a{color:white;background:#191a22;border:1px solid #4f505a;padding:13px 16px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .18s,border-color .18s}.quiz-lore-links a:hover{transform:translateY(-4px);border-color:var(--accent-text)}#app .quiz-next p{margin:13px 0 15px}#app .quiz-reading{display:grid;grid-template-columns:155px 1fr;gap:30px;align-items:center;margin:38px 0 0;padding:28px;border:1px solid #83303d;background:linear-gradient(120deg,#30131d,#14151b)}#app .quiz-reading img{width:100%;height:auto;box-shadow:5px 5px 0 #000}#app .quiz-reading h2{font-size:38px;margin:12px 0}#app .quiz-reading p{font-size:15px}#app .quiz-reading .eyebrow{font-size:10px}#app .quiz-reading .actions{margin-top:20px}.quiz-reading .text-link{color:white}.quiz-privacy{max-width:840px;margin:45px auto 0;padding-top:22px;border-top:1px solid #3c3d46}.quiz-privacy p{font-size:12px;color:#aeb0be;line-height:1.7;margin:6px 0}.quiz-no-script h1{font-size:60px}.quiz-no-script .text-link{display:block;margin-top:24px}
@media(max-width:1000px){.quiz-stage.is-intro{gap:27px}.quiz-intro-art img{height:420px}#app h1{font-size:62px}#app .tag{font-size:10px}}
@media(max-width:760px){.quiz-wrap{padding:25px 6% 40px}.quiz-wayfinding{margin-bottom:28px;font-size:11px;gap:12px}.quiz-wayfinding span{font-size:9px}.quiz-stage.is-intro{grid-template-columns:1fr}.quiz-intro-art{transform:none;margin:15px 0 0;box-shadow:7px 7px 0 #d7192d35}.quiz-intro-art img{height:300px}#app h1{font-size:53px}#app .lead{font-size:17px}#app .grid{grid-template-columns:1fr}#app .option{padding:18px 15px;gap:12px;font-size:16px}.quiz-stage.is-question #app h1{font-size:32px}#app .actions{gap:11px}#app .actions button{flex-grow:1}#app button{font-size:13px;padding:14px 15px}#app .quiz-reading{grid-template-columns:1fr;padding:23px;gap:12px}#app .quiz-reading img{width:110px}#app .quiz-reading h2{font-size:35px}#app .quiz-reading .actions{align-items:flex-start;flex-direction:column}.quiz-lore-links{flex-direction:column}#app .note{padding:20px}#app .tag{font-size:11px}}
@media(max-width:359px){#app h1{font-size:45px}.quiz-stage.is-question #app h1{font-size:29px}#app .option{font-size:15px}}
@media(prefers-reduced-motion:reduce){#app button,#app .option,.quiz-lore-links a{transition:none}#app button:hover:not(:disabled),#app .option:hover,.quiz-lore-links a:hover{transform:none}}