*{box-sizing:border-box}html{background:#090719}body{margin:0;color:#fff6df;font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh;background:radial-gradient(ellipse at 50% 20%,#38246a 0%,#160d34 44%,#080716 100%);overflow-x:hidden}button{font:inherit;cursor:pointer}a{color:#ffe6a5;text-decoration:none}header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px clamp(14px,5vw,65px);border-bottom:1px solid #ffffff1b;background:#100c25b0;position:relative;z-index:3;font-weight:800;letter-spacing:.08em}header span{color:#ffdb8c;font-size:clamp(12px,2.4vw,18px)}header button,.tools button{background:#ffffff14;border:1px solid #ffffff3a;color:#fff;padding:9px 14px;border-radius:12px}main{max-width:1200px;margin:auto;padding:20px 18px 35px}.intro{text-align:center;padding:18px 0 8px}.eyebrow,.difficulty{font-size:12px;letter-spacing:.17em;color:#ffcc71;font-weight:900}.intro h1{font-size:clamp(31px,5vw,64px);line-height:1.06;margin:12px 0;text-shadow:0 0 32px #ba5dff66}.intro em{font-style:normal;background:linear-gradient(100deg,#ffec9e,#ff9a35,#ffde86);color:transparent;background-clip:text}.intro p{color:#c9c2e3}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:stretch;margin-top:20px}.wheel-card,.challenge-card,.info{border:1px solid #b77fff52;background:linear-gradient(140deg,#ffffff13,#ffffff05);border-radius:26px;box-shadow:0 24px 80px #05000a88,inset 0 1px #ffffff38;backdrop-filter:blur(14px)}.wheel-card{padding:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.wheel-scene{width:100%;max-width:480px;aspect-ratio:1;position:relative;display:grid;place-items:center;perspective:850px}.halo{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffcd5850,#8c43ff3b 42%,transparent 69%);filter:blur(17px);animation:pulse 4s ease-in-out infinite}.wheel-perspective{position:relative;width:88%;aspect-ratio:1;transform:rotateX(12deg);filter:drop-shadow(0 22px 16px #0009) drop-shadow(0 0 25px #ffc04e5e)}canvas{display:block;width:100%;height:100%;border-radius:50%;transform:translateZ(8px)}.hub{position:absolute;inset:40%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9b2,#e8a42e 45%,#7a310f);border:5px ridge #ffe89a;box-shadow:0 0 22px #ffd468,0 6px 15px #0009;color:#64240d;font-size:clamp(26px,5vw,48px);font-weight:900}.pointer{position:absolute;top:-7px;left:50%;transform:translateX(-50%);z-index:3;color:#fff1a1;font-size:38px;text-shadow:0 0 10px #ffc548,0 0 30px #ffb629}.floor{position:absolute;bottom:2%;width:85%;height:12%;background:#f4ac3670;filter:blur(30px);border-radius:50%;transform:rotateX(70deg)}.spin{border:1px solid #fff5ad;border-radius:100px;padding:17px 26px;color:#42150a;font-weight:1000;letter-spacing:.06em;background:linear-gradient(#fff7c2,#ffc34f 50%,#dc842b);box-shadow:0 8px 0 #84411c,0 12px 32px #f8a33b6b;transition:transform .2s;min-width:240px}.spin:active{transform:translateY(5px)}.spin:disabled{opacity:.6;cursor:wait}.hint{font-size:12px;color:#d1c6e3}.challenge-card{padding:clamp(16px,3vw,30px);display:flex;flex-direction:column}.topline,.bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:800;color:#ffdf8b}.divine-art{height:205px;position:relative;display:grid;place-items:center;margin:16px 0 8px;isolation:isolate;overflow:hidden;border-radius:22px;background:radial-gradient(ellipse,#ffe28a3d,#a249ad21 45%,transparent 70%)}.rays{position:absolute;width:170px;height:170px;border:2px solid #ffdd8a8c;border-radius:50%;box-shadow:0 0 0 12px #e8a44d16,0 0 0 30px #f2c5670d,0 0 50px #ffcc5b88;animation:ray 16s linear infinite}.rays:before,.rays:after{content:'';position:absolute;inset:-25px;border:2px dashed #f4cd75a0;border-radius:50%}.rays:after{inset:18px;border-style:dotted}#symbol{font-size:112px;filter:drop-shadow(0 12px 8px #0008) drop-shadow(0 0 18px #ffb86d);animation:float 3.8s ease-in-out infinite;z-index:1}.difficulty{margin-top:6px}.challenge-card h2{font-size:clamp(20px,2.6vw,29px);margin:8px 0;min-height:55px}.challenge-card p#clue{color:#d0c6e5;font-size:14px;margin:0 0 18px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answers button{min-height:56px;background:linear-gradient(140deg,#4d3378,#30204c);color:#fff;border:1px solid #a786cf;border-radius:14px;padding:10px;font-weight:750;transition:transform .2s,background .2s}.answers button:not(:disabled):hover{transform:translateY(-3px);background:#7351a1}.answers button.correct{background:#216f55;border-color:#84ffcb}.answers button.wrong{background:#862f54;border-color:#ff99b8}.feedback{min-height:45px;font-size:14px;color:#ffe0a2;margin:13px 0}.bottom button{padding:11px 14px;border:1px solid #f5c86d;border-radius:12px;background:#ffdb89;color:#3b2251;font-weight:900}.bottom button:disabled{opacity:.4;cursor:not-allowed}.info{margin-top:20px;padding:22px;text-align:center}.info h2{color:#ffe0a0;margin:0 0 10px}.info p{color:#cfc7e1;line-height:1.6}.tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}footer{text-align:center;margin-top:28px;color:#bbb;font-size:13px}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(1px 1px at 15% 23%,#fff 99%,transparent),radial-gradient(2px 2px at 63% 41%,#fff 99%,transparent),radial-gradient(1px 1px at 80% 70%,#fff 99%,transparent);background-size:240px 230px;animation:star 28s linear infinite}@keyframes float{50%{transform:translateY(-14px) rotate(4deg)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.7}}@keyframes ray{to{transform:rotate(360deg)}}@keyframes star{to{background-position:180px 300px}}@media(max-width:790px){.layout{grid-template-columns:1fr}.wheel-scene{max-width:420px}.challenge-card{min-height:550px}.intro{padding-top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.audio-controls{display:flex;gap:7px;flex-wrap:wrap}.audio-controls button{white-space:nowrap;font-size:12px;padding:9px 11px}.audio-controls button[aria-pressed="true"]{box-shadow:0 0 18px #e6ad53a0;border-color:#ffda82}@media(max-width:450px){header{gap:5px}.audio-controls{justify-content:flex-end}.audio-controls button{font-size:10px;padding:7px}}

/* Divine temple visual world */
body{background:radial-gradient(ellipse at 50% 7%,#78436e 0%,#2d1747 36%,#0d0b22 85%)}.temple-world{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.temple-mist{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#ffbd5936,transparent 57%),radial-gradient(ellipse at 12% 65%,#eb6ca525,transparent 35%),radial-gradient(ellipse at 88% 50%,#6559d931,transparent 40%);animation:templeBreathe 9s ease-in-out infinite alternate}.temple-architecture{position:absolute;inset:4% -4% 0;background:url('divine-art/temple.svg') center bottom/cover no-repeat;opacity:.33;filter:drop-shadow(0 0 30px #f4a852)}.temple-lights{position:absolute;inset:0;background:repeating-conic-gradient(from 10deg at 50% 0%,#ffe5a00c 0 6deg,transparent 7deg 20deg);animation:lightShift 18s ease-in-out infinite alternate;mix-blend-mode:screen}.petals{position:fixed;z-index:1;top:13%;left:0;right:0;text-align:center;color:#ffdd9e9c;font-size:25px;letter-spacing:clamp(20px,8vw,120px);white-space:nowrap;overflow:hidden;pointer-events:none;animation:petalDrift 15s linear infinite}header,main{position:relative;z-index:2}.intro h1{filter:drop-shadow(0 0 15px #e5a34d80)}.devotional-quote{display:grid;gap:6px;max-width:720px;margin:20px auto 10px;padding:14px 18px;border:1px solid #f8c96e72;border-radius:17px;background:linear-gradient(100deg,#412448b0,#5c315c88,#382049b0);box-shadow:0 0 25px #ecb36124,inset 0 1px #fff5d455}.devotional-quote span{font-size:clamp(17px,3vw,25px);font-weight:850;background:linear-gradient(90deg,#ffe59d,#fbb2cf,#c3a7ff,#ffe3a2);background-size:250% 100%;background-clip:text;color:transparent;animation:quoteShine 7s linear infinite}.devotional-quote small{color:#f4d9cb;font-size:clamp(12px,2vw,15px)}.wheel-card,.challenge-card,.info{border-color:#e6b97070;box-shadow:0 18px 65px #10051599,0 0 36px #eab36518,inset 0 1px #fff5c458}.divine-art{height:clamp(230px,31vw,320px);background:radial-gradient(ellipse at center,#e6b65b55,#41205d70 65%,#110e2d 100%)!important;border:1px solid #e6b9708a;box-shadow:inset 0 0 45px #e7b25c40,0 0 25px #e6ac4525}.divine-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 13px #ffd38b90) drop-shadow(0 10px 12px #100b26a0);animation:darshanFloat 5.5s ease-in-out infinite;z-index:2}.divine-art img.reveal{animation:portraitReveal 1.15s cubic-bezier(.15,.8,.15,1) both, darshanFloat 5.5s ease-in-out 1.15s infinite}.divine-art .rays{z-index:1}.divine-art #symbol{position:absolute;right:10px;top:12px;font-size:40px;z-index:3;opacity:.8}.darshan-glow{position:absolute;inset:-30%;border-radius:50%;background:conic-gradient(from 0deg,transparent,#fff1a91c,transparent,#ffe6a51e,transparent);animation:ray 18s linear infinite;z-index:1;pointer-events:none}.mantra{font-size:clamp(16px,2.7vw,23px);font-weight:800;color:#ffe1a1!important;text-shadow:0 0 20px #ffc76175}@keyframes darshanFloat{50%{transform:translateY(-8px) scale(1.018)}}@keyframes portraitReveal{from{opacity:0;transform:scale(.78) rotateY(18deg);filter:blur(15px) brightness(2)}to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 13px #ffd38b90)}}@keyframes templeBreathe{to{transform:scale(1.12);opacity:.72}}@keyframes lightShift{to{transform:rotate(8deg)}}@keyframes petalDrift{to{transform:translateY(50px)}}@keyframes quoteShine{to{background-position:250% 0}}@media(max-width:600px){.temple-architecture{background-size:auto 90%;opacity:.23}.petals{opacity:.4}.divine-art{height:260px}}@media(prefers-reduced-motion:reduce){.temple-mist,.temple-lights,.petals,.devotional-quote span,.divine-art img,.divine-art img.reveal,.darshan-glow{animation:none!important}}