/* Anantdrristi — Navratri daily devi (intro + corner + info) */
#nv-ov{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4vh,22px);
  background:radial-gradient(ellipse 70% 60% at 50% 42%,color-mix(in srgb,var(--nc) 38%,#1A0F4A),#0B0626 70%,#05031A);overflow:hidden;
  font-family:"Mukta","Inter",system-ui,sans-serif;color:#fff;opacity:0;transition:opacity .6s ease}
#nv-ov.on{opacity:1}#nv-ov.out{opacity:0;pointer-events:none;transition:opacity .9s ease .15s}
#nv-ov canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.nv-mand{position:absolute;left:50%;top:42%;width:min(130vmin,1100px);aspect-ratio:1;translate:-50% -50%;pointer-events:none;opacity:.55;
  background:url(/assets/indigo/img/mandala-alpha.webp) center/contain no-repeat;filter:drop-shadow(0 0 30px var(--nc));
  animation:nvTilt 40s linear infinite}
@keyframes nvTilt{from{transform:perspective(900px) rotateX(58deg) rotateZ(0)}to{transform:perspective(900px) rotateX(58deg) rotateZ(360deg)}}
.nv-mand.b{width:min(80vmin,640px);opacity:.35;animation:nvSpin 26s linear infinite reverse;top:40%}
@keyframes nvSpin{to{rotate:360deg}}
.nv-stage{position:relative;perspective:1100px;z-index:2}
.nv-card{position:relative;width:min(56vw,300px,36vh);aspect-ratio:3/4;border-radius:22px;transform-style:preserve-3d;
  animation:nvIn 1.6s cubic-bezier(.16,.9,.25,1.1) both,nvSwing 6s ease-in-out 1.6s infinite}
.nv-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--nc) 80%,#fff),0 0 60px color-mix(in srgb,var(--nc) 70%,transparent),0 30px 80px rgba(0,0,0,.6)}
.nv-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.4) 50%,transparent 65%);background-size:250% 100%;animation:nvGlare 3.2s ease-in-out .8s infinite}
.nv-halo{position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;translate:-50% -55%;border-radius:50%;pointer-events:none;
  background:repeating-conic-gradient(color-mix(in srgb,var(--nc) 70%,transparent) 0 4deg,transparent 4deg 14deg);
  -webkit-mask-image:radial-gradient(circle,transparent 38%,#000 40%,transparent 70%);mask-image:radial-gradient(circle,transparent 38%,#000 40%,transparent 70%);
  animation:nvSpin 18s linear infinite;transform:translateZ(-60px)}
@keyframes nvIn{from{opacity:0;transform:translateZ(-500px) rotateY(-70deg) rotateX(20deg) scale(.5)}to{opacity:1;transform:none}}
@keyframes nvSwing{0%,100%{transform:rotateY(-10deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(10deg) rotateX(-3deg) translateY(-10px)}}
@keyframes nvGlare{0%,55%{background-position:130% 0}100%{background-position:-30% 0}}
.nv-txt{position:relative;z-index:2;text-align:center;padding:0 18px;animation:nvUp 1s ease .7s both}
.nv-day{font:600 clamp(12px,1.6vw,15px)/1.2 "JetBrains Mono","Mukta",monospace;letter-spacing:3px;text-transform:uppercase;color:color-mix(in srgb,var(--nc) 60%,#fff)}
html[lang=hi] .nv-day{letter-spacing:1px}
.nv-name{font:700 clamp(30px,6vw,64px)/1.05 "Mukta","Sora",sans-serif;margin:6px 0 4px;
  background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--nc) 55%,#FFD9A8));-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px color-mix(in srgb,var(--nc) 60%,transparent))}
.nv-sub{font-size:clamp(14px,1.8vw,18px);opacity:.92}
.nv-mantra{margin-top:8px;font-size:clamp(15px,2vw,20px);color:#FFE7B8}
@keyframes nvUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.nv-bar{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--nc),#FFE7B8);width:0;animation:nvBar 5s linear forwards;z-index:3}
@keyframes nvBar{to{width:100%}}
.nv-skip{position:absolute;top:16px;right:16px;z-index:4;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:#fff;border-radius:999px;padding:7px 14px;font:500 13px "Mukta",sans-serif;cursor:pointer}
/* corner widget */
#nv-mini{position:fixed;left:16px;bottom:16px;z-index:9990;width:112px;cursor:pointer;transform-origin:0 0;font-family:"Mukta","Inter",sans-serif;perspective:600px}
#nv-mini .nm-c{position:relative;aspect-ratio:3/4;border-radius:14px;animation:nvBob 4s ease-in-out infinite;transform-style:preserve-3d}
#nv-mini .nm-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--nc) 80%,#fff),0 0 26px color-mix(in srgb,var(--nc) 70%,transparent),0 12px 30px rgba(0,0,0,.55)}
#nv-mini .nm-c:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);background-size:250% 100%;animation:nvGlare 4s ease-in-out infinite}
#nv-mini .nv-halo{width:170%;translate:-50% -52%;animation-duration:12s;opacity:.9}
#nv-mini .nm-l{margin-top:7px;text-align:center;font:600 12px/1.25 "Mukta",sans-serif;color:#fff;background:rgba(13,8,48,.85);border:1px solid color-mix(in srgb,var(--nc) 60%,transparent);border-radius:10px;padding:5px 6px}
#nv-mini .nm-l b{display:block;color:color-mix(in srgb,var(--nc) 55%,#fff)}
#nv-mini .nm-x{position:absolute;top:-8px;right:-8px;z-index:3;width:22px;height:22px;border-radius:50%;border:0;background:#0D0830;color:#fff;font-size:13px;line-height:22px;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
@keyframes nvBob{0%,100%{transform:rotateY(-8deg) translateY(0)}50%{transform:rotateY(8deg) translateY(-5px)}}
#nv-mini:hover .nm-c{animation-play-state:paused;transform:rotateY(0) scale(1.05)}
/* info panel */
#nv-info{position:fixed;inset:0;z-index:100001;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(5,3,26,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .35s;font-family:"Mukta","Inter",sans-serif}
#nv-info.on{opacity:1;pointer-events:auto}
.ni-box{position:relative;display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:24px;max-width:860px;width:100%;max-height:92vh;overflow:auto;
  background:linear-gradient(160deg,color-mix(in srgb,var(--nc) 22%,#1A0F4A),#0D0830 70%);border:1px solid color-mix(in srgb,var(--nc) 55%,transparent);
  border-radius:22px;padding:24px;color:#EDE8FF;box-shadow:0 0 60px color-mix(in srgb,var(--nc) 35%,transparent);transform:translateY(20px) scale(.97);transition:transform .4s cubic-bezier(.2,.9,.3,1.2)}
#nv-info.on .ni-box{transform:none}
.ni-img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;box-shadow:0 0 0 2px color-mix(in srgb,var(--nc) 70%,#fff),0 0 30px color-mix(in srgb,var(--nc) 50%,transparent)}
.ni-box h3{margin:2px 0 4px;font:700 30px/1.15 "Mukta","Sora",sans-serif;color:#fff}
.ni-box h4{margin:16px 0 6px;font:600 13px/1.3 "JetBrains Mono","Mukta",monospace;letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb,var(--nc) 55%,#fff)}
html[lang=hi] .ni-box h4{font:700 16px "Mukta",sans-serif;letter-spacing:0}
.ni-box p{margin:0;font-size:16px;line-height:1.65}
.ni-box ul{margin:0;padding-left:20px;font-size:16px;line-height:1.75}
.ni-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.ni-chips span{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 12px;font-size:14px}
.ni-chips i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--nc);margin-right:6px;vertical-align:-1px;box-shadow:0 0 8px var(--nc)}
.ni-mantra{margin-top:14px;padding:10px 14px;border-radius:12px;background:rgba(255,231,184,.08);border:1px dashed rgba(255,231,184,.4);color:#FFE7B8;font-size:18px;text-align:center}
.ni-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:18px;cursor:pointer}
.ni-cta{display:inline-block;margin-top:16px;padding:10px 18px;border-radius:12px;background:linear-gradient(135deg,#F7D3C2,#E5A98C);color:#2A1430;font-weight:700;text-decoration:none}
@media(max-width:700px){
  #nv-mini{width:84px;left:12px;bottom:12px}
  #nv-mini .nm-l{font-size:11px}
  .ni-box{grid-template-columns:1fr;gap:14px;padding:18px}
  .ni-img{max-width:200px;margin:0 auto}
  .ni-box h3{font-size:25px}
}
@media(prefers-reduced-motion:reduce){.nv-mand,.nv-halo,.nv-card,.nv-card:after,#nv-mini .nm-c,#nv-mini .nm-c:after{animation:none!important}}
