Low-key lighting

<div class="stage">
  <div class="beam"></div>
  <div class="sphere"></div>
  <div class="shadow"></div>
  <div class="gauge"><i></i></div>
</div>

.stage{position:absolute;inset:0;background:#050506;overflow:hidden}
.beam{position:absolute;left:-10%;top:-20%;width:60%;height:80%;
  background:radial-gradient(ellipse at 0% 20%,rgba(255,225,170,.22),transparent 65%)}
.sphere{position:absolute;left:50%;top:48%;width:44vmin;aspect-ratio:1;border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 30% 32%,#f4ead0 0,#8a6a3f 42%,#0a0806 78%);
  animation:sway 6s ease-in-out infinite}
@keyframes sway{0%,100%{background-position:0 0}50%{background-position:6% 4%}}
.shadow{position:absolute;left:50%;bottom:9%;width:32vmin;height:7%;border-radius:50%;
  transform:translateX(-50%);
  background:radial-gradient(ellipse,rgba(0,0,0,.7),transparent 70%)}
.gauge{position:absolute;right:6%;top:8%;width:26%;height:6px;border-radius:4px;
  background:linear-gradient(90deg,#050506,#cfcfd8)}
.gauge i{position:absolute;top:-3px;width:2px;height:12px;background:#ff5c6a;left:82%}