body.quiz-open{overflow:auto;overscroll-behavior:none}body.quiz-open>main,body.quiz-open>.sidebar{display:none!important}#quizFlow{position:relative;z-index:50;min-height:100dvh;background:#0c0c0b;color:#f4f0e9;font:15px/1.6 DM,Arial,sans-serif}#quizFlow[hidden]{display:none}#quizFlow button{font:inherit;cursor:pointer}#quizFlow h1{font:400 clamp(28px,4.5vw,43px)/1.22 Lora,Georgia,serif;letter-spacing:-.9px;text-align:center;max-width:650px;margin:0 0 14px}#quizFlow h1:focus{outline:0}#quizFlow em{color:#fac9b5;font-style:normal}.q-shell{max-width:1000px;padding:0 30px;margin:auto}.q-header{height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px}.q-logo{font:500 22px Lora,serif;display:flex;align-items:center;gap:10px}.q-logo i{color:#fac9b5;font-size:28px;font-style:normal}.q-step{font-size:10px;letter-spacing:1px;color:#aaa49b}.q-back{width:36px;height:36px;border:1px solid #37332e!important;border-radius:50%;background:transparent}.q-track{height:3px;background:#25231f;overflow:hidden;border-radius:9px}.q-track i{display:block;height:100%;background:#fac9b5}.q-content{display:flex;flex-direction:column;align-items:center;padding:42px 0 35px}.q-eyebrow{font-size:10px;letter-spacing:2px;color:#fac9b5;text-transform:uppercase;font-weight:600;margin:0 0 12px;text-align:center}.q-story{width:290px;aspect-ratio:1;border-radius:19px;overflow:hidden;margin:25px 0 17px;box-shadow:0 16px 60px #0007}.q-story img{width:100%;height:100%;object-fit:cover;object-position:center 35%}.q-storyname{font:500 21px Lora,serif;margin:0;text-align:center}.q-caption,.q-sub{max-width:400px;text-align:center;color:#aaa49b;font-size:13px;line-height:1.65;margin:8px 0 0}.q-actions{display:flex;width:100%;max-width:480px;gap:12px;margin:28px 0 12px}.q-primary,.q-secondary{border:1px solid #37332e!important;border-radius:12px;padding:16px 20px;min-height:54px;font-size:14px!important;font-weight:600!important;width:100%;line-height:1.4!important}.q-primary{background:#fac9b5!important;color:#261c16!important;border-color:#fac9b5!important}.q-primary:hover{background:#ffdac9!important}.q-primary:disabled{opacity:.4;cursor:default!important}.q-secondary{background:transparent!important;color:#f4f0e9!important;flex:.8}.q-actions .q-primary{flex:1.2}.q-choices{width:100%;max-width:560px;display:grid;gap:12px;margin:27px 0}.q-choice{display:flex;align-items:center;gap:16px;width:100%;padding:12px;background:#191918!important;border:1px solid #37332e!important;border-radius:13px;text-align:left;color:#f4f0e9}.q-choice.selected,.q-choice:hover{border-color:#fac9b5!important;background:#24201c!important}.q-choice img{width:80px;height:86px;object-fit:cover;object-position:center 35%;border-radius:8px}.q-choice strong{font:500 18px/1.4 Lora,serif;display:block}.q-choice small{display:block;font-size:12px;color:#aaa49b;margin-top:5px}.q-arrow{margin-left:auto;color:#fac9b5;font-size:22px}.q-watch{max-width:560px}.q-welcome-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;overflow:hidden;filter:brightness(.55);height:100dvh}.q-welcome-bg img{width:100%;height:34dvh;object-fit:cover;border-radius:10px}.q-welcome-shade{position:absolute;inset:0;height:100dvh;background:linear-gradient(#0c0c0b80,#0c0c0bb8 38%,#0c0c0b 95%)}.q-welcome{position:relative;height:100dvh;min-height:570px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:10dvh 24px 36px}.q-emblem{position:relative;width:83px;height:83px;border:1px solid #b7a573;border-radius:23px;background:#15150f;font:600 60px/80px Lora,serif;color:#ede9d8;margin:0 auto 21px;box-shadow:0 12px 40px #0006}.q-emblem span{position:absolute;right:10px;top:-20px;font-size:20px;color:#e4cf89}.q-welcome p{font-size:13px;color:#c0b9aa;margin:0 0 8px}.q-welcome h1{font-size:42px!important;letter-spacing:3px!important;margin:0 auto 22px!important}.q-welcome h2{font:400 18px/1.6 DM,sans-serif;margin:0}.q-welcome-bottom{width:min(100%,345px)}.q-welcome-bottom>p{font-size:12px}.q-rule{color:#dfc491;margin:20px 0;display:flex;gap:18px;align-items:center;justify-content:center}.q-rule:before,.q-rule:after{content:"";width:40px;height:1px;background:#dfc49155}
@media(max-width:520px){.q-shell{padding:0 22px}.q-header{height:75px}.q-logo{font-size:20px}.q-step{font-size:9px}.q-content{padding-top:30px}#quizFlow h1{font-size:30px}.q-story{width:min(260px,76vw);margin-top:24px}.q-caption{font-size:13px}.q-primary,.q-secondary{padding:15px 13px;font-size:13px!important}.q-choice{gap:12px}.q-choice strong{font-size:17px}.q-choice img{width:70px;height:80px}.q-welcome-bg{grid-template-columns:repeat(3,1fr)}.q-welcome{min-height:520px}.q-welcome h2{font-size:16px}}@media(max-height:720px){.q-content{padding-top:23px}.q-story{width:min(225px,65vw);margin-top:16px}.q-actions{margin-top:20px}.q-caption{font-size:12px}.q-welcome{padding-top:40px}.q-welcome h1{font-size:35px!important;margin-bottom:15px!important}.q-emblem{margin-bottom:15px}}

.q-choice img{object-fit:contain;background:#10100e}.q-story img{object-fit:contain;background:#10100e}.q-story{width:min(260px,70vw);aspect-ratio:9/12;max-height:36dvh}@media(max-height:720px){.q-story{max-height:30dvh}}

.lifetime-countdown{display:grid;gap:5px;width:100%;margin-top:12px;padding:17px 12px;border-radius:11px;background:#c7974218;border:1px solid #dfc77c55;text-align:center}.lifetime-countdown>span{font-size:12px;color:#f1dfb2}.lifetime-countdown>strong{font:700 36px/1.2 DM,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:3px;color:#ffe3a0;margin:0}.lifetime-countdown>small{font-size:11px;color:#cabc9d}.lifetime-countdown.expired>strong{color:#b5aa93}.checkout-submit:disabled{opacity:.45;cursor:default}

/* Compact, readable acquisition screens on phones. */
#quizFlow .q-choice>span:not(.q-arrow){min-width:0;flex:1}
#quizFlow .q-choice strong{overflow-wrap:break-word}
#quizFlow button:focus-visible{outline:2px solid #fac9b5;outline-offset:4px}
@media(max-width:600px){
 .q-shell{padding-inline:max(16px,env(safe-area-inset-left));padding-bottom:env(safe-area-inset-bottom)}
 .q-header{gap:10px;height:70px}.q-header .q-back{min-width:44px;min-height:44px}.q-logo{flex-shrink:0;font-size:19px;gap:6px}.q-step{font-size:9px;letter-spacing:.3px;text-align:right;line-height:1.5}
 .q-content{padding:24px 0 28px}.q-content h1{font-size:clamp(25px,7.2vw,30px)!important;line-height:1.25;letter-spacing:-.6px}
 .q-choose{padding-top:22px}.q-choose .q-eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.q-choose h1{margin-bottom:8px!important}.q-sub{font-size:13px;line-height:1.5;margin-top:6px}
 .q-choices{margin:20px 0 0;gap:10px}.q-choice{padding:10px;gap:12px;min-height:88px}.q-choice img{width:54px;height:66px;flex-shrink:0}.q-choice strong{font-size:16px;line-height:1.35}.q-choice small{font-size:12px;margin-top:5px}.q-arrow{font-size:23px;flex-shrink:0;padding-inline:4px}
 .q-caption{line-height:1.65}.q-actions{gap:10px}.q-primary,.q-secondary{min-height:50px}
}
@media(max-width:350px){.q-header{gap:7px}.q-logo{font-size:17px}.q-step{font-size:8px;max-width:90px}.q-choice strong{font-size:15px}.q-choice{gap:9px}.q-choice img{width:48px;height:62px}}

.q-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.q-header .q-logo{justify-self:center}.q-header .q-step{justify-self:end}

/* Compact opening card with the video kept in its original portrait ratio. */
@media (max-width: 600px) {
  #quizFlow .priest-landing {
    min-height: 100svh;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  #quizFlow .priest-landing .q-header {
    height: auto;
    min-height: 50px;
    flex-shrink: 0;
  }
  #quizFlow .priest-opening-media {
    justify-content: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
  }
  #quizFlow .priest-post-header {
    gap: 6px;
    padding: 8px 10px 9px;
  }
  #quizFlow .priest-post-title {
    font-size: 15px;
    line-height: 1.35;
    overflow-wrap: break-word;
  }
  #quizFlow .priest-post-title img {
    width: 1em;
    height: 1em;
  }
  #quizFlow .priest-player {
    width: clamp(min(100%, 160px), calc((100svh - 280px) * 0.5625), 100%);
    margin-inline: auto;
  }
  #quizFlow .priest-opening-media .priest-watch-cta {
    gap: 8px;
    min-height: 48px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.25;
  }
}