/* Anantdrristi — homepage Lo Shu grid: planet graphics on every number card (no pop-up) */
#loshu3d .ls-card.pop{transform:translateZ(0)!important}
#loshu3d .ls-front{justify-content:flex-end;padding-bottom:10%;background:radial-gradient(ellipse at 50% 30%,color-mix(in srgb,var(--c) 34%,#1A1150),#0A0628 82%)}
#loshu3d .ls-front>.ls-num,#loshu3d .ls-front>.ls-pl{position:relative;z-index:2}
#loshu3d .ls-num{font-size:clamp(28px,7vw,40px);text-shadow:0 0 14px color-mix(in srgb,var(--c) 80%,transparent),0 2px 0 rgba(0,0,0,.6),0 0 2px #000}
#loshu3d .ls-cnt{z-index:3}
.lg-sk{position:absolute;inset:0;opacity:.7;background:
  radial-gradient(1px 1px at 18% 22%,#fff,transparent),radial-gradient(1px 1px at 78% 14%,#fff,transparent),
  radial-gradient(1.2px 1.2px at 64% 72%,#fff,transparent),radial-gradient(1px 1px at 28% 84%,#fff,transparent),
  radial-gradient(1px 1px at 86% 58%,#fff,transparent),radial-gradient(1.4px 1.4px at 12% 52%,color-mix(in srgb,var(--c) 70%,#fff),transparent);
  animation:lgTw 3.4s ease-in-out infinite alternate}
.ls-card:nth-child(2n) .lg-sk{animation-delay:-1.7s}
@keyframes lgTw{from{opacity:.35}to{opacity:.9}}
.lg-ray{position:absolute;left:50%;top:34%;width:150%;aspect-ratio:1;translate:-50% -50%;opacity:.4;
  background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--c) 60%,transparent) 0 6deg,transparent 6deg 22deg);
  -webkit-mask-image:radial-gradient(circle,#000 18%,transparent 62%);mask-image:radial-gradient(circle,#000 18%,transparent 62%);
  animation:lgSpin 22s linear infinite}
.ls-card:nth-child(3n) .lg-ray{animation-direction:reverse}
.lg-orb{position:absolute;left:50%;top:34%;width:92%;height:30%;translate:-50% -50%;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--c) 55%,transparent);border-top-color:transparent;rotate:-14deg;opacity:.75}
.lg-orb:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);
  offset-path:ellipse(50% 50% at 50% 50%);animation:lgOrbit 5s linear infinite}
.ls-card:nth-child(2n) .lg-orb:after{animation-duration:7s}
@keyframes lgOrbit{to{offset-distance:100%}}
@keyframes lgSpin{to{rotate:360deg}}
.lg-pl{position:absolute;left:50%;top:34%;width:58%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:center/contain no-repeat;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--c) 70%,transparent));animation:lgBob 4s ease-in-out infinite}
.ls-card:nth-child(2n) .lg-pl{animation-delay:-2s}
@keyframes lgBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(8deg)}}
.lg-p1{background-image:url(/assets/indigo/planets/sun.webp)}
.lg-p2{background-image:url(/assets/indigo/planets/moon.webp)}
.lg-p3{background-image:url(/assets/indigo/planets/jupiter.webp)}
.lg-p5{background-image:url(/assets/indigo/planets/mercury.webp)}
.lg-p6{background-image:url(/assets/indigo/planets/venus.webp)}
.lg-p8{background-image:url(/assets/indigo/planets/saturn.webp);background-size:150%}
.lg-p9{background-image:url(/assets/indigo/planets/mars.webp)}
.lg-p4{background:radial-gradient(circle,#05030F 0 52%,transparent 54%),radial-gradient(circle,transparent 50%,#BFE0FF 54%,#4FA8FF 60%,rgba(79,168,255,.25) 72%,transparent 74%)}
.lg-p7{background:radial-gradient(circle at 66% 36%,#05030F 0 33%,transparent 35%),radial-gradient(circle,#F2FFFB 0 40%,#7FE3CC 44%,rgba(127,227,204,.35) 58%,transparent 70%)}
@media(prefers-reduced-motion:reduce){ .lg-sk,.lg-ray,.lg-pl,.lg-orb:after{animation:none} }
/* spacing fix */
#loshu3d .ls-front{padding-bottom:7%;gap:0}
#loshu3d .lg-pl{top:29%;width:52%}
#loshu3d .lg-orb,#loshu3d .lg-ray{top:29%}
#loshu3d .ls-num{font-size:clamp(26px,6vw,34px)}
@media(max-width:700px){.navlinks{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 78%,transparent);mask-image:linear-gradient(90deg,#000 78%,transparent);padding-right:14px}.navlinks::-webkit-scrollbar{display:none}}