body{margin:0;background:#02030a;color:#fff}.slice{position:absolute;top:0;left:0;overflow:hidden;width:100%;background:linear-gradient(90deg,#05071a,#0b0f2e 50%,#05071a);border-bottom:1px solid rgba(255,255,255,.04)}.star{position:absolute;border-radius:50%;background:#fff}.number{position:absolute;top:0;white-space:nowrap;color:#f4f1ff;opacity:.3;text-shadow:0 0 12px rgba(160,140,255,.7)}.hide-numbers .number{visibility:hidden}.toggle{position:fixed;top:12px;right:12px;z-index:10;width:60px;padding:0;background:none;border:0;cursor:pointer}.toggle img{display:block;width:100%;height:auto}.planet{position:absolute;border-radius:50%;box-shadow:inset -6px -4px 10px #00000080}.planet.ringed:after{content:"";position:absolute;left:-30%;right:-30%;top:40%;bottom:40%;border:2px solid rgba(255,255,255,.5);border-radius:50%;transform:rotate(-18deg)}clip-path: polygon(25% 0,75% 0,75% 12.5%,87.5% 12.5%,87.5% 25%,100% 25%,100% 75%,87.5% 75%,87.5% 87.5%,75% 87.5%,75% 100%,25% 100%,25% 87.5%,12.5% 87.5%,12.5% 75%,0 75%,0 25%,12.5% 25%,12.5% 12.5%,25% 12.5%); } .bitmap .planet.ringed::after{border-radius:0;border-width:4px;transform:none;top:44%;bottom:44%}*/{}