/* ==== LUXE KIDS — loaded after luxe.css ==== */
/* ================= LUXE KIDS — velvet courtyard at night ================= */
html body{background:
  radial-gradient(1200px 620px at 78% -12%, rgba(201,162,39,.20) 0%, transparent 62%),
  radial-gradient(900px 520px at 6% 105%, rgba(22,164,106,.22) 0%, transparent 60%),
  linear-gradient(170deg,#06231A 0%,#08301F 42%,#052019 100%)!important;
  color:#0B3D2E}
body .bg-pattern{opacity:.13;filter:sepia(1) saturate(4) hue-rotate(-12deg) brightness(1.55)}
body .bg-mosque{opacity:.30;filter:sepia(1) saturate(5) hue-rotate(-14deg) brightness(1.25)}
body .bg-mosque2{opacity:.14;filter:sepia(1) saturate(4) hue-rotate(-16deg) brightness(1.4)}
body .cloud{opacity:.10;filter:sepia(1) saturate(2.4) hue-rotate(-14deg) brightness(1.5)}
body .fbird{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45)) sepia(.35) saturate(2) hue-rotate(-8deg)}
body .tw svg path{fill:#FFF3C9}

body header{background:linear-gradient(170deg,rgba(9,48,33,.94),rgba(6,35,24,.92))!important;
  border-bottom:0!important;backdrop-filter:blur(10px)}
body .logo{color:#F6EEDA!important}
body .tag{background:var(--foil,linear-gradient(135deg,#C9A227,#F3E3A8 45%,#B6902A))!important;color:#2A1F06!important;
  box-shadow:0 2px 10px -4px rgba(201,162,39,.8)}

body .panel{background:linear-gradient(175deg,#FBF7EC,#F4ECDA)!important;
  border:1px solid rgba(201,162,39,.45)!important;
  box-shadow:0 30px 60px -28px rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.9) inset!important}
body .demo-note{background:linear-gradient(170deg,rgba(251,247,236,.95),rgba(243,233,209,.92))!important;
  border:1px solid rgba(201,162,39,.5)!important;color:#2C2410}

body .kidcard{background:radial-gradient(130% 120% at 25% 10%,#115C3F,#07281D)!important;
  border:1px solid rgba(201,162,39,.5)!important;color:#F6EEDA}
body .kidcard b{color:#FBF3DE}
body .kidcard .face{position:relative}
body .kidcard .face::before{content:"";position:absolute;width:88px;height:88px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,243,201,.22),transparent 68%);
  border:1px solid rgba(201,162,39,.45)}
body .kidcard .lvl{background:linear-gradient(135deg,#C9A227,#F3E3A8 45%,#B6902A)!important;color:#2A1F06!important}
body .kidcard:hover{border-color:#E3C876!important;
  box-shadow:0 30px 56px -24px rgba(0,0,0,.7),0 0 26px -8px rgba(201,162,39,.55)!important}
body .kidcard.add{background:linear-gradient(170deg,rgba(251,247,236,.10),rgba(251,247,236,.04))!important;
  border:1.5px dashed rgba(201,162,39,.7)!important;color:#F0DDA0}
body .kidcard.add svg{fill:#E3C876}

body .avatar{background:radial-gradient(circle at 35% 28%,#1B7E56,#07281D)!important;
  border:4px solid transparent!important;
  box-shadow:0 0 0 3px rgba(201,162,39,.85),0 24px 46px -18px rgba(0,0,0,.7),0 0 34px -10px rgba(201,162,39,.5)!important}
body .stage{background:linear-gradient(135deg,#8A6A1B,#E3C876 40%,#FFF3C9 60%,#A87F1E);
  -webkit-background-clip:text;background-clip:text;color:transparent}
body .xpbar{background:rgba(7,40,29,.12)!important;border:1px solid rgba(201,162,39,.45)!important}
body .xpbar div{background:linear-gradient(90deg,#8A6A1B,#E3C876 35%,#FFF3C9 55%,#C9A227)!important;color:#2A1F06!important;
  text-shadow:0 1px 0 rgba(255,255,255,.4)}
body .evo .st.now{filter:drop-shadow(0 0 10px rgba(240,221,160,.9))}
body .evo .arr{fill:rgba(201,162,39,.55)}

body .stat{background:linear-gradient(175deg,#FBF7EC,#F2E9D6)!important;border:1px solid rgba(201,162,39,.4)!important}
body .stat .l{color:#3B4A3F}
body .prog .date{color:#8A6A1B}
body .prog .hw{background:linear-gradient(135deg,rgba(18,140,90,.10),rgba(201,162,39,.12))!important;
  border:1px solid rgba(201,162,39,.3)}
body .empty{background:linear-gradient(135deg,rgba(18,140,90,.12),rgba(201,162,39,.10))!important;color:#2C3A31}
body .modal-card{background:linear-gradient(175deg,#FBF7EC,#F3EAD8)!important;border:1px solid rgba(201,162,39,.5)!important}
body #levelUp .card{background:radial-gradient(circle at 50% 25%,#156B49,#06231A)!important;
  border:2px solid rgba(201,162,39,.85)!important;
  box-shadow:0 40px 90px -30px #000,0 0 60px -14px rgba(201,162,39,.6)!important}
body #levelUp .card h2{background:linear-gradient(135deg,#C9A227,#FFF3C9 50%,#A87F1E);-webkit-background-clip:text;background-clip:text;color:transparent}
body #levelUp .card .stage{color:#F6EEDA!important;-webkit-text-fill-color:#F6EEDA}
body .gate .panel h2,body .gate .panel p{color:#20352B}


body .cloud{opacity:.07;filter:sepia(1) saturate(3) hue-rotate(-14deg) brightness(1.8)}
body .lant{display:none}          /* luxe.js hangs the gilded pair instead */
body .logo,body .logo *{color:#F6EEDA}
body .logo .arabic{color:transparent}
body .btn-sky{background:rgba(251,247,236,.92)!important;color:#0F6B45!important}
body .gate .panel h2{color:#20352B}
body #navR .btn{box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
body .kidcard .face svg{filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
body .evo .st svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.45))}

/* ink stays ink on parchment; cream only where the ground is velvet */
body .panel,body .panel h1,body .panel h2,body .panel h3,body .panel p,body .stat,body .prog,body .prog .surah,body .modal-card{color:#0B3D2E}
body .panel p,body .prog .hw{color:#33473C}
body .stat .n{color:#0F6B45}
body .stat .l svg,body .prog .stars svg{fill:#8A6A1B}
body .kidcard,body .kidcard b,body .kidcard span{color:#F6EEDA}
body .kidcard.add{color:#F0DDA0}
body #kName{color:#0B3D2E}
body #kStage,body .stage{-webkit-text-fill-color:transparent}
body #kXpNext{color:#42564A}