.onul-quiz{background:#fffdf8}.onul-test{display:grid;grid-template-columns:42% 58%;min-height:940px}.quiz-sanctuary{position:relative;isolation:isolate;overflow:hidden;background:#17363f;color:#efdfbf;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 9%;text-align:center;min-height:900px}.quiz-sanctuary:before{content:'';position:absolute;inset:0;background:linear-gradient(#102932b0,#17363feb),url(assets/templo-20261015.jpg) center/cover;z-index:-2}.quiz-sanctuary:after{content:'';position:absolute;inset:10%;border:1px solid #b6975a44;border-radius:48% 52% 49% 51%;z-index:-1;rotate:-10deg}.quiz-sanctuary>.eyebrow{letter-spacing:4px}.quiz-crystal{position:relative;width:100%;height:410px;display:grid;place-items:center;margin:25px 0}.quiz-crystal img{width:190px;height:330px;object-fit:contain;animation:quiz-stone-drift 7s ease-in-out infinite;filter:drop-shadow(0 0 28px #e5efeb50);transition:filter 1s}.quiz-crystal:hover img{filter:brightness(1.22) drop-shadow(0 0 30px #e9d7a7)}.crystal-shadow{position:absolute;bottom:15px;width:120px;height:12px;border-radius:50%;background:#020f1340;filter:blur(7px)}.quiz-sanctuary p{font-size:8px;letter-spacing:2px;color:#bda880;max-width:330px;line-height:2.5}.quiz-sanctuary .link{font-size:8px;color:#e6d7b6}.quiz-stars{display:flex;gap:25px;margin:5px 0 24px}.quiz-stars i{width:6px;height:6px;background:#d4c6a0;rotate:45deg;opacity:.32;transition:opacity .5s,box-shadow .5s}.quiz-stars i.lit{opacity:1;box-shadow:0 0 12px #ffefb1,0 0 24px #d5b87d}.quiz-content{padding:90px 11%;align-self:center}.quiz-content [hidden]{display:none!important}.quiz-content h1{font:clamp(40px,4.5vw,76px)/1.06 Story,serif;color:#213d40;margin:25px 0 35px}.quiz-content p{font-size:14px;line-height:1.9;color:#607573}.quiz-start-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.quiz-content .btn{border:1px solid #b39a68;background:#17363f;color:#f2e7d0;padding:17px 25px;font-size:9px;letter-spacing:1.5px;cursor:pointer;transition:background .3s,translate .3s}.quiz-content .btn:hover{background:#345459;translate:0 -3px}.quiz-content .btn:disabled{opacity:.35;cursor:default;translate:none}.quiz-length{font-size:8px;letter-spacing:1.5px;color:#9a8662;display:block;margin-top:32px}.quiz-text-button{font-size:9px;letter-spacing:1.3px;border:0;background:none;padding:12px 0;color:#6c7b70;cursor:pointer}.quiz-text-button:hover{color:#a17f3e}.question-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.question-top .eyebrow{font-size:8px}.question-top #question-counter{font-size:10px;color:#8b7651;white-space:nowrap}.quiz-progress{height:2px;background:#d7d1c150;margin:18px 0 35px}.quiz-progress span{display:block;width:0;height:100%;background:#ae8d4d;transition:width .4s}.quiz-content #question-title{font:31px/1.3 Story,serif;color:#253e3f;text-transform:uppercase;margin:0 0 28px;outline:none}.quiz-choice{width:100%;text-align:left;display:grid;grid-template-columns:27px 1fr;gap:16px;padding:18px 0;cursor:pointer;border:0;border-bottom:1px solid #bba88640;background:none;color:#546a66;font:12px/1.7 Arial,sans-serif;transition:color .3s,padding .3s,background .3s}.quiz-choice>span:first-child{display:grid;place-items:center;width:24px;height:24px;border:1px solid #a68e5b80;border-radius:50%;font-size:8px;color:#91784d;transition:background .3s,color .3s}.quiz-choice:hover{background:#d9c49b10;padding-left:10px;color:#17383d}.quiz-choice[aria-checked=true]{color:#19383b;background:#dec59620;padding-left:10px}.quiz-choice[aria-checked=true]>span:first-child{background:#aa8a4b;color:white;border-color:#aa8a4b}.quiz-choice:focus-visible,.quiz-content button:focus-visible{outline:1px solid #b49353;outline-offset:4px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.quiz-content h2{font:27px Story;color:#254144}.result-card{position:relative;margin-top:25px;padding-top:22px;border-top:1px solid #b99d6235}.result-card img{display:block;width:145px;height:165px;object-fit:contain;filter:var(--result-filter);margin:0 auto 25px}.result-card h2{text-transform:uppercase;margin:0 0 15px;text-align:center;font-size:42px}.result-card p{font-size:13px}.result-card .link{font-size:9px}.score-breakdown{margin-top:45px}.score-breakdown h2{font-size:26px;margin-bottom:5px}.score-breakdown p{font-size:11px}.score-row{display:grid;grid-template-columns:75px 1fr 33px;gap:15px;align-items:center;margin:17px 0;font-size:9px;color:#566e69}.score-row>span:nth-child(2){height:3px;background:#d6d0c650}.score-row i{display:block;height:3px;background:var(--score-color);width:var(--score-width)}.score-row>span:last-child{text-align:right}.quiz-result-actions{display:flex;align-items:center;gap:25px;margin-top:35px;flex-wrap:wrap}.quiz-content #result-heading{outline:none;font-size:64px}.onul-quiz footer{background:#fffdf8}.quiz-sanctuary[data-result] .quiz-crystal img{filter:drop-shadow(0 0 38px var(--result-color)) brightness(1.15)}
@keyframes quiz-stone-drift{50%{translate:0 -16px;rotate:3deg}}@media(max-width:900px){.onul-test{grid-template-columns:36% 64%}.quiz-sanctuary{padding:60px 8%}.quiz-content{padding:70px 9%}.quiz-content #question-title{font-size:27px}.quiz-crystal img{width:145px;height:280px}.quiz-content h1{font-size:57px}}@media(max-width:650px){.onul-test{display:flex;flex-direction:column;min-height:0}.quiz-sanctuary{padding:45px 8% 35px;min-height:370px;order:0}.quiz-sanctuary:after{inset:5% 18%}.quiz-sanctuary>.eyebrow{font-size:8px}.quiz-crystal{height:190px;margin:10px 0}.quiz-crystal img{height:175px;width:90px}.crystal-shadow{width:70px;bottom:-4px}.quiz-stars{gap:22px;margin:13px 0}.quiz-sanctuary>p,.quiz-sanctuary>.link{display:none}.quiz-content{padding:45px 8% 65px;width:100%;order:1}.quiz-content h1{font-size:54px}.quiz-content #question-title{font-size:27px}.quiz-choice{font-size:12px;padding:17px 0;gap:12px}.quiz-content #result-heading{font-size:52px}.quiz-result-actions{gap:14px}}
html[data-motion=off] .quiz-crystal img{animation:none}@media(prefers-reduced-motion:reduce){.quiz-crystal img{animation:none}.quiz-content *,.quiz-sanctuary *{transition:none!important}}
.quiz-content .btn:after{content:none}