/* RIC_LIVING_QURAN_SCENE_V1 */
/* Decorative styling; verse text remains real DOM text. */

#ricUnifiedV10 #v10Verse {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 350px;
  padding: 44px 30px;
  border: 1px solid rgba(215,176,101,.48);
  border-radius: 90px 90px 18px 18px;
  background:
    radial-gradient(ellipse at 50% 0%,
      rgba(218,180,98,.17), transparent 45%),
    radial-gradient(circle at 83% 22%,
      rgba(249,220,153,.16) 0 22px,
      transparent 24px),
    linear-gradient(165deg,
      #092039 0%, #11394c 60%, #071c2e 100%);
}

#ricUnifiedV10 #v10Verse::before {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid rgba(225,186,106,.32);
  border-radius: 80px 80px 12px 12px;
  background-image:
    radial-gradient(circle,
      rgba(245,215,149,.4) 1px,
      transparent 1.5px);
  background-size: 46px 46px;
  opacity: .55;
}

#ricUnifiedV10 #v10Verse .v10-ayah {
  width: 100%;
  max-width: 900px;
  text-align: center;
  animation: ricAyahReveal .7s ease both;
}

#ricUnifiedV10 #v10Verse .v10-ar {
  direction: rtl;
  unicode-bidi: isolate;
  font-family:
    "Noto Naskh Arabic", "Amiri",
    "Traditional Arabic", serif;
  font-size: clamp(2.2rem, 4vw, 4.3rem);
  line-height: 1.95;
  color: #f5d68f;
  text-shadow: 0 3px 14px rgba(0,0,0,.32);
  overflow-wrap: anywhere;
}

#ricUnifiedV10 #v10Verse .v10-en {
  font-size: clamp(1.05rem, 1.8vw, 1.65rem);
  line-height: 1.65;
  color: #f5f5f2;
  max-width: 760px;
  margin: 18px auto;
}

#ricUnifiedV10 #v10Verse .v10-tr {
  color: #a5dce5;
  font-size: clamp(.95rem, 1.2vw, 1.16rem);
  font-style: italic;
  line-height: 1.6;
}

#ricUnifiedV10 #v10Verse .v10-ref {
  display: block;
  color: #ecca7f;
  letter-spacing: .13em;
  font-weight: 700;
}

@keyframes ricAyahReveal {
  from {opacity:0; transform:translateY(9px)}
  to {opacity:1; transform:translateY(0)}
}

@media(max-width:700px) {
  #ricUnifiedV10 #v10Verse {
    min-height: 290px;
    padding: 26px 18px;
    border-radius: 45px 45px 12px 12px;
  }
}

@media(prefers-reduced-motion:reduce) {
  #ricUnifiedV10 #v10Verse .v10-ayah {
    animation:none;
  }
}