.scene-canvas { display:block; width:100%; height:100%; outline:0; }

.scene--fallback { display:grid; min-height:320px; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 48%, #102731 0, #081116 27%, transparent 62%); }
.scene-fallback { position:relative; width:min(54vw, 430px); aspect-ratio:1; border:2px solid #344a52; border-radius:50%; transform:rotateX(58deg) rotateZ(-32deg); box-shadow:0 0 32px #3ef1ff40, inset 0 0 24px #000; }
.scene-fallback::before,.scene-fallback::after,.scene-fallback i { content:""; position:absolute; inset:13%; display:block; border:2px solid #48eefa; border-radius:50%; box-shadow:0 0 16px #48eefa; }
.scene-fallback::after { inset:-17%; border-color:#ffb13d; transform:rotate(65deg); box-shadow:0 0 14px #ffb13d; }
.scene-fallback i { inset:31%; border:0; background:radial-gradient(circle at 35% 28%, #9affff, #24414b 37%, #071217 70%); box-shadow:0 0 32px #3af2ff; }
.scene-fallback b,.scene-fallback span { position:absolute; width:10px; height:10px; border-radius:50%; background:#ffb13d; box-shadow:0 0 10px #ffb13d; }
.scene-fallback b { top:2%; left:48%; }.scene-fallback span { bottom:8%; right:2%; }