*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;min-height:100vh}#bgCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.quiz-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px 60px;color:#d4d4d4;font-family:Times New Roman,serif}.quiz-step{display:none;width:100%;max-width:520px}.quiz-heading{width:min(100%,820px);margin:0 auto 1.4rem;text-align:center;color:#f0e6d2}.quiz-heading h1{margin:0 0 .45rem;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.05;font-weight:400;letter-spacing:0}.quiz-heading p{margin:0 auto;max-width:620px;color:#b7a991;line-height:1.6;font-size:.98rem}.quiz-step.active{display:block;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quiz-question{font-size:1.8rem;line-height:1.4;margin-bottom:2rem;color:#f0e6d2;text-shadow:0 0 2px rgba(180,140,100,.4);letter-spacing:1px}.quiz-options{display:flex;flex-direction:column;gap:1rem}.quiz-option{background-color:#e0cfb8e0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(120,90,60,.08) 2px,rgba(120,90,60,.08) 4px),radial-gradient(ellipse at 30% 20%,rgba(220,200,150,.08) 0%,transparent 50%);border:1px solid #6b5e4a;color:#0a0a0a;padding:1rem 1.5rem;font-size:1.1rem;cursor:pointer;transition:all .35s;text-align:left;border-radius:2px;box-shadow:inset 0 0 8px #0000004d,0 0 10px #a0784633;letter-spacing:.5px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.quiz-option:hover,.quiz-option:focus{border-color:#c0a87a;color:#fff8ee;background-color:#d2b48c47;box-shadow:inset 0 0 12px #0006,0 0 18px #c8965040;text-shadow:0 0 3px rgba(255,240,200,.5)}.pentagram{width:60px;height:60px;margin:0 auto 1.5rem;position:relative;z-index:2}.dot{width:10px;height:10px;border-radius:50%;position:absolute;background:#333;transition:all .5s}.dot-water{top:0;left:50%;transform:translate(-50%)}.dot-wood{top:40%;left:0}.dot-fire{top:40%;right:0}.dot-earth{bottom:0;left:30%}.dot-metal{bottom:0;right:30%}.progress-text{font-size:.9rem;color:#9b8c78;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 3px rgba(140,110,70,.6)}.site-footer{position:relative;z-index:10;text-align:center;padding:.6rem;background:#000000e6;border-top:1px solid #222;color:#555;font-size:.65rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.site-footer a{color:#888;text-decoration:none;margin:0 .2rem;transition:color .3s}.site-footer a:hover{color:#c0a060}.site-footer p{margin-top:.2rem}#quiz-app{width:min(100%,1040px);display:grid;grid-template-columns:220px minmax(0,1fr);gap:2rem;align-items:center}.pentagram{width:160px;height:160px;margin:0 auto;border:1px solid rgba(192,168,122,.26);border-radius:50%;background:#00000059;box-shadow:0 0 45px #a0784624}.dot{width:16px;height:16px}.quiz-step.active{background:#08080894;border:1px solid rgba(192,168,122,.22);border-radius:8px;padding:2rem;box-shadow:0 24px 70px #00000059}.quiz-question{font-size:clamp(1.7rem,3.8vw,3rem);text-align:left}.progress-text{text-align:left}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.quiz-option{min-height:88px;display:flex;align-items:center;border-radius:6px;line-height:1.45}@media(max-width:760px){.quiz-container{padding:28px 14px 24px;justify-content:flex-start}.quiz-heading{margin-bottom:1rem}.quiz-heading h1{font-size:2rem}#quiz-app{display:block;width:100%}.pentagram{width:92px;height:92px;margin:0 auto 1rem}.dot{width:12px;height:12px}.quiz-step{max-width:none}.quiz-step.active{padding:1rem;border-radius:8px}.quiz-question{font-size:1.55rem;text-align:center;margin-bottom:1rem}.progress-text{text-align:center;margin-bottom:.8rem}.quiz-options{grid-template-columns:1fr;gap:.7rem}.quiz-option{min-height:56px;padding:.85rem 1rem;font-size:1rem}.site-footer{position:relative;margin-top:auto}}.quiz-geo{position:relative;z-index:1;width:min(100% - 2rem,980px);margin:0 auto 2rem;padding:1.2rem 1.4rem;background:#0808089e;border:1px solid rgba(192,168,122,.24);border-radius:12px;color:#d8cfbf;line-height:1.75}.quiz-geo h2{color:#f0e6d2;font-weight:400;font-size:1.35rem;margin:0 0 .55rem}.quiz-geo h3{color:#e0c8a0;font-size:1rem;margin:1rem 0 .35rem}.quiz-geo p{margin:0 0 .75rem}.quiz-geo ul{margin:.2rem 0 .8rem 1.1rem}