fix mobile: clamp sky object angle, fix satellite orbit radius

Author: ptrpl4

assets/css/main.css

@@ -426,7 +426,7 @@ a:hover {
     }
 
     #satellite {
-        transform: translate(145px, -2px); /* max right: 160+145=305px < 320px */
+        transform: translate(165px, -2px); /* orbit > Earth radius (150px); right: 160+165=325px, within 360px+ viewports */
     }
 
     #comet {
@@ -451,7 +451,7 @@ a:hover {
     }
 
     #satellite {
-        transform: translate(128px, -2px); /* max right: 150+128=278px < 300px */
+        transform: translate(155px, -2px); /* orbit > Earth radius (140px); right: 150+155=305px, within 360px viewports */
     }
 
     #comet {

index.html

@@ -169,8 +169,11 @@ <h1>Pyotr Void</h1>
                     var ey = cRect.top  - wRect.top  + cRect.height / 2;
                     var er = cRect.width / 2;
 
-                    var angle = (Math.random() * 140 - 70) * Math.PI / 180;
                     var dist  = er * 1.45 + Math.random() * er * 0.15;
+                    var skyR  = el.offsetWidth / 2 || 32;
+                    var maxX  = wRect.width / 2 - skyR - 8;
+                    var maxAngle = Math.min(70 * Math.PI / 180, Math.asin(Math.min(0.99, maxX / dist)));
+                    var angle = (Math.random() * 2 - 1) * maxAngle;
                     var x = ex + dist * Math.sin(angle);
                     var y = ey - dist * Math.cos(angle);