.art-card.quran-scene{min-height:460px;isolation:isolate;display:block;background:radial-gradient(ellipse at 38% 22%,#356b50 0%,#1b4938 38%,#0c2e24 80%);border:1px solid #285642;box-shadow:0 25px 60px #102e2320,inset 0 1px 0 #cfe4c51a}.art-card.quran-scene:before,.art-card.quran-scene:after{content:none}.scene-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 27% 75%,#d5bd7730,transparent 35%),radial-gradient(ellipse at 74% 45%,#76a17918,transparent 38%);pointer-events:none}.scene-arch{position:absolute;inset:27px 25px 42px;border:1px solid #d5bf7b20;border-radius:210px 210px 16px 16px;pointer-events:none}.scene-arch:after{content:"";position:absolute;inset:9px;border:1px solid #d5bf7b12;border-radius:200px 200px 12px 12px}.scene-controls{position:absolute;top:17px;right:17px;z-index:8;display:flex;gap:6px}.scene-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #e6d7ac35;border-radius:50%;background:#0d332866;color:#f1e7c8;cursor:pointer}.scene-controls button:hover{background:#345d46}.scene-controls button:focus-visible{outline:2px solid #ebd398;outline-offset:3px}.scene-controls svg{width:12px;height:12px;fill:currentColor}.scene-controls button[hidden]{display:none}.scene-remembrance{position:absolute;z-index:5;top:57px;left:28px;right:28px;text-align:center;color:#f5e8c5;pointer-events:none}.scene-remembrance .scene-kicker{display:block;font:9px/1.4 system-ui,sans-serif;letter-spacing:.25em;color:#d2c7a5;margin-bottom:9px}.scene-dhikr{display:block;height:65px;font:normal clamp(32px,3.5vw,44px)/1.45 'Traditional Arabic','Noto Naskh Arabic','Amiri',serif;letter-spacing:0;text-shadow:0 2px 16px #e6cb6c2b;white-space:nowrap}.scene-dots{display:flex;justify-content:center;gap:7px;margin-top:4px}.scene-dots span{width:4px;height:4px;border-radius:50%;background:#e4ce9240}.scene-dots .active{background:#e4ce92;box-shadow:0 0 8px #e4ce9250}.quran-object{position:absolute;z-index:3;left:12%;top:175px;width:174px;height:224px;perspective:900px}.quran-float{width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(23deg) rotateY(-22deg) rotateZ(-19deg);filter:drop-shadow(12px 23px 12px #04180e70)}.quran-cover{position:absolute;inset:0;border-radius:5px 10px 10px 5px;background:radial-gradient(ellipse at 28% 20%,#387659,#15513c 50%,#0b3528);transform:translateZ(19px);border:1px solid #e7cf8a;box-shadow:inset 3px 0 3px #b5c88830,inset -2px -2px 4px #041f18,inset 0 0 0 4px #123c2c,inset 0 0 0 5px #bf9d56;display:grid;place-items:center;overflow:hidden}.quran-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff18,transparent 40%,#f0de8510 70%,transparent);pointer-events:none}.cover-decoration{position:absolute;inset:13px;width:calc(100% - 26px);height:calc(100% - 26px);fill:none;stroke:#dfc17a;stroke-width:.9;opacity:.85}.quran-cover-title{position:relative;text-align:center;color:#eed69b;font:27px/1.6 'Traditional Arabic','Noto Naskh Arabic',serif;text-shadow:0 1px 2px #052a1c;z-index:1;transform:translateY(-2px)}.quran-cover-title small{display:block;font-size:17px}.quran-back{position:absolute;inset:0;border:1px solid #c5ab6d;border-radius:5px 10px 10px 5px;background:#0d3829;transform:translateZ(-2px);box-shadow:0 2px 2px #001f17}.quran-pages{position:absolute;left:6px;right:1px;top:7px;bottom:3px;background:repeating-linear-gradient(0deg,#ede3c4 0 1px,#b6aa82 1px 1.4px,#f7f0d9 1.4px 3px);transform:translateZ(8px);border-radius:1px 6px 7px 1px;box-shadow:2px 1px 0 #fff2cb,4px 3px 0 #b6aa82,7px 6px 0 #eddfb8,8px 8px 0 #9e8854}.quran-spine{position:absolute;left:-8px;top:0;width:20px;height:224px;transform:rotateY(-90deg);transform-origin:right center;background:linear-gradient(90deg,#082c20,#2d6546,#0c3829);border-block:1px solid #d7ba76;border-radius:4px}.quran-ribbon{position:absolute;z-index:0;left:105px;top:205px;width:10px;height:43px;background:linear-gradient(90deg,#ad8240,#e6c475,#a9823f);transform:translateZ(9px);clip-path:polygon(0 0,100% 0,100% 100%,50% 88%,0 100%)}.tasbih-scene{position:absolute;z-index:2;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.scene-ground{position:absolute;left:12%;right:9%;bottom:37px;height:64px;background:radial-gradient(ellipse,#041e1677,transparent 68%);transform:rotate(-7deg);filter:blur(5px)}.tasbih-thread{fill:none;stroke:#a9884e;stroke-width:1.4;opacity:.72}.tasbih-knot{filter:drop-shadow(2px 4px 3px #001b1177)}.tasbih-tassel{transform-origin:350px 377px}.scene-caption{position:absolute;bottom:19px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;color:#d7ceac;font:9px/1.4 system-ui,sans-serif;letter-spacing:.19em}.scene-caption span:last-child{letter-spacing:.12em;color:#b2c5ae}.scene-running .quran-float{animation:quran-breathe 8s ease-in-out infinite}.scene-running .tasbih-tassel{animation:tassel-sway 4.8s ease-in-out infinite}@keyframes quran-breathe{0%,100%{transform:translateY(0) rotateX(23deg) rotateY(-22deg) rotateZ(-19deg)}50%{transform:translateY(-5px) rotateX(25deg) rotateY(-18deg) rotateZ(-17deg)}}@keyframes tassel-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(4deg)}}.scene-paused .quran-float,.scene-paused .tasbih-tassel{animation-play-state:paused}.scene-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.art-card.quran-scene{min-height:460px;max-width:500px;width:100%;justify-self:center}.scene-dhikr{font-size:42px}}@media(max-width:430px){.art-card.quran-scene{min-height:410px}.quran-object{left:10%;top:170px;width:145px;height:187px}.quran-spine{height:187px}.quran-cover-title{font-size:23px}.quran-cover-title small{font-size:15px}.quran-ribbon{top:170px;left:90px}.scene-remembrance{top:53px}.scene-dhikr{font-size:36px}.scene-caption{left:20px;right:20px;font-size:8px}.scene-caption span:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){.scene-running .quran-float,.scene-running .tasbih-tassel{animation:none}.scene-controls button{transition:none}}
.scene-remembrance{top:42px}.scene-count{display:flex;align-items:center;justify-content:center;gap:9px;color:#e9d39b;font:500 12px/1.6 system-ui,sans-serif;letter-spacing:.05em;font-variant-numeric:tabular-nums;margin:3px 0 7px}.scene-count-divider{opacity:.35}.scene-count #scene-count{min-width:18px;text-align:right}.scene-dots{margin-top:0}@media(max-width:430px){.scene-remembrance{top:40px}}
.scene-count{font-size:14px}.scene-count #scene-count{font-size:17px;min-width:24px;color:#f5e5b8}