:root{color-scheme:dark;--page: #12091d;--surface: #1b0d2a;--surface-deep: #100818;--ink: #fff7e8;--muted: #d7c7d7;--paper: #f2dfbd;--paper-ink: #2a1631;--gold: #f6bd43;--gold-light: #ffd979;--crimson: #d33761;--cyan: #42c8ca;--violet: #7b48bd;--line: rgba(255, 255, 255, .18)}*{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{margin:0;min-width:280px;font-family:Cairo,Noto Kufi Arabic,sans-serif;color:var(--ink);background:var(--page)}a{color:inherit;text-decoration:none}.hero-site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}.site-nav{display:flex;align-items:center;justify-content:center;gap:2px;padding:4px;border:1px solid var(--gold);border-radius:14px;background:var(--paper);box-shadow:0 4px 16px #10081840}.site-nav a{min-height:44px;padding-inline:12px;display:inline-flex;align-items:center;border-radius:8px;color:var(--paper-ink);font-size:.9rem;font-weight:800}.site-nav a:hover{background:var(--gold-light)}.site-nav a:focus-visible{outline:3px solid var(--paper-ink);outline-offset:-3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.hero{position:relative;min-height:min(720px,calc(100svh - 72px));isolation:isolate;overflow:hidden;background-color:#160b24;background-image:url(./assets/quiz-hero.webp?v=0d89c1b0e6f45dd53b43023599cef8dee374e9a5);background-position:left center;background-repeat:no-repeat;background-size:auto 100%}.hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(90deg,#0f07180f,#0f071847 43%,#0f0718e6 78%,#0f0718fa),linear-gradient(180deg,#0f07180a,#0f07184d)}.hero-inner{width:min(1680px,calc(100% - 48px));min-height:inherit;margin:0 auto;padding:30px 0 36px;display:grid;grid-template-rows:auto 1fr auto}.hero-copy{width:min(690px,100%);align-self:center;padding:28px 0 24px}.eyebrow,.section-kicker{margin:0 0 12px;color:var(--gold);font-size:.82rem;font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:670px;margin:0;font-family:Noto Kufi Arabic,Cairo,sans-serif;font-size:clamp(3.4rem,4.5vw,5.1rem);line-height:1.18;letter-spacing:-.02em;white-space:nowrap}.summary{max-width:660px;margin:20px 0 0;color:var(--ink);font-size:1.22rem;font-weight:700;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.action{min-height:64px;padding:8px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border:2px solid transparent;border-radius:7px;font-weight:900;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.action:hover{transform:translateY(-2px)}.action:active{transform:translateY(0) scale(.98)}.action-icon{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border-radius:8px;background:#2a16311f}.action-copy{display:grid;gap:2px;text-align:right}.action-title{font-size:1rem;line-height:1.35}.action-hint{font-size:.74rem;font-weight:700;line-height:1.45;opacity:.76}.primary-action{color:var(--paper-ink);background:var(--gold);box-shadow:0 12px 28px #f6bd4333}.primary-action:hover{background:var(--gold-light)}.secondary-action{color:var(--ink);border-color:#ffffff8c;background:#12091dad}.secondary-action:hover{border-color:var(--cyan);background:#12091de6}.secondary-action .action-icon{background:#ffffff17}.quick-guide{margin-top:22px;padding:15px;border:1px solid rgba(255,255,255,.2);border-radius:14px;color:var(--ink);background:#12091de6;box-shadow:0 16px 38px #0000004d}.quick-guide-heading{margin-bottom:12px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.quick-guide-kicker{color:var(--gold);font-size:.76rem;font-weight:900}.quick-guide h2{margin:0;font-size:1.1rem;line-height:1.4}.quick-steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none}.quick-step{position:relative;min-height:88px;padding:12px;display:flex;align-items:center;gap:10px;overflow:hidden;border:1px solid rgba(42,22,49,.14);border-radius:10px;color:var(--paper-ink);background:var(--paper);box-shadow:0 5px #00000029}.quick-step:before{position:absolute;top:-4px;right:50%;width:34px;height:10px;content:"";background:#f6bd43cc;transform:translate(50%) rotate(-3deg)}.quick-step:nth-child(2):before{background:#42c8cac2;transform:translate(50%) rotate(3deg)}.quick-step:nth-child(3):before{background:#d33761c2}.guide-icon{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border-radius:9px;background:#f6bd43bf}.quick-step:nth-child(2) .guide-icon{background:#42c8caad}.quick-step:nth-child(3) .guide-icon{color:#fff;background:#d33761d1}.guide-copy{min-width:0;display:grid;grid-template-columns:auto 1fr;column-gap:6px;align-items:baseline}.guide-number{color:var(--crimson);font-size:.72rem;font-weight:900}.guide-copy strong{font-size:.9rem;line-height:1.4}.guide-copy small{grid-column:1 / -1;margin-top:3px;color:#624f64;font-size:.72rem;font-weight:700;line-height:1.5}.hero-note{margin:0;color:var(--muted);font-weight:700}.hero-note span{padding:0 8px;color:var(--crimson)}.start-section,.gameplay-section,.faq-section{width:100%}.start-section{padding:76px max(24px,calc((100% - 1180px)/2)) 84px;color:var(--ink);background:radial-gradient(circle at 10% 15%,rgba(123,72,189,.18),transparent 24rem),var(--surface)}.start-section-inner,.gameplay-section-inner{width:min(1180px,100%);margin-inline:auto}.start-section-top{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);align-items:center;gap:40px}.section-heading h2,.gameplay-section h2,.faq-heading h2{margin:0;font-size:2.25rem;line-height:1.4}.section-heading>p:last-child,.faq-heading>p:last-child{margin:18px 0 0;color:var(--muted);font-weight:700;line-height:1.75}.setup-storyboard,.gameplay-visual{margin:0}.setup-storyboard{position:relative;padding:8px;border:1px solid rgba(246,189,67,.35);border-radius:18px;background:#0c05138f;box-shadow:0 22px 48px #0000004d;transform:rotate(-.7deg)}.setup-storyboard:before{position:absolute;z-index:1;top:-9px;right:46%;width:72px;height:18px;content:"";background:#f6bd43d1;transform:rotate(2deg)}.setup-storyboard img{width:100%;height:auto;display:block;border-radius:11px}.steps{margin:46px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none}.steps li{position:relative;min-height:168px;padding:24px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0e}.steps li:before{position:absolute;top:-4px;right:50%;width:44px;height:11px;content:"";background:#f6bd43d1;transform:translate(50%) rotate(-3deg)}.steps li:nth-child(2):before{background:#42c8cacc;transform:translate(50%) rotate(3deg)}.steps li:nth-child(3):before{background:#d33761d1}.step-number{color:var(--cyan);font-size:1rem;font-weight:900}.steps h3{margin:0;font-size:1.12rem;line-height:1.45}.steps p{margin:8px 0 0;color:var(--muted);line-height:1.75}.gameplay-section{padding:70px max(24px,calc((100% - 1180px)/2));color:var(--paper-ink);background:radial-gradient(circle at 85% 30%,rgba(246,189,67,.18),transparent 20rem),var(--paper)}.gameplay-section-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.76fr);align-items:center;gap:64px}.gameplay-section .section-kicker{color:#a92d51}.gameplay-copy>p:last-child{margin:22px 0 0;font-size:1.08rem;line-height:1.9}.gameplay-visual{width:min(100%,440px);justify-self:center;padding:24px;border:2px solid rgba(42,22,49,.18);border-radius:18px;background:#251135;box-shadow:12px 14px #7b48bd38,0 22px 45px #2a163138;transform:rotate(1.2deg)}.question-card{padding:18px;display:grid;gap:6px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:var(--ink);background:#341749}.demo-kicker{color:var(--gold);font-size:.72rem;font-weight:900}.question-card strong{font-size:1.18rem}.question-card small{color:var(--muted);font-weight:700;line-height:1.6}.answer-stack{margin-top:12px;display:grid;gap:8px}.answer-card{position:relative;min-height:46px;padding:10px 14px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--paper-ink);background:#f8e9cc;font-weight:900;box-shadow:0 4px #0003}.answer-card:before{position:absolute;right:12px;width:8px;height:8px;content:"";border-radius:50%;background:var(--crimson)}.answer-card.selected{background:#ead9ff;transform:translate(-10px)}.answer-card.selected:before{background:var(--violet)}.answer-card.truth{color:#0b3d3f;background:#c8f0e9}.answer-card.truth:before{background:var(--cyan)}.reveal-row{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--gold-light);font-size:.78rem;font-weight:900}.reveal-row i{width:24px;height:1px;display:block;background:#ffd9797a}.faq-section{padding:76px max(24px,calc((100% - 1180px)/2)) 84px;color:var(--ink);background:radial-gradient(circle at 15% 80%,rgba(211,55,97,.12),transparent 24rem),var(--surface-deep)}.faq-section-inner{width:min(940px,100%);margin-inline:auto}.faq-heading{max-width:720px}.faq-list{margin-top:36px;display:grid;gap:12px}.faq-item{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:var(--paper-ink);background:var(--paper);box-shadow:0 12px 26px #0000002e}.faq-item:before{position:absolute;top:-3px;right:48px;width:54px;height:10px;content:"";background:#f6bd43e6;transform:rotate(-2deg)}.faq-item:nth-child(3n+2):before{background:#42c8cad6;transform:rotate(2deg)}.faq-item:nth-child(3n):before{background:#d33761d1}.faq-item>summary{min-height:68px;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:1.06rem;font-weight:900;line-height:1.55}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-5px}.faq-toggle{position:relative;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--gold)}.faq-toggle:before,.faq-toggle:after{position:absolute;top:15px;right:9px;width:14px;height:2px;content:"";border-radius:2px;background:var(--paper-ink)}.faq-toggle:after{transform:rotate(90deg);transition:transform .16s ease}.faq-item[open] .faq-toggle:after{transform:rotate(0)}.faq-answer{margin:0 22px;padding:0 0 20px;border-top:1px dashed rgba(42,22,49,.24)}.faq-answer p{margin:16px 0 0;color:#5e4b61;font-weight:700;line-height:1.85}footer{width:min(1180px,calc(100% - 48px));min-height:96px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:.9rem}.site-footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:18px}footer a{min-height:44px;display:inline-flex;align-items:center;color:var(--cyan);font-weight:800}.action:focus-visible,footer a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(max-width:760px){.hero-site-header{grid-template-columns:1fr;justify-items:start;gap:12px}.site-nav{justify-self:center}.site-nav a{padding-inline:10px}footer{min-height:88px;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}.site-footer-links{gap:14px}}@media(max-width:920px)and (min-width:761px){.hero-inner{width:min(100% - 36px,1180px);padding-top:22px}.hero-copy{padding:24px 0 20px}h1{font-size:4.15rem}.summary{margin-top:16px;font-size:1.08rem;line-height:1.65}.actions{margin-top:22px}.quick-guide{margin-top:18px}}@media(max-width:760px){.hero{min-height:calc(100svh - 28px);background-position:left center;background-size:auto 100%}.hero:before{background:#0f0718c7}.hero-inner,footer{width:min(100% - 32px,1180px)}.hero-inner{padding:20px 0 24px}.hero-copy{padding:40px 0 24px}h1{font-size:clamp(2.55rem,12vw,3.35rem);line-height:1.25;white-space:normal}.summary{margin-top:16px;font-size:1.02rem;line-height:1.7}.actions{display:grid;margin-top:20px}.action{width:100%}.quick-guide-heading{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:8px}.quick-guide{margin-top:16px;padding:12px}.quick-steps{grid-template-columns:1fr;gap:8px}.quick-step{min-height:80px}.section-heading h2,.gameplay-section h2,.faq-heading h2{font-size:1.75rem}.start-section{padding:56px 16px 64px}.start-section-top,.gameplay-section-inner{grid-template-columns:1fr;gap:30px}.steps{grid-template-columns:1fr;gap:12px;margin-top:30px}.steps li{min-height:0;padding:20px}.gameplay-section{padding:52px 16px 62px}.gameplay-visual{width:min(94%,390px);padding:18px}.faq-section{padding:56px 16px 64px}.faq-list{margin-top:28px}.faq-item>summary{min-height:64px;padding:15px 16px;gap:12px;font-size:1rem}.faq-answer{margin:0 16px;padding-bottom:18px}footer{min-height:88px;align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action,.faq-toggle:after{transition:none}}