/* Quiz presentation. All added rules are scoped below the original site header. */
.qz-stage{--qz-teal:#5be3c5;--qz-blue:#75bdff;--qz-gold:#ffc474;--qz-red:#ff8b8b;max-width:1120px;padding:64px 32px 38px;position:relative;text-align:left;isolation:isolate}
.qz-stage::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 88% 22%,#14453950,transparent 42%),radial-gradient(ellipse at 4% 52%,#3f243640,transparent 45%)}
.qz-stage .qz-landing-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;min-height:454px}
.qz-stage .stars{margin-bottom:20px;font-size:16px;letter-spacing:.6em;color:var(--qz-teal)}
.qz-stage h1{font-size:clamp(32px,4.6vw,57px);line-height:1.13;letter-spacing:-.04em;max-width:630px;text-wrap:balance}
.qz-stage h1 .amb{color:var(--qz-gold)}
.qz-stage .byline{font-size:15px;color:#cebb99;margin-top:20px;letter-spacing:.015em}
.qz-stage .intro{margin:20px 0 0;max-width:480px;color:#cebbab;font-size:18px;line-height:1.55}
.qz-stage .cta{margin-top:26px;border:1px solid #f3bc6d;border-radius:8px;padding:17px 30px;background:#f3b45b;box-shadow:0 4px 0 #835328,0 8px 30px #dc932923;font-size:19px;letter-spacing:.015em;transition:transform .15s,background .15s}
.qz-stage .cta:hover{background:#ffd08c;transform:translateY(-2px)}
.qz-stage .free-line{max-width:430px;color:#b9a788;font-size:13px;line-height:1.5;margin-top:16px}
.qz-stage .qz-hero{height:430px;position:relative;display:flex;align-items:center;justify-content:center;overflow:clip}
.qz-stage .qz-orbit{position:absolute;border:1px solid #67d5bd25;border-radius:50%;width:365px;height:365px}
.qz-stage .qz-orbit-one{transform:rotate(-25deg) scaleX(1.13)}
.qz-stage .qz-orbit-two{transform:rotate(40deg) scaleX(1.13);border-style:dashed}
.qz-stage .qz-card-back{position:absolute;width:284px;height:335px;border-radius:15px;border:1px solid #ffbe643d;background:linear-gradient(145deg,#402713,#171513)}
.qz-stage .qz-card-gold{transform:translate(-24px,-6px) rotate(-12deg)}
.qz-stage .qz-card-teal{transform:translate(20px,0) rotate(10deg);border-color:#53daba6b;background:linear-gradient(145deg,#114435,#111a17)}
.qz-stage .qz-mascot-card{width:300px;height:350px;position:relative;border:2px solid #f3bc77;border-radius:13px;overflow:hidden;background:#ead9ae;box-shadow:0 18px 48px #0009;transform:rotate(-3deg)}
.qz-stage .qz-card-stars{position:absolute;top:0;left:0;right:0;text-align:center;background:#19140ff2;color:#ffd290;font-size:12px;letter-spacing:.7em;height:31px;line-height:31px;z-index:1}
.qz-stage .qz-mascot-card img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}
.qz-stage .qz-card-edge{position:absolute;inset:8px;border:1px solid #4b331a4d;border-radius:5px;pointer-events:none}
.qz-stage .qz-spark{position:absolute;color:var(--qz-gold);font-size:37px}
.qz-stage .qz-spark-one{right:12px;top:25px}
.qz-stage .qz-spark-two{left:10px;bottom:75px;font-size:28px;color:var(--qz-teal)}
.qz-stage .qz-spectrum{position:absolute;bottom:10px;display:flex;gap:5px;background:#181811;border:1px solid #60503a;border-radius:999px;padding:9px 19px;transform:rotate(-3deg);box-shadow:0 8px 20px #0005}
.qz-stage .qz-spectrum span{font-size:11px;font-weight:700;letter-spacing:.18em;padding:0 8px;color:var(--qz-blue)}
.qz-stage .qz-spectrum span:nth-child(2){color:var(--qz-gold)}
.qz-stage .qz-spectrum span:nth-child(3){color:var(--qz-red)}
.qz-stage .snd-line{display:flex;gap:12px;align-items:center;margin-top:26px}
.qz-stage .snd-btn{min-height:42px;font-size:11px;border-radius:6px;border-color:#766246;letter-spacing:.12em;padding:10px 14px}
.qz-stage .snd-note{margin:0;font-size:12px;color:#b9a788}
.qz-stage .persona-links{margin-top:38px;padding-top:25px;border-color:#54442f;display:flex;flex-wrap:wrap;gap:10px;font-size:14px;color:#b9a788;align-items:center}
.qz-stage .persona-links a{padding:7px 11px;margin:0;border:1px solid #605139;border-radius:6px;color:#e7d3b1;background:#251d13;font-size:14px;line-height:1.6}
.qz-stage .persona-links a:nth-of-type(4n+1){border-color:#405977;background:#19212e;color:#a8d0fd}
.qz-stage .persona-links a:nth-of-type(4n+2){border-color:#77612f;background:#292313;color:#f5cf83}
.qz-stage .persona-links a:nth-of-type(4n+3){border-color:#754344;background:#2e1b1c;color:#ffaeae}
.qz-stage .persona-links a:nth-of-type(4n+4){border-color:#396652;background:#142a21;color:#94e6c8}
.qz-stage .persona-links a:hover{border-color:#e1c599;background:#342e21}
.qz-stage #quiz{max-width:600px;margin:0 auto;text-align:center}
.qz-stage .progress{font-size:14px;color:var(--qz-teal);letter-spacing:.2em;margin:0 0 15px}
.qz-stage .qbar{position:relative;max-width:none;height:28px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#77b7a724 calc(10% - 1px),#77b7a724 10%),#15332a;border:1px solid #416153;margin-bottom:32px;overflow:visible;border-radius:5px}
.qz-stage .qbar i{background:linear-gradient(90deg,#225342,#52bb92);max-width:100%;border-radius:4px;opacity:.7}
.qz-stage .qbar::after{content:"";position:absolute;right:0;top:0;bottom:0;width:12px;border-radius:0 4px 4px 0;background:repeating-linear-gradient(45deg,#b5d0bf4d 0 4px,transparent 4px 8px)}
.qz-stage .qz-football{position:absolute;left:clamp(0px,calc(var(--qz-progress,0)*1%),calc(100% - 28px));top:0;font-size:25px;line-height:26px;transition:left .2s}
.qz-stage .qtext{font-size:clamp(22px,3vw,29px);line-height:1.4;min-height:4.2em;color:#f0dcb5;text-wrap:balance}
.qz-stage .opts{gap:10px;margin-top:24px}
.qz-stage .opt{position:relative;text-align:left;min-height:57px;padding:15px 22px 15px 53px;border:1px solid #5a4235;border-radius:8px;background:#271c16;color:#f0dccc;font-size:17px;letter-spacing:.01em}
.qz-stage .opt::before{content:"";position:absolute;left:21px;top:50%;transform:translateY(-50%);border:2px solid #dd9691;width:13px;height:13px;border-radius:50%}
.qz-stage .opt:nth-child(2)::before{border-color:#d3a382}
.qz-stage .opt:nth-child(3)::before{border-color:#b7b1a3}
.qz-stage .opt:nth-child(4)::before{border-color:#90c5b5}
.qz-stage .opt:nth-child(5)::before{border-color:#63e0bc}
.qz-stage .opt:nth-child(4),.qz-stage .opt:nth-child(5){background:#172720;border-color:#35594b}
.qz-stage .backrow{text-align:left;margin-top:18px}
.qz-stage .backbtn{min-height:44px;color:#c4ad8a;font-size:12px}
.qz-stage #result{max-width:690px;margin:auto;text-align:center}
.qz-stage .kicker{color:var(--qz-teal);font-size:12px;margin-bottom:14px}
.qz-stage .pname{color:var(--qz-gold);font-size:clamp(34px,5vw,55px)}
.qz-stage .pblurb{color:#d1bdaa;line-height:1.5;margin-top:15px}
.qz-stage .verdict{position:relative;margin-top:26px;padding:28px 32px 22px;border:4px double #9d7440;border-radius:9px;background:#ecd9b2;box-shadow:0 10px 50px #0007;text-align:left}
.qz-stage .verdict::before{content:"";position:absolute;inset:5px;border:1px solid #9d744038;border-radius:3px;pointer-events:none}
.qz-stage .verdict .vk{font-size:11px;color:#735028;letter-spacing:.22em;margin-bottom:12px}
.qz-stage .verdict p{font-size:clamp(21px,3vw,27px);line-height:1.5;color:#302218}
.qz-stage .verdict .sig{margin-top:18px;color:#735028}
.qz-stage .split{margin-top:28px;gap:13px}
.qz-stage .srow{grid-template-columns:65px 1fr 45px}
.qz-stage .srow .lab{color:#ccb493}
.qz-stage .srow .bar{height:12px;background:#30261c}
.qz-stage .srow.nerd .bar i{background:var(--qz-blue)}
.qz-stage .srow.casual .bar i{background:var(--qz-gold)}
.qz-stage .srow.degen .bar i{background:var(--qz-red)}
.qz-stage .share-btn{border-radius:6px;min-height:44px;line-height:1.4;text-decoration:none}
.qz-stage .retake button{color:#c1ad8c;min-height:44px}
.qz-stage .foot{border-color:#54442f;color:#ad9779;font-size:12px;line-height:1.9;margin-top:38px}
.qz-stage .foot a{color:#c9b28d}
.qz-stage a:focus-visible,.qz-stage button:focus-visible{outline:3px solid var(--qz-teal);outline-offset:4px}
@media(hover:hover){.qz-stage .opts:not(.fresh) .opt:hover{border-color:#f5c482;background:#3b2c1f;transform:translateY(-1px)}}
@media(max-width:760px){
 .qz-stage{padding:25px 20px 28px}
 .qz-stage .qz-landing-grid{grid-template-columns:1fr;gap:20px;min-height:0}
 .qz-stage .qz-landing-copy{text-align:center}
 .qz-stage .stars{font-size:12px;margin-bottom:13px}
 .qz-stage h1{font-size:clamp(28px,6.8vw,43px);line-height:1.14;max-width:520px;margin:0 auto}
 .qz-stage .byline{font-size:12px;line-height:1.6;margin-top:14px}
 .qz-stage .intro{font-size:16px;line-height:1.5;margin:13px auto 0;max-width:510px}
 .qz-stage .cta{margin-top:20px;font-size:17px;padding:15px 24px}
 .qz-stage .free-line{margin:14px auto 0;font-size:12px;max-width:350px}
 .qz-stage .qz-hero{height:292px;width:100%;max-width:380px;margin:auto}
 .qz-stage .qz-mascot-card{width:215px;height:240px}
 .qz-stage .qz-card-back{width:197px;height:227px}
 .qz-stage .qz-card-stars{height:24px;line-height:24px;font-size:10px}
 .qz-stage .qz-orbit{height:235px;width:255px}
 .qz-stage .qz-spectrum{bottom:0;padding:7px 8px}
 .qz-stage .qz-spectrum span{font-size:10px}
 .qz-stage .qz-spark-one{right:5px;top:0}
 .qz-stage .qz-spark-two{left:8px;bottom:55px}
 .qz-stage .snd-line{justify-content:center;flex-wrap:wrap;margin-top:20px;gap:8px}
 .qz-stage .persona-links{justify-content:center;gap:7px;margin-top:23px;padding-top:20px;font-size:12px}
 .qz-stage .persona-links a{padding:6px 8px;font-size:12px}
 .qz-stage .qtext{font-size:22px;min-height:5.3em;line-height:1.35}
 .qz-stage .qbar{margin-bottom:22px;height:24px}
 .qz-stage .qz-football{font-size:23px;line-height:23px}
 .qz-stage .progress{margin-bottom:12px}
 .qz-stage .opts{margin-top:19px;gap:9px}
 .qz-stage .opt{min-height:51px;padding-top:13px;padding-bottom:13px;font-size:16px}
 .qz-stage .backrow{margin-top:10px}
 .qz-stage .verdict{padding:21px 20px 18px}
 .qz-stage .verdict p{font-size:22px}
 .qz-stage .share-row{gap:9px}
 .qz-stage .share-btn{padding:12px;font-size:10px}
 .qz-stage .foot{margin-top:28px;font-size:11px}
}
@media(max-width:760px) and (max-height:690px){
 .qz-stage:has(#quiz:not([hidden])){padding-top:15px}
 .qz-stage .qbar{margin-bottom:15px}
 .qz-stage .qtext{font-size:20px;min-height:5em}
 .qz-stage .opts{gap:7px;margin-top:14px}
 .qz-stage .opt{min-height:47px;padding-top:11px;padding-bottom:11px}
}
@media(prefers-reduced-motion:reduce){.qz-stage .cta,.qz-stage .opt,.qz-stage .qbar i,.qz-stage .qz-football,.qz-stage .srow .bar i{transition:none}.qz-stage .cta:hover,.qz-stage .opt:active{transform:none}}
