/* ST4R Universe — clean native WebGL planets
   Fixed position, real spherical projection, mouse/touch drag, constant auto-spin. */
.st4r-floating-planets{position:fixed;inset:72px 0 0;z-index:46;pointer-events:none;overflow:visible;contain:layout style}
.st4r-planet-slot{position:absolute;pointer-events:none;filter:drop-shadow(0 20px 46px rgba(0,0,0,.52))}
.st4r-slot-saturn{width:clamp(214px,14.6vw,304px);height:clamp(162px,11vw,232px)}
.st4r-slot-jupiter,.st4r-slot-neptune,.st4r-slot-earth{width:clamp(168px,11vw,232px);aspect-ratio:1}
.st4r-planet-left-top{left:clamp(78px,5.8vw,118px);top:10vh}
.st4r-planet-left-bottom{left:clamp(96px,6.7vw,138px);top:58vh}
.st4r-planet-right-top{right:clamp(84px,6.1vw,126px);top:13vh}
.st4r-planet-right-bottom{right:clamp(96px,6.7vw,138px);top:63vh}

/* No bobbing / no vertical movement. */
.st4r-planet-float,.float-a,.float-b,.float-c,.float-d{width:100%;height:100%;animation:none!important;transform:none!important}
.st4r-world{position:relative;width:100%;height:100%;pointer-events:none}
.st4r-planet-interactive{position:absolute;inset:0;pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.st4r-planet-interactive.is-dragging{cursor:grabbing}
.st4r-planet-body{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:none!important}

/* Live sphere viewport. */
.is-sphere .st4r-planet-body{border-radius:50%;overflow:visible;background:transparent;box-shadow:none}
.st4r-sphere-surface{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:transparent;pointer-events:none;filter:drop-shadow(0 14px 30px rgba(0,0,0,.46)) saturate(.93) contrast(1.035)}
.st4r-sphere-surface canvas{display:block;width:100%;height:100%;border-radius:50%;pointer-events:none}

/* Saturn: ONLY one live spherical body. Rings are CSS, so no second planet image can overlap it. */
.is-ring .st4r-planet-body{overflow:visible;isolation:isolate}
.st4r-ringed-body .st4r-sphere-surface{inset:auto;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;filter:drop-shadow(0 7px 13px rgba(0,0,0,.32))}
.st4r-ringed-body::before,.st4r-ringed-body::after{content:"";position:absolute;left:50%;top:50%;width:94%;height:43%;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);pointer-events:none;background:radial-gradient(ellipse at center,transparent 0 36%,rgba(77,72,66,.55) 37% 39%,rgba(228,219,190,.92) 40% 44%,rgba(118,109,96,.80) 45% 47%,rgba(239,230,199,.96) 48% 53%,rgba(153,143,124,.82) 54% 56%,rgba(231,221,192,.82) 57% 60%,transparent 61% 100%);filter:drop-shadow(0 5px 7px rgba(0,0,0,.40))}
.st4r-ringed-body::before{z-index:1;clip-path:inset(0 0 50% 0)}
.st4r-ringed-body::after{z-index:3;clip-path:inset(50% 0 0 0)}

.st4r-world-orbit{position:absolute;left:50%;top:50%;width:118%;height:118%;translate:-50% -50%;border:1px solid rgba(116,131,255,.14);border-radius:50%;transform:rotateX(66deg) rotateZ(-12deg);pointer-events:none;box-shadow:0 0 20px rgba(90,94,255,.05),inset 0 0 14px rgba(90,94,255,.04)}
.st4r-slot-saturn .st4r-world-orbit{width:92%;height:150%;transform:rotateX(68deg) rotateZ(-10deg)}
.st4r-orbit-star{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;color:#9eb6ff;font:900 11px/12px system-ui,sans-serif;text-shadow:0 0 9px rgba(115,145,255,.95);animation:st4rOrbitPulse 1.8s ease-in-out infinite alternate}
.st4r-world-label{position:absolute;left:50%;bottom:-34px;translate:-50% 0;min-width:92px;padding:7px 12px;border:1px solid rgba(128,137,255,.22);border-radius:999px;background:linear-gradient(180deg,rgba(10,14,35,.88),rgba(5,8,22,.82));box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 0 18px rgba(93,93,255,.05);backdrop-filter:blur(10px);text-align:center;text-decoration:none;pointer-events:auto;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.st4r-world-label small{display:block;color:rgba(185,194,242,.62);font:700 6px/1.1 system-ui,sans-serif;letter-spacing:.16em}.st4r-world-label b{display:block;margin-top:2px;color:#fff;font:850 9px/1.1 system-ui,sans-serif;letter-spacing:.08em}
.st4r-world-label:hover{border-color:rgba(120,131,255,.55);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.30),0 0 18px rgba(100,100,255,.12)}
.st4r-planet-drag-hint{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:5px 8px;border:1px solid rgba(149,154,255,.18);border-radius:999px;background:rgba(4,7,18,.68);color:rgba(233,236,255,.76);font:750 6px/1 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;opacity:0;white-space:nowrap;pointer-events:none;transition:opacity .16s ease;backdrop-filter:blur(6px);z-index:10}
.st4r-planet-interactive:hover .st4r-planet-drag-hint{opacity:1}
@keyframes st4rOrbitPulse{from{opacity:.65;filter:brightness(.9)}to{opacity:1;filter:brightness(1.25)}}
@media(max-width:1450px){.st4r-floating-planets{display:none!important}}
@media(prefers-reduced-motion:reduce){.st4r-orbit-star{animation:none!important}}

/* scoate liniile/orbitele de langa planete */
.st4r-world-orbit{
  display:none !important;
  border:none !important;
  box-shadow:none !important;
}

/* ST4R — planets closer to screen edges + slightly smaller */
.st4r-slot-saturn{
  width:clamp(196px,13.2vw,276px) !important;
  height:clamp(148px,10vw,210px) !important;
}

.st4r-slot-jupiter,
.st4r-slot-neptune,
.st4r-slot-earth{
  width:clamp(154px,10vw,210px) !important;
}

.st4r-planet-left-top{
  left:clamp(24px,2.2vw,42px) !important;
}

.st4r-planet-left-bottom{
  left:clamp(28px,2.4vw,46px) !important;
}

.st4r-planet-right-top{
  right:clamp(24px,2.2vw,42px) !important;
}

.st4r-planet-right-bottom{
  right:clamp(28px,2.4vw,46px) !important;
}

/* ST4R — move planets ~1cm inward */
.st4r-planet-left-top{
  left:calc(clamp(24px,2.2vw,42px) + 38px) !important;
}

.st4r-planet-left-bottom{
  left:calc(clamp(28px,2.4vw,46px) + 38px) !important;
}

.st4r-planet-right-top{
  right:calc(clamp(24px,2.2vw,42px) + 38px) !important;
}

.st4r-planet-right-bottom{
  right:calc(clamp(28px,2.4vw,46px) + 38px) !important;
}